#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

/* 加载 start*/
#spin.ivu-spin-fix {
  background-color: rgba(0, 0, 0, .65);
  z-index: 9999;
}
#spin img{
  display: block;
  margin-bottom: 10px;
}
#spin .load-icon {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
}
#spin .load-icon-child {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #05aee8;
  border-radius: 4px;
  opacity: 0;
}
#spin .demo-spin-icon-load1 {
  -webkit-animation: ani-demo-spin1 1s linear infinite;
  animation: ani-demo-spin1 1s linear infinite;
}
#spin .demo-spin-icon-load2 {
  -webkit-animation: ani-demo-spin2 1s linear infinite;
  animation: ani-demo-spin2 1s linear infinite;
}
#spin .demo-spin-icon-load3 {
  -webkit-animation: ani-demo-spin3 1s linear infinite;
  animation: ani-demo-spin3 1s linear infinite;
}

/* 加载动画 */
@-webkit-keyframes ani-demo-spin1 {
0% {
    opacity: 1;
}
33% {
    opacity: 1;
}
34% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes ani-demo-spin1 {
0% {
    opacity: 1;
}
33% {
    opacity: 1;
}
34% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes ani-demo-spin2 {
0% {
    opacity: 0;
}
33% {
    opacity: 0;
}
34% {
    opacity: 1;
}
66% {
    opacity: 1;
}
67% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes ani-demo-spin2 {
0% {
    opacity: 0;
}
33% {
    opacity: 0;
}
34% {
    opacity: 1;
}
66% {
    opacity: 1;
}
67% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes ani-demo-spin3 {
0% {
    opacity: 0;
}
66% {
    opacity: 0;
}
67% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes ani-demo-spin3 {
0% {
    opacity: 0;
}
66% {
    opacity: 0;
}
67% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}

/* 加载 end */

/* 内容 */
#content{
  position: absolute;
  margin-right: 0;
  top: 0;
  right: 0;
  left: 252px;
  height: 100%;
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: left .25s ease-in;
  transition: left .25s ease-in;
  background-color: #ebeff2;
}
#content.close-menu {
  left: 52px;
}
#content.retract-menu {
  left: 0px;
}
#content .container{
  position: relative;
  padding-top: 80px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#content .nav-title-container{
  padding: 0 16px;
  margin-bottom: 16px;
  line-height: 1;
  white-space: nowrap;
}
.nav-title-container .utm-point-icon{
  margin-right: 4px;
  color: rgba(5,159,232,1);
  vertical-align: middle;
  font-size: 16px;
}
#content .nav-title{
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
}
#content .nav-title .nav-title-item:first-child{
  cursor: auto;
}
#content .nav-title .nav-title-item{
  cursor: pointer;
}
#content .nav-title .nav-title-item.active{
  color: #059fe8;
}
#content .page{
  position: relative;
  display: inline-block;
  background: #fff;
  width: 100%;
  height: calc( 100% - 34px );
  overflow-x: hidden;
  overflow-y: auto;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
#content .page::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #303745;
}

/*定义滚动条轨道 内阴影+圆角*/
#content .page::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 1.5px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
#content .page::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}

/*大图*/
.utm-modal-wrap.img-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.utm-modal-box.big-image-box img{
  max-width: 750px;
  min-width: 340px;
  max-height: 750px;
}
.utm-modal-wrap .utm-modal-box.big-image-box{
  width: auto;
  text-align: center;
  top: unset;
}
.img-wrap .close-img-icon{
  font-size: 60px;
  color: #eee;
  position: absolute;
  right: 24px;
  top: 0;
  cursor: pointer;
}
.work-station-menu{
  position: fixed;
  right: 16px;
  left: unset !important;
  top: 50%;
  padding: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 58px;
  height: auto;
  border-radius: 29px;
  border:1px solid #059FE8;
  background: #effaff;
  z-index: 16;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(74,185,245,0.80);
          box-shadow: 0px 0px 6px 0px rgba(74,185,245,0.80);
}
.work-station-menu-item{
  display: none;
  margin: 0 auto;
  height: 56px;
  width: 56px;
  border-radius: 28px;
  text-align: center;
  line-height: 56px;
}
.show{
  display: block;
}
.work-station-menu-item.active{
  display: block;
  background: -webkit-gradient(linear,left top, left bottom,from(#05b8e8), to(#0598e8));
  background: linear-gradient(180deg,#05b8e8, #0598e8);
}
.work-station-menu:hover .work-station-menu-item{
  display: block;
}
.work-station-menu-item>span{
  color:#059FE8;
}
.work-station-menu-item.active>span{
  color:#fff;
}
.license-notice{
  position: absolute;
  z-index: 1000;
  right: 5px;
  top: 64.2px;
  width: 320px;
  height: 48px;
  background: #fff6f6;
  border-radius: 8px 0px 0px 8px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(125,8,4,0.16);
          box-shadow: 0px 0px 6px 0px rgba(125,8,4,0.16); 
  font-size: 16px;
  color: #f66f6a;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}
.license-notice i{
  font-size: 14px;
  color: #f66f6a;
  margin-right: 6px;
}

/* ************************名字重复验证提示****************************** */
.system-notification-swapper .system-notification-header{
  text-align: center;
}
.system-notification-swapper .system-notification-header .system-notification-icon{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 16px 0;
  border-radius: 28px;
  background: rgba(var(--main-color-rgb),.15);
}
.system-notification-swapper .system-notification-header .system-notification-desc{
  display: block;
  padding: 24px 0;
  color: #2F3234;
  font-size: 18px;
  text-align: left;
}

#menu {
  position: fixed;
  width: auto;
  height: 100%;
  top: 0;
  z-index: 13;
}

/* header */
#header {
  width: 252px;
  height: 64px;
  overflow: hidden;
  -webkit-box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}
#header.close-header {
  width: 52px;
}
#header.retract-header {
  width: 0;
}
#header .logo1 {
  max-width: 200px;
  vertical-align: middle;
  border: 0;
  max-height: 37px;
}
#header .logo2 {
  width: 30px;
}

/* menu */
#sidebar {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
  background-color: #fff;
}
#sidebar.close-sidebar, #sidebar.close-sidebar > ul {
  width: 52px;
  overflow-y: visible;
  overflow-x: visible;
}
#sidebar.retract-sidebar, #sidebar.retract-sidebar > ul {
  width: 0px;
  overflow-y: visible;
  overflow-x: hidden;
}
#sidebar > ul {
  display: block;
  position: absolute;
  width: 252px;
  height: calc(100% - 64px);
  overflow-y: auto;
      overflow-x: hidden;
  list-style: none;
  -webkit-transition: width .25s ease-in;
  transition: width .25s ease-in;
  background-color: #fff;
  -webkit-box-shadow: 3px 6px 6px 0px rgba(109,122,132,0.2);
          box-shadow: 3px 6px 6px 0px rgba(109,122,132,0.2);
  margin-top: 6px;
}
#sidebar > ul::-webkit-scrollbar {
  width: 3px;
  height: 10px;
  background-color: transparent;
}
#sidebar > ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
#sidebar > ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #bbb;
}
#sidebar > ul > li {
  display: block;
  position: relative;
  line-height: 30px;
  float: none;
  overflow: hidden;
}
#sidebar > ul > li > a {
  position: relative;
  padding: 10px 0 10px 16px;
  display: block;
  height: 50px;
  white-space: nowrap;
  word-break: keep-all;
  color: #333;
  font-size: 18px;
  text-align: left;
}
#sidebar > ul > li > a:hover,
#sidebar > ul > li.active > a{
  background: #effaff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(18,86,126,0.2);
          box-shadow: 0 3px 6px 0 rgba(18,86,126,0.2);
}
#sidebar > ul > li.one-active > a,/*只有一级的菜单选中*/
#sidebar > ul li ul li.active a,
#sidebar > ul li ul li a:hover {
  color: #fff;
  /* Safari 5.1 - 6.0 */
  /* Opera 11.1 - 12.0 */
  /* Firefox 3.6 - 15 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(5, 184, 232, 1)), to(rgba(5, 152, 232, 1)));
  background: linear-gradient(to right, rgba(5, 184, 232, 1), rgba(5, 152, 232, 1));
  /* 标准的语法（必须放在最后） */
  border-radius: 8px;
}
#sidebar > ul > li.one-active > a .menu-icon{
  color: #FFF;
}
#sidebar .menu-icon {
  display: inline-block;
  margin-right: 10px;
  color: rgba(5, 152, 232, 1);
  font-size: 24px;
  vertical-align: bottom;
}
#sidebar > ul > li > a > i.arrow {
  position: absolute;
  right: 27px;
  top: 18px;
  font-size: 16px;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
#sidebar > ul > li > a > i.arrow.open {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
#sidebar > ul li ul {
  display: none;
  margin: 0;
  background-color: #fff;
  padding: 8px 20px;
}
#sidebar.close-sidebar > ul li ul {
  height: 0;
  padding: 0;
  overflow: hidden;
}
#sidebar.close-sidebar > ul li:hover {
  overflow: visible;
}
#sidebar.close-sidebar > ul li:hover span:nth-child(2), #sidebar.close-sidebar > ul li:hover span:nth-child(3) {
  display: none;
}
#sidebar.close-sidebar > ul li:hover ul {
  display: block !important;
  position: absolute;
  min-width: 180px;
  height: auto;
  left: 50px;
  top: 0;
  list-style: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 3px 3px 14px -2px rgba(0, 0, 0, 0.7);
          box-shadow: 3px 3px 14px -2px rgba(0, 0, 0, 0.7);
  background-color: #fff;
}
#sidebar.close-sidebar > ul li:hover ul li a {
  padding-right: 40px;
  padding-left: 40px;
}
#sidebar > ul li ul li {
  line-height: 48px;
}
#sidebar > ul li ul li a {
  position: relative;
  height: 48px;
  padding-left: 32px;
  margin: 8px 0;
  display: block;
  font-size: 16px;
  color: #666;
  white-space: nowrap;
  word-break: keep-all;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

#nav[data-v-18b386c0]{
  position: fixed;
  height: 64px;
  margin: 0;
  right: 0;
  left: 252px;
  top: 0;
  -webkit-transition: left .25s ease-in;
  transition: left .25s ease-in;
  font-size: 0;
  -webkit-box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
  z-index: 16;/* 不能低于16不然添加事件时，会被事件的界面遮挡 */
  background-color: #fff;
}
#nav.close-header[data-v-18b386c0]{
  left: 52px;
}
#nav>span[data-v-18b386c0]{
  display: inline-block;
  vertical-align: top;
}
#nav .nav-icon[data-v-18b386c0]{
  display: inline-block;
  margin-top: 20px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#nav .shrink-btn[data-v-18b386c0]{
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  height: 64px;
}
#nav .shrink-btn .shrink-btn-left-icon[data-v-18b386c0]{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3NkQ1RUQyNzEzNTExRTk5NTQ2RDZERTREODg5NjYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3NkQ1RUQzNzEzNTExRTk5NTQ2RDZERTREODg5NjYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTc2RDVFRDA3MTM1MTFFOTk1NDZENkRFNEQ4ODk2NjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTc2RDVFRDE3MTM1MTFFOTk1NDZENkRFNEQ4ODk2NjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46zEzIAAAAtklEQVR42mL8//8/Ay0BEwONAc0tYAERdh4Bh4GUDTUNPrRjAyOyD/7S1AdA4IPEpipgHJBUBIwTPppZADQ8H0gl0sQCoOEVQGoCKOiobgHQ8GYg1U6rfNABpMpxxEcDkKqnNB8Qk5TJDyKgbaCwb8GhBiQuSAbGzAfQSAbFQyHQ0glUT0VAQ0FxUQDE1Mt9IB+gY1t3fz5s4uRgxiFf4cDywQEgZU/L+oCZVj5gHK30CQGAAAMAzRB32bo0Co8AAAAASUVORK5CYII=);
}
#nav .shrink-btn .shrink-btn-left-icon[data-v-18b386c0]:hover{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVFRUI0N0FCODBFNjExRTk4MTdDQjA1RTQzQTkxRDkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVFRUI0N0FDODBFNjExRTk4MTdDQjA1RTQzQTkxRDkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVFQjQ3QTk4MEU2MTFFOTgxN0NCMDVFNDNBOTFEOTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVFQjQ3QUE4MEU2MTFFOTgxN0NCMDVFNDNBOTFEOTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rYb7DAAAAtklEQVR42mL8//8/Ay0BEwONAc0tYAERDpMPHwZSNtQ0+ECuLSOyD/7S1AdA4IPEpipgHJBUBIwTPppZADQ8H0gl0sQCoOEVQGoCKOiobgHQ8GYg1U6rfNABpMpxxEcDkKqnNB8Qk5TJDyKgbaCwb8GhBiQuSAbGzAfQSAbFQyHQ0glUT0VAQ0FxUQDE1Mt9IB+gY/tJh/iwiZODGYd8hQPLBweAlD0t6wNmWvmAcbTSJwQAAgwALql62TLPKoYAAAAASUVORK5CYII=);
}
#nav .shrink-btn .shrink-btn-right-icon[data-v-18b386c0]{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMjc4QjY4NzEzNjExRTlCNzhBQzkzNEM1NEVCNjc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQyMjc4QjY5NzEzNjExRTlCNzhBQzkzNEM1NEVCNjc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDIyNzhCNjY3MTM2MTFFOUI3OEFDOTM0QzU0RUI2NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDIyNzhCNjc3MTM2MTFFOUI3OEFDOTM0QzU0RUI2NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65FaMYAAAAfElEQVR42mL8//8/Ay0BEwONAc0tYIEx7DwCqBpWh3ZsYKSLDxiHTyQD44CL1j7YQgtLkC1wpIUl6HFAdUvgqQgtH+wHYh9gWv4GFBcAst8P/nyA5AO462kRB1Q1HN0CqhsOBqAgAmFbd38uGJuaeOiXRaP1wQio9AECDADaeX4n7HsskAAAAABJRU5ErkJggg==);
}
#nav .shrink-btn .shrink-btn-right-icon[data-v-18b386c0]:hover{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxRUFEQTNBODBFNjExRTk4RjEzQzQ4MTE4RjEwREMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxRUFEQTNCODBFNjExRTk4RjEzQzQ4MTE4RjEwREMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTFFQURBMzg4MEU2MTFFOThGMTNDNDgxMThGMTBEQzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTFFQURBMzk4MEU2MTFFOThGMTNDNDgxMThGMTBEQzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz456fheAAAAd0lEQVR42mL8//8/Ay0B4/CxwGHyYaradCDXlhFEMzHQGAz9OGAAWQDC9pMOccHY1MTIcbAFGNFc1PYAsgWOtLAEPRVR3RJc+WA/EPsA0/I3oLgAkP1+8OcDJB/AXU+LOKCq4egWUN1wumS00fpgtD4YAhYABBgA7TXc+QypuMcAAAAASUVORK5CYII=);
}
#nav .nav-right[data-v-18b386c0]{
  position: absolute;
  right: 0;
  top: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: 64px;
}
#nav .nav-right>li[data-v-18b386c0] {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  height: 64px;
  min-width: 28px;
  vertical-align: middle;
  font-size: 16px;
}
#nav .nav-right>li>a[data-v-18b386c0] {
  position: relative;
  display: block;
  padding: 0px 30px 0 10px;
  color: #252a2f;
}
#nav .nav-right .nav-operate-box[data-v-18b386c0]{
  margin-top: 14px;
}
#nav .nav-right .nav-operate-icon[data-v-18b386c0]{
  font-size: 24px;
  color:#555;
}
#nav span.message-count[data-v-18b386c0]{
  display: inline-block;
  overflow: hidden;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 11px;
  background-color: #c61c1c;
  color: #ffffff;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
  padding: 0 2px;
}
#nav .personal-menu .personal-menu-ul li[data-v-18b386c0] {
  padding: 0 20px;
  width: 195px;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  position: relative;
}
#nav .personal-menu .personal-menu-ul .location-li[data-v-18b386c0] {
  line-height: 32px;
}
#nav .personal-menu .label-line[data-v-18b386c0] {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 10px;
  border-bottom: 1px solid #CBCBCB;
  border-left: 1px solid #CBCBCB;
  left: 26px;
  top: -17px;
  z-index: -1;
}
#nav .personal-menu .child-location .label-line[data-v-18b386c0] {
  left: 42px;
}
#nav .personal-menu .personal-menu-ul .location-li.master-location[data-v-18b386c0] {
  padding-left: 32px;
}
#nav .personal-menu .personal-menu-ul .location-li.child-location[data-v-18b386c0] {
  padding-left: 48px;
}
.personal-menu-ul .utm-page-location[data-v-18b386c0] {
  color: #858585;
}
#nav .utm-point-icon[data-v-18b386c0]{
  color: #999999;;
  font-size: 16px;
}
#nav .utm-health-location[data-v-18b386c0]{
  color: #999999;;
  font-size: 20px;
}
#nav .personal-menu .personal-menu-btn[data-v-18b386c0]{
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  height: 100%;
  line-height: 64px;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: top;
}
.account-name[data-v-18b386c0]{
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}
#nav .personal-menu .personal-menu-ul[data-v-18b386c0]{
  display: none;
  position: absolute;
  max-height: 300px;
  right: -20px;
  top: 48px;
  color: #333;
  background-color: #FFF;
  border-radius: 4px;
  list-style: none;
  text-align: left;
  -webkit-box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.1);
  z-index: 999;
  overflow-y: auto;
}
#nav .personal-menu .personal-menu-ul .menu-li[data-v-18b386c0]:hover{
  background-color: #4aaee0;
  color: #fff;
}
#nav .personal-menu .personal-menu-ul .location-li[data-v-18b386c0]:hover,
#nav .personal-menu .personal-menu-ul .location-li:hover .utm-page-location[data-v-18b386c0],
#nav .personal-menu .personal-menu-ul .location-li.active[data-v-18b386c0],
#nav .personal-menu .personal-menu-ul .location-li.active .utm-page-location[data-v-18b386c0] {
  color: #2172f6;
}
#nav .personal-menu .personal-menu-ul .office-li[data-v-18b386c0]{
  line-height: 40px;
  height: 40px;
}
#nav .personal-menu .personal-menu-ul .office-li[data-v-18b386c0]:hover{
  background: #effaff;
  border-radius: 4px;
}
#nav .personal-menu .personal-menu-ul .office-li.active[data-v-18b386c0]{
  background: #d2f0ff;
  border-radius: 4px;
}
/*退出登录*/
#nav .logout-btn-icon[data-v-18b386c0] {
  cursor: pointer;
  margin-top: 20px;
}
.logout-btn-icon i[data-v-18b386c0] {
color: rgb(85, 85, 85);
font-size: 28px;
}
/*消息*/
#nav .content-count[data-v-18b386c0] {
  position: absolute;
  top: -5px;
  right: -17px;
  height: 18px;
  line-height: 16px;
}
#nav .red-dot[data-v-18b386c0]{
  position: absolute;
  top: 7px;
  right: 0px;
  height: 8px;
  width: 8px;
  border-radius: 4px;
  background-color: #CD4746;
}
#nav .message-center[data-v-18b386c0]{
  width: 480px;
  height: calc(100% - 64px);
  z-index: 10;
  position: fixed;
  top: 64px;
  right: -600px;
  -webkit-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
}
/*修改密码*/
.change-pwd-modal .utm-control-label[data-v-18b386c0]{
  width: 154px;
}
.change-pwd-modal .utm-controls[data-v-18b386c0]{
  margin-left: 154px;
}
.role-tag-item[data-v-18b386c0]{
  background: #f0f5f7;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  color: #333333;
}
/*异步上传 start*/
#nav .nav-right li.personal-menu .file-transfer-wapper[data-v-18b386c0]{
  margin-right: 16px;
  position: fixed;
  height: calc(100% - 64px);
  width: 396px;
  top: 64px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
/*异步上传 end*/
.operate-btn[data-v-18b386c0]{
}
.operate-btn i[data-v-18b386c0]{
  color: #fff;
}
.has-new[data-v-18b386c0]:after{
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #d82525;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 5px;
}
.open[data-v-18b386c0]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/******************************************************************
* @NAME y.xiang
* @CREATEDATE 2020/3/12
* @DESC <实时消息对接>
* ****************************************************************/
.utm-real-time-box[data-v-0971a0ee]{
  position: fixed;
  bottom: 16px;
  right: 24px;
  z-index: 96;
}
.utm-real-time-box .utm-real-time-item[data-v-0971a0ee]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
  border-radius: 4px;
  background: rgba(255,255,255,1);
}
.utm-real-time-item .utm-real-time-level[data-v-0971a0ee]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  color: #fff;
  width: 68px;
  min-width: 60px;
  border-radius: 4px 0px 0px 4px;
}
.utm-real-time-level .utm-real-time-level-tag[data-v-0971a0ee]{
 margin-top: 12px;
 width: 36px;
 height: 36px;
 line-height: 36px;
 border-radius: 8px;
 text-align: center;
  white-space: nowrap;
  font-size: 18px;
}
.utm-real-time-item .utm-real-time-info[data-v-0971a0ee]{
  position: relative;
  padding: 8px 16px 8px 0;
  border-radius: 0px 4px 4px 0px;
  width: 410px;
}
.utm-real-time-item .utm-real-time-name[data-v-0971a0ee]{
  display: block;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding-right: 16px;
}
.utm-real-time-item .utm-real-time-content[data-v-0971a0ee]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.utm-real-time-item .utm-real-time-content .utm-real-time-content-text[data-v-0971a0ee]{
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*下面注释不能删，此注释防止编译过滤该行代码*/
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}
.utm-real-time-tags[data-v-0971a0ee]{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*下面注释不能删，此注释防止编译过滤该行代码*/
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}
.utm-real-time-tags > *[data-v-0971a0ee]{
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-real-time-item .utm-real-time-content .sync-detail-btn[data-v-0971a0ee]:hover{
  text-decoration: underline;
}
.utm-real-time-item .utm-real-time-content .sync-detail-btn[data-v-0971a0ee]{
  min-width: 80px;
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
  color: #243a81;
}
.utm-real-time-item .utm-real-time-footer[data-v-0971a0ee]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-real-time-item .utm-real-time-date[data-v-0971a0ee]{
  font-size: 14px;
  color:rgba(153,153,153,1);
}
.utm-real-time-item .utm-real-time-method[data-v-0971a0ee]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-real-time-item .utm-real-time-method i[data-v-0971a0ee]{
  color: rgba(5,159,232,1);
  margin-left: 8px;
  font-size: 24px;
}
.utm-real-time-close[data-v-0971a0ee]{
  position: absolute;
  top: 10px;
  right: 16px;
}
.utm-real-time-close i[data-v-0971a0ee]{
  color: rgba(0,0,0,0.25);
  cursor: pointer;
}
/*更多*/
.utm-real-time-box .real-time-message-more[data-v-0971a0ee]{
  width: 100%;
  height: 48px;
  padding: 0px 16px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(5,159,232,1);
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
  margin-top: 8px;
}
.utm-real-time-box .real-time-message-more span[data-v-0971a0ee]{
  cursor: pointer;
}
/*离开和进入动画*/
.utm-real-time-item[data-v-0971a0ee] {
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
}
.real-list-enter[data-v-0971a0ee],
.real-list-leave-to[data-v-0971a0ee] {
  opacity: 0;
  -webkit-transform: translateX(500px) translateY(20px);
          transform: translateX(500px) translateY(20px);
}
.real-list-leave-active[data-v-0971a0ee] {
  position: absolute;
}
/** 顶部车辆检测消息  **/
.utm-top-msg-box[data-v-0971a0ee]{
  position: fixed;
  right: 0;
  top: 65px;
  padding: 0 16px 16px;
  width: 410px;
  min-height: 222px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}
.utm-top-msg-header[data-v-0971a0ee]{
  position: relative;
  line-height: 40px;
  font-size: 20px;
  font-weight: 700;
}
.utm-top-msg-header .utm-font.utm-close-icon[data-v-0971a0ee]{
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 16px;
}
.utm-top-msg-tag[data-v-0971a0ee]{
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
  min-width: 32px;
  height: 18px;
  background-color: #CD4746;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 9px;
}
.utm-top-msg-content[data-v-0971a0ee]{
  max-height: 347px;
  height: calc( 100% - 40px );
  overflow: auto;
}
.utm-top-msg-content[data-v-0971a0ee]::-webkit-scrollbar{
  width: 3px;
  height: 3px;
  background-color: #303745;
}
.utm-top-msg-content[data-v-0971a0ee]::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #FFFFFF;
}
.utm-top-msg-content[data-v-0971a0ee]::-webkit-scrollbar-thumb{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
.utm-top-msg-item[data-v-0971a0ee]{
  position: relative;
  padding: 16px 16px;
  margin-bottom: 16px;
  height: 165px;
  border: 1px solid #dddddd;
  border-radius: 18px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.utm-top-msg-item-content[data-v-0971a0ee]{
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.utm-top-msg-item-content .text[data-v-0971a0ee]{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-top-msg-item-content .vehicle-icon[data-v-0971a0ee]{
  font-size: 74px;
  line-height: 74px;
  color: #059FE8;
}
.utm-top-msg-item-content .vehicle-icon.utm-vehicle-check-out-icon[data-v-0971a0ee]{
  color: #D61A78;
}
.utm-top-msg-item-content .vehicle-icon.utm-vehicle-check-in-icon[data-v-0971a0ee]{
  color: #1C2DC6;
}
.utm-top-msg-item-right[data-v-0971a0ee]{
  padding-left: 32px;
  height: 100%;
  width: 230px;
  line-height: 25px;
  font-size: 16px;
  color: #666666;
}
.utm-top-msg-item-footer[data-v-0971a0ee]{
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #dddddd;
  width: 100%;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 56px;
}
.utm-top-msg-item-footer .utm-btn[data-v-0971a0ee]{
  position: relative;
  padding: 0;
  width: 33.3%;
  background-color: transparent;
}
.utm-top-msg-item-footer .utm-btn.right-line[data-v-0971a0ee]:after{
  position: absolute;
  right: 0px;
  top: -8px;
  content: "";
  width: 1px;
  height: 56px;
  background-color: #ccc;
}

#message-center[data-v-3c5ee90d]{
  position: fixed;
  top: 64px;
  right: -600px;
  width: 480px;
  height: calc(100% - 64px);
  z-index: 10;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: -3px 6px 6px 0 #ddd;
          box-shadow: -3px 6px 6px 0 #ddd;
  background: #fff;
  -webkit-transition: 400ms;
  transition: 400ms;
}
#message-center[data-v-3c5ee90d]:before{
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #dddddd;
  position: absolute;
  top: -8px;
  right: 155px;
}
#message-center[data-v-3c5ee90d]:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  position: absolute;
  top: -7px;
  right: 156px;
}
#message-center.show-message[data-v-3c5ee90d]{
  right: 0;
}
#message-center .message-center-title[data-v-3c5ee90d]{
  padding: 0 24px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-weight: 700;
  color:#333;
}
/* 导航 */
.message-center-nav[data-v-3c5ee90d]{
  padding-left: 25px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
  border-bottom: 1px solid #DDDDDD;
}
.message-center-nav .nav-item[data-v-3c5ee90d]{
  float: left;
  margin-right: 40px;
  height: 40px;
}
.message-center-nav .nav-item.notice-nav-item[data-v-3c5ee90d]{
  float: none;
  text-align: right;
  font-size: 16px;
  color: #999;
  cursor: auto;
}
.message-center-nav .nav-item>span[data-v-3c5ee90d]{
  display: inline-block;
  vertical-align: middle;
}
.message-center-nav .nav-item.active[data-v-3c5ee90d]{
  color: #059fe8;
  border-bottom: 3px solid #059fe8;
}
/*排序*/
.moudule[data-v-3c5ee90d]{
  height: calc( 100% - 90px );
}
.more[data-v-3c5ee90d] {
  position: relative;
  padding: 0 24px;
  width: 480px;
  height: 55px;
  line-height: 55px;
  text-align: right;
  font-size: 16px;
  z-index: 10;
  background: #fff;
}
.more span[data-v-3c5ee90d]{
  font-weight: 500;
}
.message-sort-icon-box[data-v-3c5ee90d]{
  position: absolute;
  left: 24px;
  top: 0;
  height: 56px;
}
.message-sort-icon-box>span[data-v-3c5ee90d]{
  display: inline-block;
  vertical-align: middle;
}
.sort-btns[data-v-3c5ee90d]{
  position: relative;
  width: 16px;
  height: 56px;
}
.sort-btn[data-v-3c5ee90d]{
  position: absolute;
  left: 0;
  width: 16px;
  height: 8px;
  cursor: pointer;
  font-size: 16px;
  color: #c5c8ce;
}
.sort-btn.active[data-v-3c5ee90d]{
  color: #059fe8;
}
.sort-btn.up[data-v-3c5ee90d]{
  top:19px;
}
.sort-btn.down[data-v-3c5ee90d]{
  top:25px;
}
.more-link[data-v-3c5ee90d]{
  color: #059fe8;
  cursor: pointer;
}
/*incident*/
#message-center .item-content[data-v-3c5ee90d] {
  width: 100%;
  height: calc( 100% - 56px );
  overflow-y: auto;
  background-color: #fff;
}
#message-center .item-content .item[data-v-3c5ee90d]{
  margin-top: 16px;
  margin-left: 24px;
  width: 433px;
  height: 116px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
}
#message-center .item-content .item.notice-item[data-v-3c5ee90d]{
  height: auto;
  min-height: 88px;
  clear: both;
}
#message-center .item-left[data-v-3c5ee90d]{
  float: left;
  width: 60px;
  height: 100%;
  line-height: 104px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
#message-center .item.notice-item .item-left[data-v-3c5ee90d]{
  width: 88px;
  height: 88px;
}
#message-center .item-left .avatar[data-v-3c5ee90d]{
  position: relative;
  margin: 16px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ccc;
}
#message-center .item-left .avatar span[data-v-3c5ee90d]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 55px;
  text-align: center;
}
#message-center .item-right[data-v-3c5ee90d]{
  float: left;
  padding: 0 10px 0 16px;
  width: 365px;
  height: 100%;
  line-height: 25px;
}
#message-center .item.notice-item .item-right[data-v-3c5ee90d]{
  padding: 10px 0;
  width: 330px;
  height: auto;
  font-size: 0;
  line-height: 34px;
}
#message-center .item-right .title[data-v-3c5ee90d] {
  margin-top: 14px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-right: 20px;
}
#message-center .item-right .title .message-close[data-v-3c5ee90d]{
  position: absolute;
  right: 0;
  margin-top: 2px;
  color: rgba(0,0,0,0.25);
}
#message-center .item-right .list-info[data-v-3c5ee90d]{
  font-size: 16px;
  line-height: 38px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#message-center .item-right-left[data-v-3c5ee90d]{
  display: inline-block;
  vertical-align: top;
  width: 180px;
  color: #333333;
  font-weight: 700;
  font-size: 20px;
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
#message-center .item-right-left[data-v-3c5ee90d]:hover{
  text-decoration: underline;
  color: #059FE8;
}
#message-center .item-right-right[data-v-3c5ee90d]{
  display: inline-block;
  vertical-align: top;
  padding-left: 4px;
  width: calc( 100% - 180px );
  color: #999999;
  font-size: 14px;
  line-height: 38px;
  text-align: right;
  height: 34px;
}
#message-center .item-right-bottom[data-v-3c5ee90d]{
  position: relative;
  min-height: 34px;
  font-size: 16px;
  color: #666666;
}
#message-center .item-right-bottom>span[data-v-3c5ee90d]{
  display: block;
  width: calc( 100% - 20px);
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#message-center .item-right-bottom.expand>span[data-v-3c5ee90d]{
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: unset;
}
#message-center .item-right-bottom .next-btn[data-v-3c5ee90d]{
  position: absolute;
  right: -6px;
  top: 0;
  width: 24px;
  height: 34px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 300ms;
  transition: 300ms;
  text-align: center;
  line-height: 34px;
}
#message-center .item-right-bottom.expand .next-btn[data-v-3c5ee90d]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#message-center .time-and-button[data-v-3c5ee90d]{
  margin-top: 5px;
}
#message-center .time-and-button .time[data-v-3c5ee90d]{
  color: #999;
  font-size: 14px;
}
#message-center .time-and-button .button[data-v-3c5ee90d]{
  float: right;
  cursor: pointer;
}
#message-center .message-item-empty[data-v-3c5ee90d]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  height: 100%;
}
.disable-btn[data-v-3c5ee90d]{
  pointer-events: none;
  cursor: pointer;
}

#dy-notification[data-v-302113a2]{
  position: fixed;
  top: 64px;
  right: -500px;
  width: 500px;
  height: calc(100% - 64px);
  z-index: 10;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: -3px 6px 6px 0px #ddd;
          box-shadow: -3px 6px 6px 0px #ddd;
  background: #fff;
  -webkit-transition: 400ms;
  transition: 400ms;
}
#dy-notification[data-v-302113a2]:before{
  content: "";
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #dddddd;
  position: absolute;
  top: -8px;
  right: 112px;
}
#dy-notification[data-v-302113a2]:after{
  content: "";
  width: 0px;
  height: 0px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  position: absolute;
  top: -7px;
  right: 113px;
}
#dy-notification.show-message[data-v-302113a2]{
  right: 0;
}
#dy-notification .notification-title[data-v-302113a2]{
  position: relative;
  padding: 0 24px;
  height: 56px;
  line-height: 56px;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid #dddddd;
}
#dy-notification .notification-title .title-tip[data-v-302113a2]{
  font-size: 16px;
  line-height: 20px;
}
#dy-notification .notification-nav[data-v-302113a2]{
  position: absolute;
  right: 24px;
  top: 0;
  line-height: 50px;
  font-weight: 400;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
#dy-notification .notification-nav>span[data-v-302113a2]{
  vertical-align: middle;
}
#dy-notification .notification-search[data-v-302113a2]{
  padding:  16px 24px;
}
#dy-notification .notification-search .utm-select[data-v-302113a2]{
  display: inline-block;
}
#dy-notification .moudule[data-v-302113a2]{
  position: relative;
  top: 0;
  left: 0;
  height: calc( 100% - 186px );
}
/*incident*/
#dy-notification .item-content[data-v-302113a2] {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#dy-notification .item-content .item[data-v-302113a2]{
  margin-bottom: 18px;
  margin-left: 24px;

  width: 450px;
  height: auto;
  min-height: 88px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
  clear: both;
  position: relative;
}
#dy-notification .item-left[data-v-302113a2]{
  float: left;
  width: 88px;
  height: 88px;
  line-height: 104px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 30px;
}
#dy-notification .item-left .avatar[data-v-302113a2]{
  position: relative;
  margin: 16px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ddd;
  -o-object-fit:contain;
     object-fit:contain;
  overflow: hidden;
}
#dy-notification .item-left .avatar span[data-v-302113a2]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 24px;
  line-height: 55px;
  text-align: center;
}
#dy-notification .item-right[data-v-302113a2]{
  float: left;
  padding: 10px 0px;
  width: 330px;
  height: auto;
  font-size: 0;
  line-height: 34px;
}
#dy-notification .item-right .title[data-v-302113a2] {
  margin-top: 14px;
  width: calc( 100% - 104px );
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dy-notification .item-right-title[data-v-302113a2]{
  display: inline-block;
  vertical-align: top;
  width: 180px;
  color: #333333;
  font-weight: 700;
  font-size: 20px;
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
#dy-notification .item-right-title[data-v-302113a2]:hover{
  text-decoration: underline;
  color: #059FE8;
}
#dy-notification .item-right-time[data-v-302113a2]{
  display: inline-block;
  vertical-align: top;
  padding-left: 4px;
  width: calc( 100% - 180px );
  color: #999999;
  font-size: 14px;
  line-height: 38px;
  text-align: right;
  height: 34px;
}
#dy-notification .item-right-bottom[data-v-302113a2]{
  padding: 4px 0;
  font-size: 16px;
  color: #666666;
}
#dy-notification .item-right-bottom.expand>span[data-v-302113a2]{
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: unset;
}
#dy-notification .item-right-bottom .bold-text[data-v-302113a2]{
  font-weight: 700;
  color: #333;
}
#dy-notification .item-content.empty-content[data-v-302113a2]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
#dy-notification .item-content.empty-content span[data-v-302113a2]:nth-child(1){
  font-size: 44px;
}
/*列表动画*/
.notice-list[data-v-302113a2]{
  position: relative;
}
.notice-list .item[data-v-302113a2]{
  display: inline-block;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.notice-list-enter[data-v-302113a2],
.notice-list-leave-to[data-v-302113a2]{
  opacity: 0;
  -webkit-transform: translateY(-90px) ;
          transform: translateY(-90px) ;
}
.notice-list-move[data-v-302113a2] {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.utm-scroll-list{
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 300px;
  overflow: auto;
  overflow-x: hidden;
}
.utm-scroll-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #303745;
}
.utm-scroll-list::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
}
.utm-scroll-list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #B4B4B4;
}
.utm-scroll-list-container{
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  min-height: 100%;
}
.utm-no-scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #303745;
}
.utm-scroll-list-no-top-padding {
  padding-top: 0 !important;
}
/* 过渡 */
.utm-scroll-enter{
  opacity: 0;
}
.utm-scroll-enter-active{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.utm-scroll-leave,
.utm-scroll-leave-active,
.utm-scroll-leave-to{
  opacity: 0;
}
/* 没有过渡 */
.utm-scroll-no-anim-enter-active{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.message-forward .utm-modal[data-v-23784df0]{
  z-index: 1001;
}
.message-forward .add-receiver-btn[data-v-23784df0]{
  position: relative;
  display: inline-block;
  z-index: 1;
}
.message-forward .add-receiver-btn .receiver-panel[data-v-23784df0]{
  width: 312px;
  min-height: 180px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  left: 0;
  top: 40px;
  display: none;
}
.message-forward .add-receiver-btn .receiver-panel .receiver-tab[data-v-23784df0]{
  padding: 0 16px;
  height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.message-forward .add-receiver-btn .receiver-panel .receiver-tab-item[data-v-23784df0]{
  display: inline-block;
  width: 110px;
  border-bottom: 2px solid transparent;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.message-forward .add-receiver-btn .receiver-panel .receiver-tab-item.active[data-v-23784df0]{
  border-bottom: 2px solid #059fe8;
  color: #059FE8;
}
.message-forward .utm-prefix-input.sear-receiver[data-v-23784df0]{
  margin: 16px 16px 8px 16px;
}
.message-forward .utm-prefix-input .utm-input[data-v-23784df0],
.message-forward .utm-prefix-input .utm-prefix-icon[data-v-23784df0]{
  height: 32px;
  line-height: 32px;
}
.message-forward .receiver-panel .user-list[data-v-23784df0]{
  height: 240px;
  max-height: 240px;
  overflow-y: auto;
}
.message-forward .receiver-panel .mask[data-v-23784df0] {
  background: #FFFFFF;
  color: #FFFFFF;
  pointer-events: none;
}
.message-forward .user-list .user-item[data-v-23784df0]{
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-forward .user-list .user-item[data-v-23784df0]:hover{
  background: rgba(239, 250, 255, 1);
}
.message-forward .user-list .user-item.active[data-v-23784df0],
.message-forward .user-list .user-item.active[data-v-23784df0]:hover{
  background: #d2f0ff;
}
.message-forward .user-list .user-item.active[data-v-23784df0]:after{
  position: absolute;
  right: 12px;
  content:"\E6E7";
  font-family: 'utmfont', sans-serif;
  color: #059ae8;
  font-size: 16px;
}
.message-forward .user-selected-box[data-v-23784df0]{
  margin-top: 8px;
  padding: 10px 16px;
  min-height: 52px;
  background: #eff6f9;
}
.message-forward .user-selected-box .receive-user[data-v-23784df0]{
  background-color: #fff;
}
.utm-fs-16[data-v-23784df0]{
  font-size: 14px;
  color: var(--main-color);
  margin-left: 8px;
}
.utm-custom-loading[data-v-23784df0] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
}

.dplayer-controller .dplayer-icons .dplayer-volume {
  display: none;
}
.dplayer-controller .dplayer-icons .dplayer-setting {
  display: none;
}
.isShowSetting .dplayer-controller .dplayer-icons .dplayer-setting {
  display:inline-block;
}

#message-detail .utm-modal-box .utm-modal-content[data-v-000f84ae] {
  width: 100%;
  max-height: 100%;
}
#message-detail .utm-modal-wrap .utm-modal-box[data-v-000f84ae] {
  top: 20px;
  height: calc(100% - 40px);
}
#message-detail .utm-modal-content .utm-modal-body[data-v-000f84ae]::-webkit-scrollbar {
  width: 4px;
}
#message-detail .utm-modal-content .utm-modal-header[data-v-000f84ae] {
  padding: 16px 24px 16px;
}

/*顶部事件列表 Start*/
#message-detail .message-list[data-v-000f84ae] {
  width: 100%;
  overflow-x: auto;
  font-weight: 400;
  padding: 30px 0 16px 0;
}
#message-detail .utm-tabs .active[data-v-000f84ae]::after{
  height: 0;
}
.message-list .message-item[data-v-000f84ae] {
  padding: 8px;
  width: 220px;
  height: 60px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: inline-block;
  margin: 0 4px;
  font-weight: 500;
  vertical-align: middle;
}
.message-list .message-item.unread-message-item[data-v-000f84ae] {
  padding: 8px 8px 8px 24px;
  background: rgba(239, 250, 255, 1);
  border: 1px solid rgba(122, 201, 241, 1);
}
.message-item.active[data-v-000f84ae],
.message-item.unread-message-item.active[data-v-000f84ae] {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(rgba(5, 184, 232, 1)), to(rgba(5, 152, 232, 1)));
  background: linear-gradient(left, rgba(5, 184, 232, 1), rgba(5, 152, 232, 1));
  margin: 0 6px;
  color: #fff;
}
.message-item.active[data-v-000f84ae]:before {
  content: '';
  height: 71px;
  width: calc(100% + 12px);
  display: inline-block;
  border: 1px solid rgba(5, 152, 232, 1);
  position: absolute;
  left: -6px;
  top: -6px;
  border-radius: 4px;
}
.message-item .message-name[data-v-000f84ae] {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-time[data-v-000f84ae] {
  font-size: 14px;
  margin-top: 8px;
}
.message-item.unread-message-item .utm-status[data-v-000f84ae] {
  position: absolute;
  left: 8px;
  top: 30px;
}
.message-item.active .utm-status[data-v-000f84ae] {
  background: #fff;
}
#message-detail .msg-switch[data-v-000f84ae] {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
}
#message-detail .msg-switch .utm-font[data-v-000f84ae] {
  color: #FFF;
  font-size: 60px;
}
#message-detail .msg-switch.change-msg-last[data-v-000f84ae] {
  left: -100px;
}
#message-detail .msg-switch.change-msg-next[data-v-000f84ae] {
  right: -100px;
}

/*顶部事件列表 End*/

/*tab 面板 Start*/
#message-detail .utm-modal-content .utm-modal-body[data-v-000f84ae] {
  padding: 0 24px;
  height: calc(100% - 248px);
  margin-top: 8px;
}
#message-detail .utm-tabs[data-v-000f84ae] {
  position: relative;
  background-color: transparent;
  padding: 0;
}
#message-detail .utm-tabs .utm-tab-item.active[data-v-000f84ae] {
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-left: 0;
  -webkit-box-shadow: 0px -1px 0px rgba(223, 223, 223, 0.8), -1px 0px 0px rgba(223, 223, 223, 0.8), 1px 0px 0px rgba(223, 223, 223, 0.8);
          box-shadow: 0px -1px 0px rgba(223, 223, 223, 0.8), -1px 0px 0px rgba(223, 223, 223, 0.8), 1px 0px 0px rgba(223, 223, 223, 0.8);
}
#message-detail .utm-tabs .utm-tab-item.active span[data-v-000f84ae] {
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}

/*tab 面板 内容*/
#message-detail .utm-control-group .utm-control-label[data-v-000f84ae] {
  width: 170px;
}
#message-detail .utm-control-group[data-v-000f84ae] {
  margin-bottom: 0;
}
#message-detail .utm-control-group .utm-controls[data-v-000f84ae] {
  margin-left: 170px;
}
#message-detail .utm-label-content[data-v-000f84ae] {
  padding: 16px 0;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
  overflow-y: auto;
}

/* event monitoring 新增 start */
.utm-label-content .nav-back-monitoring[data-v-000f84ae] {
  height: 48px;
  line-height: 48px;
  margin-bottom: 10px;
  padding-left: 21px;
  border-bottom: 1px solid #ddd;
}
.utm-label-content .nav-back-monitoring .nav-item[data-v-000f84ae] {
  display: inline-block;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  text-align: center;
  color: #393939;
  margin-bottom: 38px;
  margin-right: 38px;
}
.utm-label-content .nav-back-monitoring .nav-item-active[data-v-000f84ae] {
  font-weight: bold;
  border-bottom: 2px solid rgba(var(--main-color-rgb), 1);
  color: rgba(var(--main-color-rgb), 1);
}

/* event monitoring 新增 end */
#message-detail .msg-module[data-v-000f84ae] {
  font-size: 0;
  padding: 0 16px;
}
#message-detail .msg-module:last-child .module-content[data-v-000f84ae] {
  padding: 16px 0 0;
}
.msg-module .module-content[data-v-000f84ae] {
  padding: 16px 0;
}

/*user信息和设备信息 Start*/
.msg-module .module-content.module-content-user[data-v-000f84ae],
.msg-module .module-content.module-content-device[data-v-000f84ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.msg-module .module-content.module-content-user .user-info-left[data-v-000f84ae] {
  width:603px
}
.msg-module .module-content.module-content-user.module-content-user-doublle .user-info-left[data-v-000f84ae] {
  width: calc(100% - 212px);
}
.msg-module .module-content.module-content-device .device-info-left[data-v-000f84ae] {
  width: calc(100% - 265px);
}
.msg-module .module-content.module-content-user .user-info-right[data-v-000f84ae] {
  min-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 16px;
}
.msg-module .module-content.module-content-user.module-content-user-doublle .user-info-right[data-v-000f84ae] {
  width: 207px;
  margin-left: 10px;
}
.msg-module .module-content.module-content-device .device-info-right[data-v-000f84ae] {
  width: calc(100% - 612px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.module-content .image-box .image-item img[data-v-000f84ae]{
  width: 135px;
  height: 135px;
}
.device-info-right .map-img-box[data-v-000f84ae] {
  position: relative;
}
.device-info-right img[data-v-000f84ae] {
  width: 100%;
  height: 100%;
}
.device-info-right .no-map[data-v-000f84ae] {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 36px auto;
  text-align: center;
}
.device-info-right .no-map .no-map-icon[data-v-000f84ae] {
  width: 40px;
  height: 40px;
}
.receiver-list[data-v-000f84ae] {
  margin-right: 8px;
  display: inline-block;
}
.receiver-list i.utm-font[data-v-000f84ae] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  margin-right: 4px;
}
.field-item-content .utm-field-item-content-user[data-v-000f84ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.module-content-user .field-item-content-tag[data-v-000f84ae] {
  margin: -24px 0 0px 170px;
}

/*user信息和设备信息 End*/
.msg-module .user-face-img[data-v-000f84ae] {
  text-align: center;
  display: inline-block;
}
.msg-module .user-face-img[data-v-000f84ae]:nth-child(n + 2) {
  margin-left: 10px;
}
.msg-module .user-face-img img[data-v-000f84ae] {
  width: 96px;
  height: 128px;
  border-radius: 4px;
}
.msg-module .user-face-img p[data-v-000f84ae] {
  font-size: 16px;
  color: #b4b4b4;
  line-height: 1;
  margin-top: 12px;
}
.utm-modal-content .utm-modal-footer .forward-msg-btn[data-v-000f84ae] {
  float: left;
  width: 194px;
}
.utm-modal-content .utm-modal-footer .generate-msg-btn[data-v-000f84ae] {
  float: left;
  width: 200px;
}

/*处理消息*/
#message-detail .module-content[data-v-000f84ae]{
  padding: 0px;
}
#message-detail .module-title-right[data-v-000f84ae] {
  position: absolute;
  right: 0;
  font-size: 16px;
  font-weight: normal;
}
#message-detail .incident-expand-btn[data-v-000f84ae] {
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
#message-detail .expand[data-v-000f84ae] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#message-detail .handle-no-content[data-v-000f84ae] {
  font-size: 16px;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#message-detail .field-item-name.must-fill[data-v-000f84ae]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  width: 8px;
}
#message-detail .field-item-name.control-field-item-name[data-v-000f84ae] {
  line-height: 38px;
}

/*处理记录*/
.processing-records[data-v-000f84ae] {
  border-radius: 4px;
  padding: 8px 8px;
  margin-left: 170px;
}
.processing-records .processing-records-item[data-v-000f84ae] {
  position: relative;
  padding-left: 26px;
  padding-bottom: 16px;
}
.processing-forward-role[data-v-000f84ae]{
  padding-bottom: 8px;
  border-bottom: 1px dashed #dfdfdf;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #393939;
}
.processing-records .processing-records-time[data-v-000f84ae] {
  position: absolute;
  top: -2.8px;
  left: -171px;
  width: 155px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #393939;
}
.processing-records .processing-records-txt[data-v-000f84ae] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #393939;
  height: 18px;
  line-height: 16px;
  display: block;
}
.processing-records .processing-records-type[data-v-000f84ae] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-decoration: underline;
  text-align: left;
  color: #059fe8;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}
.processing-records .processing-records-type-o[data-v-000f84ae]{
  font-size: 14px;
  color: #999;
  line-height: 28px;
  vertical-align: middle;
}
.processing-records .processing-records-remark.o-remark[data-v-000f84ae]{
    font-size: 14px;
    color: #333333;
    line-height: 17px;
    background: #eff6f9;
    border-radius: 4px;
    padding: 12px 8px;
    height: auto;
    word-wrap: break-word;
}
.processing-records .processing-records-note[data-v-000f84ae] {
  color: #059fe8;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 8px;
}
.processing-records .processing-records-remark[data-v-000f84ae]{
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #393939;
  margin-top: 8px;
  height: 18px;
  line-height: 18px;
}
.processing-records-task-content[data-v-000f84ae]{
  background: #f5f7fa;
  border-radius: 8px;
  padding: 16px;
  margin-top: 8px;
}
.processing-records .processing-records-item[data-v-000f84ae]:before {
  content: '';
  top: 3.7px;
  left: 0;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border: 2px solid #dfdfdf;
  border-radius: 5px;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.processing-records .processing-records-item[data-v-000f84ae]:first-child:before {
  border: 1px solid #059fe8;
  background-color: #059fe8;
}
.processing-records .processing-records-item[data-v-000f84ae]:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 1px;
  height: 100%;
  background: #dfdfdf;
}
.forward-incident-user[data-v-000f84ae]{
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #393939;
}
.forward-incident-user i[data-v-000f84ae]{
  font-size: 12px;
  color: #8c8c8c;
}
.processing-records .processing-records-item[data-v-000f84ae]:last-child:after {
  height: 0;
  z-index: 1;
}

/*处理事件相似的详情*/
#message-detail .utm-modal-content .utm-modal-body.other-incident-modal-body[data-v-000f84ae] {
  overflow-y: auto;
  padding: 16px 24px 0;
  margin-top: 0;
}
#message-detail .utm-modal-content .utm-modal-body.other-incident-modal-body .msg-module[data-v-000f84ae] {
  padding: 0;
}
.message-detail .other-incident-modal-body .utm-module-title[data-v-000f84ae] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 4px 4px 0 0;
  padding: 12px;
  margin-left: 0;
}
.message-detail .other-incident-modal-body .utm-module-title[data-v-000f84ae]:before {
  display: none;
}
.message-detail .other-incident-modal-body .module-content[data-v-000f84ae] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 4px 4px;
}
[data-v-000f84ae]::-webkit-scrollbar{
  width: 4px;
  height: 4px;
  background-color: #303745;
}
[data-v-000f84ae]::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #FFFFFF;
}
[data-v-000f84ae]::-webkit-scrollbar-thumb{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}

/* 其他事件的信息 */
.other-message-detail .other-incident-modal-body .module-content[data-v-000f84ae] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: none;
}
#other-message-detail .utm-field-item .field-item-name[data-v-000f84ae] {
  width: 170px;
}
#other-message-detail .field-item-content[data-v-000f84ae] {
  width: calc(100% - 170px);
}
.processing-result .utm-field-item .field-item-name[data-v-000f84ae] {
  width: 170px;
}
.processing-result .field-item-content[data-v-000f84ae] {
  width: calc(100% - 170px);
}
.incident-top-card[data-v-000f84ae]{
  width: calc(100% - 32px);
  height: 88px;
  border: 1px solid #dce3e8;
  border-radius: 4px;
  margin-left: 16px;
  margin-bottom: 16px;
  position: relative;
}
.incident-top-card  > span[data-v-000f84ae]{
  margin:0 16px 0 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 36px;
}
.incident-top-card-right > div[data-v-000f84ae]:first-of-type{
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #393939;
}
.incident-top-card-right > div[data-v-000f84ae]:last-of-type{
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #8d8d8d;
}
#message-detail .modify-field .utm-field-item[data-v-000f84ae]{
  width: 285px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 24px;
}
#message-detail .modify-field .field-item-name[data-v-000f84ae]{
  width: 100%;
  text-align: left;
  max-width: 100%;
  height: 18px;
  line-height: 18px;
  margin-bottom: 4px;
  min-height: 18px;
}
#message-detail .modify-field .field-item-content[data-v-000f84ae]{
  width: 100%;
  text-align: left;
  max-width: 100%;
}
#message-detail .modify-field .utm-field-item.ml-8[data-v-000f84ae]{
  margin-left: 8px;
}
#message-detail .modify-field .utm-field-item.ml-24[data-v-000f84ae]{
  margin-left: 24px;
}
#message-detail .modify-field .utm-field-item.mt-0[data-v-000f84ae]{
  margin-top: 0px;
}
.profile-btns[data-v-000f84ae]{
  height: 42px;
  background: #ffffff;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  padding: 4px;
  margin-left: 16px;
  display: inline-block;
}
.profile-btns > div[data-v-000f84ae]{
  width: 150px;
  height: 32px;
  border-radius: 4px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color:#393939;
  line-height: 32px;
  cursor: pointer;
  display: inline-block;
}
.profile-btns > div.active[data-v-000f84ae]{
  background: #059fe8;
  color: #FFF;
}
#message-detail .msg-module.profile-details-content[data-v-000f84ae]{
  border: 1px solid #dce3e8;
  border-radius: 8px;
  width: calc(100% - 32px);
  margin-left: 16px;
  padding:0px 0 16px 0;
  margin-top:16px
}
#message-detail .msg-module.profile-details-content  .utm-field-item[data-v-000f84ae]{
  margin-left: 16px;
}
user-type-tag[data-v-000f84ae]{
  height: 24px;
  line-height: 24px;
  color: #FFF;
  background: #fac37c;
  border-radius: 4px;
  text-align: center;
  padding: 0 8px;
  font-size: 16px;
  display: inline-block;
}
.notified[data-v-000f84ae]{
  width: 82px;
  height: 32px;
  background: rgba(25,190,107,0.10);
  border: 1px solid #19be6b;
  border-radius: 18px; 
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #19be6b;
  line-height: 32px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.processing[data-v-000f84ae]{
  width: 99px;
  height: 32px;
  background: rgba(5,159,232,0.10);
  border: 1px solid #059fe8;
  border-radius: 18px;
  text-align: center;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #059fe8;
  line-height: 32px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.na[data-v-000f84ae]{
  width: 52px;
  height: 33px;
  background: rgba(238,131,50,0.10);
  border: 1px solid #ee8332;
  border-radius: 18px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #ee8332;
  line-height: 28px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.closed[data-v-000f84ae]{
  width: 74px;
  height: 32px;
  background: rgba(133,133,133,0.10);
  border: 1px solid #858585;
  border-radius: 18px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #858585;
  line-height: 32px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.overtime[data-v-000f84ae]{
  width: 74px;
  height: 32px;
  background: rgba(248, 161, 73, 1);
  border: 1px solid #F8A149;
  border-radius: 18px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #FFFFFF;
  line-height: 32px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.overtimeClose[data-v-000f84ae]{
  width: 120px;
  height: 32px;
  background: rgba(29, 169, 242, 1);
  border: 1px solid #1DA9F2;
  border-radius: 18px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #FFFFFF;
  line-height: 32px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.unRead[data-v-000f84ae]{
  width: 120px;
  height: 32px;
  background: rgba(205, 71, 70, .1);;
  border: 1px solid rgba(205, 71, 70, 1);
  border-radius: 18px;
  text-align: center !important;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: rgba(205, 71, 70, 1);
  line-height: 32px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.read[data-v-000f84ae]{
  width: 74px;
  height: 32px;
  background: rgba(133,133,133,0.10);
  border: 1px solid #858585;
  border-radius: 18px;
  text-align: center !important;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #858585;
  line-height: 32px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*  event monitoring  start */
.module-content-box[data-v-000f84ae] {
  padding: 0 12px;
}
.module-toggle-btn[data-v-000f84ae] {
  height: 48px;
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.module-toggle-btn .btn-item[data-v-000f84ae] {
  display: inline-block;
  height: 33px;
  background: #ffffff;
  border-radius: 18px;
  margin-right: 16px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  line-height: 33px;
  width: 129px;
  border: 1px solid #e1e4e6;
  color: #333333;
}
.video-download[data-v-000f84ae] {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.module-toggle-btn .btn-item-active[data-v-000f84ae] {
  border: 1px solid #059fe8;
  color: #059fe8;
}
.video-incident-content[data-v-000f84ae] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* area */
.area-list[data-v-000f84ae] {
  position: relative;
  min-width: 0;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  height: 400px;
  min-height: 400px;
}
.area-list .area-has-location[data-v-000f84ae] {
  padding-top: 20px;
}
.area-close-flag[data-v-000f84ae] {
  max-width: 1px;
  max-height: 1px;
}
.area-list .area-list-box[data-v-000f84ae] {
  height: 100%;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.area-show-flag[data-v-000f84ae] {
  min-width: 180px;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}
.area-list .area-hidden[data-v-000f84ae] {
  display: none;
}
.area-list .area-list-box .area-item[data-v-000f84ae] {
  width: 100%;
  height: 36px;
  line-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  padding-left: 12px;
  opacity: 0.9;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.area-list .area-list-box .area-item-active[data-v-000f84ae] {
  color: #ffffff;
  background: #059fe8;
}

/* video */
.video-list .area-box-flag[data-v-000f84ae] {
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  line-height: 74px;
  margin-top: -37px;
  text-align: center;
  -webkit-transition: tran;
  transition: tran;
  cursor: pointer;
  color: #fff;
  height: 74px;
  background: #059fe8;
  border-radius: 0px 4px 4px 0px;
}
.video-list .is-shrink[data-v-000f84ae] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.video-incident-content .video-list[data-v-000f84ae] {
  border-left: 1px solid #dfdfdf;
  z-index: 10;
  position: relative;
  -webkit-box-flex: 7;
      -ms-flex-positive: 7;
          flex-grow: 7;
  padding: 32px;
}
.video-incident-content .video-list .video-type[data-v-000f84ae] {
  position: absolute;
  background: salmon;
  color: #fff;
  top: 0;
  right: 0;
}
.video-incident-content .video-list .video-list-box[data-v-000f84ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  height: 100%;
}
.video-list-box  .loading-box[data-v-000f84ae] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.video-list-box  .camera-get-fail[data-v-000f84ae] {
  position: relative;
  background: #272323;
  width: 100%;
  height: 100%;
}
.video-list-box  .video-resource-full-screen[data-v-000f84ae] {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  bottom: 8px;
  right: 12px;
  border-radius: 16px;
  z-index: 3;
}
.video-list-box  .camera-get-fail .fail-box[data-v-000f84ae] {
  position: absolute;
  display: inline-block;
    top: 50%;
    right: 50%;
    height: 70px;
    margin-top: -35px;
    margin-right: -70px;
    width: 140px;
    text-align: center;
}
.video-list-box  .camera-get-fail span[data-v-000f84ae]{
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #ffffff;
}
.video-list .video-list-box .video-item-1[data-v-000f84ae] {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #059fe8;
}
.video-list .video-list-box .video-item-4[data-v-000f84ae] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(50% - 4px);
          flex: 1 0 calc(50% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-item-9[data-v-000f84ae] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(33.33% - 4px);
          flex: 1 0 calc(33.33% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-item-16[data-v-000f84ae] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(25% - 4px);
          flex: 1 0 calc(25% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-name[data-v-000f84ae] {
  position: absolute;
  left: 8px;
  top: 8px;
  height: 36px;
  line-height: 36px;
  font-family: Roboto, Roboto-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 10px;
}
.title-btn-active[data-v-000f84ae] {
  background-color: #ffffff;
}

/*  event monitoring  end */
.remote-panel[data-v-000f84ae]{
  position: absolute;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 2px 0px #000000;
          box-shadow: 0px 0px 2px 0px #000000;
  min-width: 332px;
  bottom: 70px;
  font-size: 14px;
  text-align: left;
}
.remote-panel .panel-title[data-v-000f84ae]{
  line-height: 24px;
}
.door-option[data-v-000f84ae]{
  background: #ECF6FB;
  position: relative;
  width: 100%;
  margin: 8px 0;
  padding: 8px 4px;
  border-radius: 8px;
  cursor: pointer;
}
.door-option.active[data-v-000f84ae],
.door-option[data-v-000f84ae]:hover{
  background: #ECF6FB;
}
.door-option .option-name[data-v-000f84ae]{
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 24px;
}
.door-option.active[data-v-000f84ae]::before{
  content: '\2714';
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -10px;
  color: #059FE8;
}
.door-option .option-name.zone-name[data-v-000f84ae]{
  color: #999999;
  font-weight: 400;
}
.confirm-btn[data-v-000f84ae]{
  background: #059FE8;
}
.remote-panel .panel-content[data-v-000f84ae]{
  margin: 8px 0;
  max-height: 300px;
  overflow-y: auto;
}
.remote-open-btn[data-v-000f84ae]:active,.remote-open-btn[data-v-000f84ae]:focus{
  background: #E5F5FD;
}
.processing-records .processing-records-txt .utm-font[data-v-000f84ae]{
  font-size: 16px;
  color: rgba(153, 153, 153, 1);
  margin-right: 4px;
}
.office-ellipsis[data-v-000f84ae]{
  max-width: 170px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.5;
}
.content-ellipsis[data-v-000f84ae]{
  width: 100%;
}

/*start 关闭事件弹窗样式 */
.detail-model[data-v-000f84ae] .utm-modal-center{
  padding: 0px 16px 24px 24px !important;
}
.cancel-btn[data-v-000f84ae]{
  background: #FFFFFF;
  color: #059FE8;
  border: 1px solid #059FE8;
  border-radius: 8px;
}
.utm-control-group[data-v-000f84ae] {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0px !important;
}
.utm-control-group .utm-control-label[data-v-000f84ae] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.utm-controls[data-v-000f84ae] {
  margin-left: 0;
}
.inputErr[data-v-000f84ae] {
  border: 1px solid #f66f6a !important;
}
.vehicle-filed-prompt[data-v-000f84ae]{
  color: #059FE8;
  font-size: 16px;
  margin-left: 12px;
  width: 16px;
  height: 16px;
}
.vehicle-filed-prompt[data-v-000f84ae]:hover{
  background: rgba(5, 159, 232, 0.1);
  border-radius: 2px;
}
.utm-tooltip .site-type-desc[data-v-000f84ae]{
  max-width: 350px;
}
.utm-tooltip .info[data-v-000f84ae]{
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 16px;
  white-space: normal;
}
.succussInfo[data-v-000f84ae]{
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: right;
  color: #059fe8;
}
.detail-model .info[data-v-000f84ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #FFFFFF;
}

/*end 关闭事件弹窗样式 */

/* esop web上报事件详情*/
.module-content[data-v-000f84ae] {
  width: 100% !important;
}
.msg-module .module-content .image-box[data-v-000f84ae] {
  width: 100%;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  padding: 0 14px 14px 14px;
}
.module-content .utm-field-image[data-v-000f84ae]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.module-content .image-box .image-item[data-v-000f84ae]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 135px;
  gap: 14px;
}
.module-content .image-box .title[data-v-000f84ae]{
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #393939;
  line-height: 17px;
  margin: 16px 0 11px;
}
.module-content .image-box .file-list[data-v-000f84ae]{
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 9px;
}
.module-content .image-box .file-list a[data-v-000f84ae]{
  text-decoration: underline;
}
.module-content .image-box .file-list .utm-font[data-v-000f84ae]{
  font-size: 16px;
  color: var(--main-color);
  margin-right: 4px;
}
.field-item-clamp2-content[data-v-000f84ae] {
  width: 100%;
}
.field-item-clamp2-content[data-v-000f84ae] .ivu-tooltip,.utm-ellipsis-txt[data-v-000f84ae] {
  width: 100%;
  display: block;
}
.field-item-clamp2-content[data-v-000f84ae] .utm-ellipsis-multiple-line {
  word-break: break-word;
}
.addition-info[data-v-000f84ae]{
  display: none;
}
.addition-info-title[data-v-000f84ae]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.ivu-icon-ios-arrow-down[data-v-000f84ae]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.expand[data-v-000f84ae] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.capture-image-item[data-v-000f84ae]{
  margin: 0 12px 12px 0;
  height: 100px;
  display: inline-block;
}
.img-box[data-v-000f84ae]{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow: unset;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top:12px;
}

.video-play-box .dplayer-menu{
  display: none!important;
}

.message-tab-content-video[data-v-eebffc8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  overflow: hidden;
}
.message-tab-content-video .msg-module[data-v-eebffc8c] {
  position: relative;
}
.video-info[data-v-eebffc8c] {
}
.video-info .device-name[data-v-eebffc8c] {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  line-height: 28px;
  vertical-align: middle;
  margin: 6px 0;
}
.video-info .utm-mode[data-v-eebffc8c] {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  border: 1px solid #059fe8;
  color: #059fe8;
  text-align: center;
  background: #fff;
  vertical-align: middle;
}
.video-info .device-info-swapper[data-v-eebffc8c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-info .video-list[data-v-eebffc8c] {
  display: inline-block;
  vertical-align: middle;
  float: right;
}
.video-info  .video-list .video-download-btn[data-v-eebffc8c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 4px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.video-info  .video-list .video-download-btn[data-v-eebffc8c]:hover {
  background: rgba(0, 94, 184, 0.1);
}
.video-info .video-list .video-item[data-v-eebffc8c] {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 8px;
}
.video-info .video-list .video-item[data-v-eebffc8c]:hover,
.video-info .video-list .video-item.active[data-v-eebffc8c] {
  background: #effaff;
  border: 1px solid #059fe8;
}
.video-info .video-list .video-item .utm-font[data-v-eebffc8c] {
  font-size: 20px;
  color: #059fe8;
}
.video-play-box[data-v-eebffc8c] {
  margin-top: 8px;
  position: relative;
}
.video-play-box .video-play-title[data-v-eebffc8c] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 22;
}
.utm-video[data-v-eebffc8c] {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
}
.utm-video video[data-v-eebffc8c] {
  width: 100%;
}
.video-play-box .video-loading[data-v-eebffc8c] {
  padding: 80px 0;
}
.video-play-box .no-video[data-v-eebffc8c] {
  padding: 50px 0;
}
video.utm-live-video[data-v-eebffc8c]::-webkit-media-controls-play-button,
video.utm-live-video[data-v-eebffc8c]::-webkit-media-controls-pause-button {
  display: inline-block;
  /* 显示播放和暂停按钮 */
}
video.utm-live-video[data-v-eebffc8c]::-webkit-media-controls-current-time-display {
  display: inline-block;
  /* 显示当前播放时间 */
}

.message-tab-content-video .dplayer-menu {
  display: none !important;
}
.gongge-video-play-box .dplayer-controller .dplayer-icons .dplayer-volume {
  display: none;
}
.gongge-video-play-box .dplayer-controller .dplayer-icons .dplayer-setting {
  display:none;
}
.isShowSetting .dplayer-controller .dplayer-icons .dplayer-setting {
  display:inline-block;
}

.message-tab-content-video[data-v-ba3a92e2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: 100%;
    overflow: hidden;
}
.message-tab-content-video .msg-module[data-v-ba3a92e2] {
    position: relative;
}
.video-tab .video-tab-item[data-v-ba3a92e2] {
    display: inline-block;
    margin-right: 16px;
    width: 159px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 500;
    background: #f5f7fa;
    color: #333333;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.video-tab .video-line-item[data-v-ba3a92e2] {
    display: inline-block;
    margin-right: 16px;
    width: 126px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    color: #333333;
    border: 1px solid #e1e4e6;
    border-radius: 18px;
    cursor: pointer;
    text-align: center;
}
.video-tab .video-line-item.active[data-v-ba3a92e2] {
    border: 1px solid rgba(var(--main-color-rgb), 1);
    color: rgba(var(--main-color-rgb), 1);
}
.video-tab .video-tab-item.active[data-v-ba3a92e2] {
    background: rgba(var(--main-color-rgb), 1);
    color: #fff;
}
.video-info[data-v-ba3a92e2] {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
}
.video-info .device-name[data-v-ba3a92e2] {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    line-height: 28px;
    vertical-align: middle;
}
.video-list[data-v-ba3a92e2] {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    line-height: 28px;
    vertical-align: middle;
}
.video-info .video-mode[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 24px;
    padding: 0 16px;
    margin-right: 8px;
    font-size: 14px;
    border: 1px solid rgba(var(--main-color-rgb), 1);
    border-radius: 12px;
    color: rgba(var(--main-color-rgb), 1);
    background: #fff;
}
.video-info .video-list[data-v-ba3a92e2] {
    display: inline-block;
    vertical-align: middle;
    float: right;
}
.video-info .video-list .video-item[data-v-ba3a92e2] {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #ffffff;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 8px;
}
.video-info .video-list .video-item[data-v-ba3a92e2]:hover,
.video-info .video-list .video-item.active[data-v-ba3a92e2] {
    border: 2px solid rgba(var(--main-color-rgb), 1);
}
.video-play-box[data-v-ba3a92e2] {
    margin-top: 8px;
    position: relative;
    height: 100%;
    background: rgba(0, 0, 0, 1);
}
.video-play-box .video-tag[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 24px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
}
.video-play-box .video-tag.video-tag-orange[data-v-ba3a92e2] {
    background: rgba(0, 160, 82, 1);
}
.video-play-box .video-tag.video-tag-green[data-v-ba3a92e2] {
    background: rgba(0, 160, 82, 1);
}
.video-play-box .video-play-title[data-v-ba3a92e2] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 22;
}
.utm-video[data-v-ba3a92e2] {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
}
.video-play-box video[data-v-ba3a92e2] {
    width: 100%;
    height: 100%;
}

/*音量播放按钮*/
.video-play-box video[data-v-ba3a92e2]::-webkit-media-controls-mute-button {
    display: none;
}

/************************************************多宫格播放的样式 Start****************************************/
.gongge-video-play-box[data-v-ba3a92e2] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    max-height: 400px;
    font-size: 0;
    overflow: hidden;
}
.faceTrackStyle[data-v-ba3a92e2]{
    height: 535px;
    max-height: 535px;
}

/******************翻页 Start**********************/
.message-tab-content-video .video-device-page[data-v-ba3a92e2] {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    right: 0;
    top: 2px;
    font-size: 14px;
    color: #333;
    z-index: 2;
}
.message-tab-content-video .video-device-page .video-device-total-camera[data-v-ba3a92e2] {
    display: inline-block;
    padding: 0 8px;
}

/*每页数量选择*/
.message-tab-content-video .video-device-page .video-device-number-wapper[data-v-ba3a92e2] {
    display: inline-block;
    height: 32px;
    margin: 0 8px;
    background: rgba(241, 241, 241, 1);
    border-radius: 5px;
    cursor: pointer;
}
.message-tab-content-video .video-device-page .video-device-number[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 28px;
    height: 28px;
    margin: 2px;
    border-radius: 5px;
}
.message-tab-content-video .video-device-page .video-device-number[data-v-ba3a92e2]:hover,
.message-tab-content-video .video-device-page .video-device-number.active[data-v-ba3a92e2] {
    background: #fff;
    color: var(--main-color);
}

/*上下页*/
.message-tab-content-video .video-device-page .video-device-turn-page[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 4px;
}
.message-tab-content-video .video-device-page .video-device-current-page[data-v-ba3a92e2] {
    color: var(--main-color);
}
.message-tab-content-video .video-device-page .video-device-last-page[data-v-ba3a92e2],
.message-tab-content-video .video-device-page .video-device-next-page[data-v-ba3a92e2],
.message-tab-content-video .video-device-page .video-download-btn[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 32px;
    width: 32px;
    margin: 0 4px;
    background: rgba(0, 94, 184, 0.05);
    cursor: pointer;
    border-radius: 4px;
}
.message-tab-content-video .video-device-page .video-device-last-page[data-v-ba3a92e2]:hover,
.message-tab-content-video .video-device-page .video-device-next-page[data-v-ba3a92e2]:hover,
.message-tab-content-video .video-device-page .video-download-btn[data-v-ba3a92e2]:hover {
    background: rgba(0, 94, 184, 0.1);
}
.message-tab-content-video .video-device-page .video-device-last-page.disabled[data-v-ba3a92e2],
.message-tab-content-video .video-device-page .video-device-next-page.disabled[data-v-ba3a92e2] {
    background: rgba(237, 240, 243, 1);
    cursor: not-allowed;
}
.message-tab-content-video .video-device-page .video-device-paging-icon[data-v-ba3a92e2] {
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABICAYAAACjpDbfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMTgyZDIzZi05ZmRjLTI1NGYtOWEzZi01NjE0MzhlMWJjMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzYzM0Y3QTk3MEE1MTFFOUI2NzdFRjEzM0EyODZCMjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzYzM0Y3QTg3MEE1MTFFOUI2NzdFRjEzM0EyODZCMjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjE4NjNiNGEtMmI0NS03ZjQ5LWE4ZjAtNmE5MWNlMzVlOTYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxODJkMjNmLTlmZGMtMjU0Zi05YTNmLTU2MTQzOGUxYmMxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkLDrJ0AAAKJSURBVHja7JkxTNtAFIZjlBW60ok1a8ZKGSqYaBNv7dCsSBVh68BExcBWJLbC0BkysEWBVkIghkoduwILdGiZq3Z3/5OeJQfFl/eOU2XCf9InFOLvnD8+n/P0kizLatM8ZmpTPurFF8Ph0F3OZMxxi2Cl3W6/KZsIrtkRr48/n8BZ8f/wzI6MDG5iuYIdsA92DV+cxfkox6aG+dVOfcL7XfABvADflSe3Ol/lWLcEZuWDR3N8AVfBOlgCF8pwIU5NvgjnfAZPlFde5ZQF3AKvwXPwQ/khQ5ziuBD3BDwF72M4ZfdgEvABk4ibX7Tzl13BDfALnINl5XILcYqjAb7I/bsby/Hdg074DU7drq3cMEIcN5qyYawrNxm1M2kXdeIfcAxeye5Vi+y0wCF4CwbKcGqnrpjMTfAX9JQBrc6aPFrODMtZ7ST8LcqADFidaiJNU281MRgMSisDuGZHvLGVATyzk1cTcFlNsJpgNcFqgtUEqwlWE6wm+FuUARnwfwcsuyFdZXBgnFvr9OVYy/A5oxncJlMgu/Pa0QG3oDXmvTIsTkuOTQ3z+5yRDJMCdsFP0DScPMRpitON4KgDroJr0DCcNMTJaYjbu6ejCrgFLsGC4WQhzl2ceyVzhTojAae+mvAt0V7Acuvdc4neBCzRm5Al+ig2mZw04DGRPpTHRM4iODAuOa3Tl2Mtc/uckQysJhiQASvUm3j28p23N/HtaKe0zwDX7Ig3ts8Az+zkj3a4lexNdAJ6Ex3TFaxAb2IuoDcx99B6E+4D78VyqtqbmAebMZyqVhMzsZyq9Sbccts29ia8DnsT7E2wN8HfogzIgAzIgAzIgAzIgAzIgAzIgAzIgNHHPwEGAEPDpJWnbIkzAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}
.message-tab-content-video .video-device-page .video-device-last-page .video-device-paging-icon[data-v-ba3a92e2] {
    background-position: -14px 0px;
}
.message-tab-content-video .video-device-page .video-device-next-page .video-device-paging-icon[data-v-ba3a92e2] {
    background-position: -28px 0px;
}
.message-tab-content-video .video-device-page .video-download-btn[data-v-ba3a92e2] {
    margin: 0 0 0 8px;
}
.message-tab-content-video .video-device-page .video-device-page-line[data-v-ba3a92e2] {
    display: inline-block;
    height: 14px;
    width: 1px;
    margin: 0 8px;
    background: rgba(223, 223, 223, 1);
}

/******************翻页 End**********************/

/*******设备名称列表********/
.gongge-video-play-box .video-device-name-wapper[data-v-ba3a92e2] {
    width: 0;
    min-width: 0;
    height: 100%;
    overflow: auto;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.gongge-video-play-box .video-device-name-wapper.video-device-name-wapper-open[data-v-ba3a92e2] {
    width: 220px;
    min-width: 220px;
}
.gongge-video-play-box .video-device-name-wapper .video-device-name-item[data-v-ba3a92e2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 4px 0;
    overflow: hidden;
}
.gongge-video-play-box .video-device-name-wapper .device-name-wapper[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}
.gongge-video-play-box .video-device-name-wapper .video-device-play[data-v-ba3a92e2] {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 5px;
    border: 1px solid var(--main-color);
}
.gongge-video-play-box .video-device-name-wapper .video-device-play[data-v-ba3a92e2]:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    border-radius: 3px;
    background: var(--main-color);
}
.gongge-video-play-box .video-device-name-wapper .device-name[data-v-ba3a92e2] {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333;
}
.gongge-video-play-box .video-device-name-wapper .device-name.device-name-gray[data-v-ba3a92e2] {
    color: #b4b4b4;
}
.gongge-video-play-box .video-device-name-wapper .device-name.access-zone-name[data-v-ba3a92e2] {
    font-size: 16px;
    font-weight: bold;
}
.gongge-video-play-box .video-device-name-wapper .device-name-notice[data-v-ba3a92e2] {
    min-width: 14px;
}

/*********视频列表*************/
.gongge-video-play-box .video-list-box[data-v-ba3a92e2] {
    height: 100%;
    width: 100%;
    position: relative;
    padding-left: 32px;
    border-left: 1px solid rgba(225, 228, 230, 1);
}
.gongge-video-play-box .video-list-wapper[data-v-ba3a92e2] {
    height: 100%;
    margin: 0 -2px;
}
.gongge-video-play-box .video-list-wapper.video-list-wapper-top[data-v-ba3a92e2] {
    height: calc(100% - 40px);
    margin: 40px -2px 0 -2px;
}
.gongge-video-play-box .video-list-li[data-v-ba3a92e2] {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2px;
    vertical-align: top;
}
.gongge-video-play-box .video-list-li.video-list-li-4md[data-v-ba3a92e2] {
    width: 25%;
    height: 25%;
}
.gongge-video-play-box .video-list-li.video-list-li-3md[data-v-ba3a92e2] {
    width: 33.3%;
    height: 33.3%;
}
.gongge-video-play-box .video-list-li.video-list-li-2md[data-v-ba3a92e2] {
    width: 50%;
    height: 50%;
}
.gongge-video-play-box .video-list-li.video-list-li-1md[data-v-ba3a92e2] {
    width: 100%;
    height: 100%;
}
.gongge-video-play-box .video-list-li.video-list-li-fullscreen[data-v-ba3a92e2] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 1);
    border-radius: 0;
    border: 0;
    z-index: 999;
}
.gongge-video-play-box .video-list-li .video-device-no-video[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid var(--main-color);
    font-size: 12px;
    color: #333;
}
.gongge-video-play-box .video-list-li .video-list-4md[data-v-ba3a92e2] {
    min-height: 95.77px;
}
.gongge-video-play-box .video-list-li .video-list-3md[data-v-ba3a92e2] {
    min-height: 128.3px;
}
.gongge-video-play-box .video-list-li .video-list-2md[data-v-ba3a92e2] {
    min-height: 193.78px;
}
.gongge-video-play-box .video-list-li .video-list-1md[data-v-ba3a92e2] {
    height: 100%;
}
.gongge-video-play-box .video-list-li .video-resource-item[data-v-ba3a92e2] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
}
.gongge-video-play-box .video-list-li .video-resource-name[data-v-ba3a92e2] {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 0;
    left: 0;
    padding: 12px;
    font-size: 12px;
    color: #fff;
}

/*全屏按钮*/
.gongge-video-play-box .video-list-li .video-resource-full-screen[data-v-ba3a92e2] {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    bottom: 8px;
    right: 8px;
    border-radius: 16px;
    z-index: 3;
}

/*切换质量按钮*/
.gongge-video-play-box .video-list-li .video-resource-change-quality[data-v-ba3a92e2] {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 32px;
    bottom: 8px;
    right: 60px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    z-index: 3;
    cursor: pointer;
}
.event-monitoring-work .face-img-box-video .video-resource-li .video-resource-full-screen[data-v-ba3a92e2]:hover,
.event-monitoring-work .face-img-box-video .video-resource-li .video-resource-change-quality[data-v-ba3a92e2]:hover {
    background: rgba(255, 255, 255, .1);
}
.gongge-video-play-box .video-list-box .device-list-shrink[data-v-ba3a92e2] {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 74px;
    width: 16px;
    left: 0;
    top: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -39px;
    background: var(--main-color);
    border-radius: 0 6px 6px 0;
    cursor: pointer;
}
.gongge-video-play-box .video-list-box .device-list-shrink[data-v-ba3a92e2]:hover {
    opacity: 0.85;
}
.gongge-video-play-box .video-list-box .device-list-shrink .icon-custom[data-v-ba3a92e2] {
    font-size: 24px;
    color: #fff;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform ease-in .15s;
    transition: -webkit-transform ease-in .15s;
    transition: transform ease-in .15s;
    transition: transform ease-in .15s, -webkit-transform ease-in .15s;
}
.gongge-video-play-box .video-list-box .device-list-shrink  .open[data-v-ba3a92e2] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.gongge-video-play-box .video-list-li video[data-v-ba3a92e2] {
    width: 100%;
}

/*隐藏全屏按钮*/
.gongge-video-play-box .video-list-li video[data-v-ba3a92e2]::-webkit-media-controls-fullscreen-button {
    /* display: none; */
}

/*音量播放按钮*/
.gongge-video-play-box .video-list-li video[data-v-ba3a92e2]::-webkit-media-controls-mute-button {
    /* display: none; */
}
.gongge-video-play-box .loading-box[data-v-ba3a92e2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid var(--main-color);
}
.gongge-video-play-box .loading-box .utm-custom-loading[data-v-ba3a92e2]::before {
    font-size: 20px;
    margin: 4px;
}
.gongge-video-play-box .utm-table-nodata.video-device-no-video[data-v-ba3a92e2] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: rgba(51, 51, 51, 1);
    color: #fff;
}
.gongge-video-play-box .back-video-box[data-v-ba3a92e2] {
    height: 1px;
}
.gongge-video-play-box .back-video-box.dplayer[data-v-ba3a92e2] {
    height: 100%;
}
.gongge-video-play-box .dplayer-menu[data-v-ba3a92e2] {
    display: none !important;
}

/************************************************多宫格播放的样式 End****************************************/

.el-tooltip__popper[x-placement^=bottom] .popper__arrow{
  border-bottom-color: rgba(70, 76, 91, .9) !important;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
  border-bottom-color: rgba(70, 76, 91, .9) !important;
}
/* 自定义el-tooltip 样式 */
.utm-el-tooltip {
  z-index: 9999 !important;
  background: rgba(70, 76, 91, .9) !important;
  font-size: 14px !important;
  color: #FFF !important;
}

.history[data-v-568a469c]{
    width: 100%;
    background: #ffffff;
}
.first-history div:first-of-type > .line-dash[data-v-568a469c]{
  display: none;
  margin-top: 0px;
}
.level-change[data-v-568a469c] {
    width: 100%;
    height: 40px;
    background: rgb(220, 227, 232,0.2);
    border-radius: 8px;
    padding: 0 16px;
    margin-top: 16px;
}
.history-header[data-v-568a469c]{
    width: 100%;
    height: 40px;
    background: #cdeaf9;
    border: 1px solid #cdeaf9;
    border-radius: 8px 8px 0px 0px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #262626;
    line-height: 40px;
    padding-left: 16px;
}
.history-title[data-v-568a469c]{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0,0,0,0.85);
    margin-top: 16px;
    margin-bottom: 8px;
    height: 18px;
    line-height: 18px;
}
.history-text[data-v-568a469c]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #393939;
}
.line-dash[data-v-568a469c]{
    border-top: 1px dashed #dce3e8;
    margin-top: 16px;
}
.history-attachment-content[data-v-568a469c]{
    padding:8px 16px 16px 16px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #eff6f9;
    border-radius: 8px;
}
.history-attachment-content > div[data-v-568a469c]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #059fe8;
    margin-top: 8px;
    height: 18px;
    line-height: 18px; 
    cursor: pointer;
}
.add-remark-content > .remarked-box[data-v-568a469c]:first-of-type{
    margin-top: 0;
}
.remarked-box[data-v-568a469c]{
    width: 100%;
    padding: 16px;
    background: #eff6f9;
    border-radius: 8px;
    margin-top: 8px;
}
.remarked-box-header > div[data-v-568a469c]:first-of-type{
font-size: 16px;
font-family: Lato, Lato-Bold, sans-serif;
font-weight: 700;
text-align: left;
color: #262626;
}
.remarked-box-header > div[data-v-568a469c]:last-of-type{
font-size: 16px;
font-family: Lato, Lato-Regular, sans-serif;
font-weight: 400;
text-align: right;
color: #8d8d8d;
}
.remarked-box-content[data-v-568a469c]{
font-size: 16px;
font-family: Lato, Lato-Regular, sans-serif;
font-weight: 400;
text-align: left;
color: #262626;
margin-top: 8px;
}
.addtion-title[data-v-568a469c]{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0,0,0,0.85);
}
.notification[data-v-568a469c]{
    width: 100%;
    height: 52px;
    background: #f9f9fa;
    border: 1px solid #e5e7e9;
    border-radius: 8px;
    margin-top: 8px;
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.notification > div[data-v-568a469c]:first-of-type{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    height: 16px;
    line-height: 16px;
}
.notification > div[data-v-568a469c]:last-of-type{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #999999;
    height: 16px;
    line-height: 16px;
    margin-top: 2px;
}
.conditional-branch-linkAges[data-v-568a469c]{
    background: #f9f9fa;
    border: 1px solid #e5e7e9;
    border-radius: 8px;
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.history-link-time[data-v-568a469c]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #999999;
}

















































































































































































/* 上传附件样式 Start */
.attachment-ul[data-v-094d8c4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.attachment-li[data-v-094d8c4c] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  margin-top: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 32px;
  background: rgba(164, 164, 164, 0.1);
  border-radius: 8px;
  padding: 8px 16px 8px 8px;
}
.attachment-det-li[data-v-094d8c4c] {
  background: #ffffff;
}
.attachment-det-li[data-v-094d8c4c]:hover {
  background: rgba(5, 159, 232, 0.1) !important;
  color: var(--main-color);
}
.attachment-li .utm-font[data-v-094d8c4c] {
  color: #8c8c8c;
  font-size: 16px;
  margin-right: 5px;
}
.attachment-li .utm-download-icon[data-v-094d8c4c] {
  margin-left: 8px;
  display: none;
}
.attachment-det-li:hover .utm-font[data-v-094d8c4c]{
  color: var(--main-color);
  display: block;
}
.attachment_size[data-v-094d8c4c] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #8c8c8c;
  display: inline-block;
  margin: 0 7px 0 3px;
}
.attachment-li > span[data-v-094d8c4c]:first-of-type {
  display: inline-block;
  max-width: calc(100% - 100px);
}
[data-v-094d8c4c] .attachment-li > span .utm-ellipsis-txt {
  color: var(--main-color);
}
[data-v-094d8c4c] .attachment-li .utm-ellipsis-txt{
  font-size: 16px;
}
.attachment-li .psim-font[data-v-094d8c4c] {
  width: 18px;
  height: 18px;
}
[data-v-094d8c4c] .attachment-li > span:first-of-type:hover .utm-ellipsis-txt {
  text-decoration: underline !important;
}
.attachment-ul > .attachment-ul[data-v-094d8c4c]:first-of-type {
  margin-top: 0px !important;
}
.attachment-upload[data-v-094d8c4c] {
  display: inline-block;
}
.attachment-desc[data-v-094d8c4c] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
  display: inline-block;
  margin-left: 3px;
}
.attachment-btn[data-v-094d8c4c] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #005eb8;
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
}
/* 上传附件样式 End */

.utm-ellipsis-wrapper .ivu-tooltip-rel{
  line-height: 1;
}

.utm-ellipsis-wrapper[data-v-52736ce0]{
  line-height: 1;
}
.utm-ellipsis[data-v-52736ce0]{
  position: relative;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.utm-ellipsis-tooltip[data-v-52736ce0]{
  width: 100%;
  line-height: 1;
}
.utm-ellipsis-txt[data-v-52736ce0]{
  padding-right: 2px;
}
.utm-ellipsis-multiple-line[data-v-52736ce0]{
  display: -webkit-box;
  white-space: initial;
  overflow: hidden; 
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
/*手动打开的*/
.utm-ellipsis-wrapper.manual[data-v-52736ce0]{
  position: relative;
}
.utm-ellipsis-wrapper.expand[data-v-52736ce0]{
  padding-right: 20px;
}
.utm-ellipsis-wrapper.open .utm-ellipsis-multiple-manual[data-v-52736ce0]{
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: unset;
}
.utm-ellipsis-multiple-manual[data-v-52736ce0]{
  display: -webkit-box;
  white-space: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.utm-ellipsis-manualView-btn[data-v-52736ce0]{
  display: none;
  position: absolute;
  right: -6px;
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
  text-align: center;
  line-height: 24px;
}
.utm-ellipsis-wrapper.open .utm-ellipsis-manualView-btn[data-v-52736ce0]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-ellipsis-wrapper.expand .utm-ellipsis-manualView-btn[data-v-52736ce0]{
  display: inline-block;
}

#modify-psd .utm-control-label[data-v-3b2716c8]{
  width: 220px;
}
#modify-psd .utm-controls[data-v-3b2716c8]{
  margin-left: 220px;
}
#new_password[data-v-3b2716c8]{
  display: inline-block;
  font-size: 30px;
  color: #333;
}
.cope-text-btn[data-v-3b2716c8]{
  color: #059FE8;
  font-size: 16px;
  margin-left: 8px;
}

#fast-registration[data-v-00c39033] {
  padding: 12px 16px;
  position: absolute;
  right: 691px;
  top: 0;
  width: 556px;
  height: 100%;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  z-index: 1;
}
#fast-registration .fast-search-box[data-v-00c39033] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.fast-search-box .register-type[data-v-00c39033] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.register-type .register-type-item[data-v-00c39033] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45px;
  border-radius: 4px;
  cursor: pointer;
}
.register-type .register-type-item.active[data-v-00c39033] {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(4%, #0598e8), color-stop(95%, #05b9e8));
  background: linear-gradient(0deg, #0598e8 4%, #05b9e8 95%);
}
.register-type .register-type-item.active i[data-v-00c39033] {
  color: #fff;
}
.register-type-item i[data-v-00c39033] {
  color: #6d7a84;
  font-size: 24px;
}
.fast-search-box .quick-search[data-v-00c39033] {
  margin-left: 8px;
  width: 100%;
}
#fast-registration .result-list-panel[data-v-00c39033] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 0;
  top: 65px;
  font-size: 16px;
  display: none;
}
.result-list-panel .result-panel-top[data-v-00c39033] {
  padding: 16px;
}
.result-panel-top button[data-v-00c39033] {
  float: right;
}
.result-panel-top .result-panel-title[data-v-00c39033] {
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
}
.result-list-panel .result-list-box[data-v-00c39033] {
  width: 100%;
  max-height: 340px;
  overflow-y: hidden;
}
.result-list-box .no-user-data[data-v-00c39033] {
  color: #999;
  text-align: center;
  padding: 0px 24px 24px 24px;
  line-height: 1.2;
}
.result-list-box .single-result[data-v-00c39033] {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgba(223, 223, 223, 1);
}
.single-result .user-face-box[data-v-00c39033] {
  position: relative;
  height: 115px;
}
.user-face-box .check-way[data-v-00c39033] {
  background: rgba(0, 0, 0, .3);
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  border-radius: 0 0 4px 4px;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
}
.single-result .user-face[data-v-00c39033] {
  height: 115px;
  max-width: 100px;
  border-radius: 4px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 95px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-result .result-info-box[data-v-00c39033] {
  width: 100%;
  height: 100%;
  padding-left: 16px;
  position: relative;
}
.result-info-box .result-name[data-v-00c39033] {
  width: 100%;
}
.result-name .utm-mode[data-v-00c39033] {
  margin-left: 4px;
  vertical-align: middle;
}
.result-name .name-text[data-v-00c39033] {
  font-weight: bold;
  display: inline-block;
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.result-name .edit-result-text[data-v-00c39033] {
  position: absolute;
  right: 0;
  top: 0;
}
.edit-result-text i[data-v-00c39033] {
  font-size: 16px;
  margin-right: 2px;
}
.edit-result-text .utm-btn span[data-v-00c39033]{
  padding-left: 4px;
  font-size: 14px;
}
.result-info-box .utm-field-item[data-v-00c39033] {
  margin-bottom: 0;
  white-space: nowrap;
  min-height: 32px;
  line-height: 32px;
}
.result-info-box .utm-field-item .field-item-name[data-v-00c39033] {
  font-weight: 400;
  color: rgba(133, 133, 133, 1);
  width: 120px;
  text-align: left;
  min-height: 32px;
  line-height: 32px;
}
.result-info-box .utm-field-item .field-item-content[data-v-00c39033] {
  width: 145px;
  min-height: 32px;
  line-height: 32px;
}
.register-modal .utm-modal-box[data-v-00c39033] {
  width: 90%;
  max-width: 1600px;
  top: 55px;
}
.result-info-box .check-box[data-v-00c39033] {
  position: absolute;
  right: 0;
  bottom: 28px;
}
.check-btn[data-v-00c39033]{
  display: block;
  font-size: 14px;
  cursor: pointer;
}
.check-btn span[data-v-00c39033]{
  vertical-align: text-bottom;
}
.utm-btn.check-in-btn[data-v-00c39033] {
  border-color: #00a052;
  color: #00a052;
}
.check-in-btn i[data-v-00c39033] {
  color: #00a052;
  margin-right: 2px;
  font-size: 16px;
}
.utm-btn.check-out-btn[data-v-00c39033] {
  border-color: #cd4746;
  color: #cd4746;
}
.check-out-btn i[data-v-00c39033] {
  color: #cd4746;
  margin-right: 2px;
  font-size: 16px;
}
#fast-registration .utm-btn.handle-btn[data-v-00c39033]{
  width: 120px;
  font-size: 14px;
  height: 32px;
  padding: 0 8px;
  display: block;
  margin-bottom: 6px;
}
/*刷卡*/
.swipe-card .read-btn[data-v-00c39033]{
  margin-top: 16px;
}
.result-list-panel .swipe-card[data-v-00c39033] {
  text-align: center;
  padding: 24px;
  color: #999;
  border-top: 1px solid #ddd;
  line-height: 1.2;
}
.swipe-card svg[data-v-00c39033],
.no-user-data svg[data-v-00c39033]{
  width: 50px;
  height: 50px;
}
/*check*/
.check-modal .utm-more-info-icon[data-v-00c39033]{
  font-size: 16px;
  color: #059FE8;
}
.tip-box .key-tips[data-v-00c39033]{
  font-weight: 700;
}
.check-modal .tip-box[data-v-00c39033]{
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 4px;
  margin-bottom: 16px;
}
.check-modal .utm-control-label[data-v-00c39033]{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.search-img[data-v-00c39033]{
  width: 100px;
  height: 116px;
  background: #cdeaf9;
  border-radius: 4px;
  padding:  29px 25px;
}
.search-img i[data-v-00c39033] {
  font-size: 39px;
}
.fast-search-box .quick-search-btn[data-v-00c39033]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.utm-mode.ac-label[data-v-00c39033]{
  font-style: italic;
  font-weight: 600;
  cursor: pointer;
}
.yellow-line-btn[data-v-00c39033] {
  border: 1px solid #F2B253;
  background: #fff;
  color: #F2B253;
}
.yellow-line-btn .utm-font[data-v-00c39033] {
  color: #F2B253;
}
.utm-control-group.validity-group[data-v-00c39033]{
  margin-top: 24px;
}
.validity-group .utm-control-label[data-v-00c39033]{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100px;
}
.validity-group .utm-controls[data-v-00c39033] {
  margin-left: 100px;
}
.validity-group .utm-date-picker[data-v-00c39033]{
  max-width: 220px;
}
/* AC详情 */
.ac-table[data-v-00c39033]{
  border: 1px solid #e8eaec;
}
.ac-table .details-header[data-v-00c39033] {
  background: rgba(239, 246, 249, 1);
  color: rgba(51, 51, 51, 1);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ac-table .details-content[data-v-00c39033]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
}
.details-content .content-item[data-v-00c39033]{
  max-height: 450px;
  overflow-y: auto;
}
.ac-table .content-item[data-v-00c39033]{
  width: 50%;
}
.ac-table .header-item[data-v-00c39033]{
  width: 50%;
  padding: 12px 16px;
}
.ac-table.only-ac .content-item[data-v-00c39033],.ac-table.only-ac .header-item[data-v-00c39033]{
  width: 100%;
}
.content-item .ac-option[data-v-00c39033]{
    min-width: 0;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    border-bottom: 1px solid #e8eaec;
}
.content-item .ac-option[data-v-00c39033]:last-child{
  border: unset;
}
.content-item.dcs-box[data-v-00c39033]{
  padding: 16px;
  position: relative;
  border-left: 1px solid #e8eaec;
}
.dcs-box .dcs-list[data-v-00c39033]{
  max-height: 360px;
  overflow-y: auto;
  margin-bottom: 50px;
}
.utm-btn.dcs-operate-btn[data-v-00c39033]{
  width: 140px;
  display: block;
  position: absolute;
  bottom: 6px;
  left: 16px;
}
.utm-btn.dcs-operate-btn.spacing[data-v-00c39033]{
  bottom: 16px;
}
.only-ac .content-item.dcs-box[data-v-00c39033]{
  display: none;
}
[data-v-00c39033] .unableClear .ivu-picker-confirm>button:nth-of-type(2){
 display: none;
}

#user-registration .register-user-tab[data-v-3bad8112]{
  width: 100%;
  border-bottom: 1px solid rgba(223,223,223,1);
  font-size: 20px;
  font-weight: bold;
}
.register-user-tab .user-type[data-v-3bad8112]{
  display: inline-block;
  margin: 0 40px 8px 0;
  cursor: pointer;
  position: relative;
}
.register-user-tab .user-type.active[data-v-3bad8112],.register-user-tab .user-type.active i[data-v-3bad8112]{
  color: rgba(5,159,232,1);
}
.register-user-tab .user-type.active[data-v-3bad8112]:after{
  content: '';
  width: 100%;
  display: inline-block;
  height: 4px;
  background: #059fe8;
  position: absolute;
  bottom: -9px;
  left: 0;
}
.user-type i[data-v-3bad8112]{
  color: rgba(133,133,133,1);
  font-size: 24px;
}
#user-registration .user-page-content[data-v-3bad8112]{
  padding: 0;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-3bad8112]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-3bad8112]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-3bad8112]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-3bad8112]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-3bad8112]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-3bad8112]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-3bad8112]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-3bad8112]{
  width: 100%;
}
.user-basic-module .face-box[data-v-3bad8112]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-3bad8112]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-3bad8112]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-3bad8112]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-3bad8112]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-3bad8112]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-3bad8112]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-3bad8112]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-3bad8112] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-3bad8112]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-3bad8112]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-3bad8112]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-3bad8112]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-3bad8112]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-3bad8112]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-3bad8112]{
  position: relative;
}
.step-node .step-desc[data-v-3bad8112]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-3bad8112]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-3bad8112]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-3bad8112]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-3bad8112]:nth-child(1),
.user-config-info .config-info-box[data-v-3bad8112]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-3bad8112]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-3bad8112]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-3bad8112]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-3bad8112]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-3bad8112]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-3bad8112]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-3bad8112]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-3bad8112]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-3bad8112]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-3bad8112]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-3bad8112],.destination-item .schedule-name[data-v-3bad8112]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-3bad8112] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-3bad8112]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-3bad8112]{
  display: block;
}
.schedule-details .schedule-panel[data-v-3bad8112]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-3bad8112]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-3bad8112]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-3bad8112]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-3bad8112]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-3bad8112]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-3bad8112]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-3bad8112]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-3bad8112]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-3bad8112]{
  margin-right: 16px;
}
.print-card-box[data-v-3bad8112]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-3bad8112]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-3bad8112]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-3bad8112]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-3bad8112]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-3bad8112]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-3bad8112]{
  max-height: 90px;
}
.basic-info .user-name[data-v-3bad8112]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-3bad8112]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-3bad8112]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-3bad8112]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-3bad8112]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-3bad8112]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-3bad8112]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-3bad8112]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-3bad8112]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-3bad8112]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-3bad8112]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-3bad8112]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-3bad8112]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-3bad8112]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-3bad8112]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-3bad8112]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-3bad8112]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-3bad8112]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-3bad8112]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-3bad8112]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-3bad8112]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-3bad8112]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-3bad8112]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-3bad8112]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-3bad8112]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-3bad8112],
.details-module .details-module-name[data-v-3bad8112]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-3bad8112]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-3bad8112]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-3bad8112]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-3bad8112]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-3bad8112]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-3bad8112]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-3bad8112]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-3bad8112]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-3bad8112]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-3bad8112]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-3bad8112]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-3bad8112]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-3bad8112]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-3bad8112]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-3bad8112]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-3bad8112]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-3bad8112]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-3bad8112]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-3bad8112]{
  text-align: left;
}
.basic-info-box .content-area[data-v-3bad8112]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-3bad8112]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-3bad8112]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-3bad8112]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-3bad8112]{
  z-index: 1;
}
.card-status-tooltip[data-v-3bad8112]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-3bad8112]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-3bad8112]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-3bad8112]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-3bad8112]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-3bad8112]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-3bad8112] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-3bad8112] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-3bad8112] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-3bad8112] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-3bad8112]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-3bad8112] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-3bad8112] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-3bad8112] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-3bad8112]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-3bad8112]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-3bad8112]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-3bad8112]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-3bad8112]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-3bad8112]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-3bad8112]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-3bad8112]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-3bad8112]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-3bad8112], .slide-fade-leave-to[data-v-3bad8112]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-3bad8112]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-3bad8112]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-3bad8112]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-3bad8112]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-3bad8112]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-3bad8112]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-3bad8112]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-3bad8112]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-3bad8112]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-3bad8112]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-3bad8112]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-3bad8112]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-3bad8112]{
  font-size: 18px;
}
.add-new-btn[data-v-3bad8112]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-3bad8112]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-3bad8112]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-3bad8112] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-3bad8112]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-3bad8112]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-3bad8112]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-3bad8112]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-3bad8112]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-3bad8112]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-3bad8112]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-3bad8112]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-3bad8112]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-3bad8112]{
  font-weight: bold;
}
.dcsItem-div1[data-v-3bad8112]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-3bad8112]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-3bad8112]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-3bad8112] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-3bad8112]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-3bad8112]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-3bad8112]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-3bad8112]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-3bad8112]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-3bad8112]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-3bad8112]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-3bad8112]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-3bad8112]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-3bad8112]{
  margin-left: 0;
}
/*新增tag*/
#tag-check[data-v-3973233c]{
  width: 100%;
}
#tag-check .tag-count[data-v-3973233c]{
  font-size: 16px;
  margin: 0 16px;
}
#tag-check .tags[data-v-3973233c]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
}
#tag-check .tags.no-padding-tags[data-v-3973233c]{
  padding: 16px 0 0 0;
  margin: 0px;
  background-color: transparent;
}
#tag-check .utm-circle-tag.mini[data-v-3973233c]{
  margin-right: 16px;
}
#tag-check .utm-circle-tag .tag-text[data-v-3973233c]{
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.utm-tag-panel .tag-item[data-v-3973233c]:hover,.utm-tag-panel .tag-item.active[data-v-3973233c]{
  background-color: #effaff;
}
.utm-tag-panel .utm-ok-icon[data-v-3973233c]{
  position: absolute;
  right: 8px;
  font-size: 16px;
  color: #059FE8;
}
/*更多*/
#tag-check .more-tag[data-v-3973233c]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.more-tag .other-tags[data-v-3973233c]{
  position: absolute;
  padding: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 2;
}
#tag-check .more-tag:hover .other-tags[data-v-3973233c]{
  display: inline-block;
}
#tag-check .no-search-data[data-v-3973233c]{
  text-align: center;
  margin-top: 40px;
  color: #999;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-5675d64e]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-5675d64e]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-5675d64e]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-5675d64e]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-5675d64e]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-5675d64e]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-5675d64e]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-5675d64e]{
  width: 100%;
}
.user-basic-module .face-box[data-v-5675d64e]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-5675d64e]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-5675d64e]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-5675d64e]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-5675d64e]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-5675d64e]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-5675d64e]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-5675d64e]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-5675d64e] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-5675d64e]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-5675d64e]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-5675d64e]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-5675d64e]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-5675d64e]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-5675d64e]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-5675d64e]{
  position: relative;
}
.step-node .step-desc[data-v-5675d64e]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-5675d64e]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-5675d64e]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-5675d64e]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-5675d64e]:nth-child(1),
.user-config-info .config-info-box[data-v-5675d64e]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-5675d64e]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-5675d64e]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-5675d64e]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-5675d64e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-5675d64e]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-5675d64e]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-5675d64e]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-5675d64e]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-5675d64e]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-5675d64e]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-5675d64e],.destination-item .schedule-name[data-v-5675d64e]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-5675d64e] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-5675d64e]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-5675d64e]{
  display: block;
}
.schedule-details .schedule-panel[data-v-5675d64e]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-5675d64e]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-5675d64e]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-5675d64e]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-5675d64e]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-5675d64e]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-5675d64e]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-5675d64e]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-5675d64e]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-5675d64e]{
  margin-right: 16px;
}
.print-card-box[data-v-5675d64e]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-5675d64e]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-5675d64e]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-5675d64e]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-5675d64e]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-5675d64e]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-5675d64e]{
  max-height: 90px;
}
.basic-info .user-name[data-v-5675d64e]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-5675d64e]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-5675d64e]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-5675d64e]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-5675d64e]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-5675d64e]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-5675d64e]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-5675d64e]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-5675d64e]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-5675d64e]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-5675d64e]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-5675d64e]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-5675d64e]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-5675d64e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-5675d64e]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-5675d64e]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-5675d64e]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-5675d64e]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-5675d64e]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-5675d64e]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-5675d64e]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-5675d64e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-5675d64e]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-5675d64e]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-5675d64e]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-5675d64e],
.details-module .details-module-name[data-v-5675d64e]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-5675d64e]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-5675d64e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-5675d64e]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-5675d64e]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-5675d64e]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-5675d64e]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-5675d64e]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-5675d64e]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-5675d64e]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-5675d64e]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-5675d64e]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-5675d64e]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-5675d64e]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-5675d64e]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-5675d64e]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-5675d64e]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-5675d64e]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-5675d64e]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-5675d64e]{
  text-align: left;
}
.basic-info-box .content-area[data-v-5675d64e]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-5675d64e]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-5675d64e]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-5675d64e]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-5675d64e]{
  z-index: 1;
}
.card-status-tooltip[data-v-5675d64e]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-5675d64e]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-5675d64e]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-5675d64e]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-5675d64e]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-5675d64e]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-5675d64e] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-5675d64e] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-5675d64e] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-5675d64e] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-5675d64e]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-5675d64e] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-5675d64e] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-5675d64e] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-5675d64e]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-5675d64e]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-5675d64e]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-5675d64e]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-5675d64e]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-5675d64e]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-5675d64e]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-5675d64e]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-5675d64e]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-5675d64e], .slide-fade-leave-to[data-v-5675d64e]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-5675d64e]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-5675d64e]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-5675d64e]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-5675d64e]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-5675d64e]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-5675d64e]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-5675d64e]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-5675d64e]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-5675d64e]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-5675d64e]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-5675d64e]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-5675d64e]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-5675d64e]{
  font-size: 18px;
}
.add-new-btn[data-v-5675d64e]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-5675d64e]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-5675d64e]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-5675d64e] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-5675d64e]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-5675d64e]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-5675d64e]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-5675d64e]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-5675d64e]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-5675d64e]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-5675d64e]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-5675d64e]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-5675d64e]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-5675d64e]{
  font-weight: bold;
}
.dcsItem-div1[data-v-5675d64e]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-5675d64e]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-5675d64e]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-5675d64e] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-5675d64e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-5675d64e]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-5675d64e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-5675d64e]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-5675d64e]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-5675d64e]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-5675d64e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-5675d64e]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-5675d64e]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-5675d64e]{
  margin-left: 0;
}
.user-registration .footer-box[data-v-5675d64e]{
  text-align: right;
  padding: 16px 0;
}
.user-registration .footer-box button[data-v-5675d64e]{
  margin-left: 8px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-5675d64e]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-5675d64e], .slide-fade-leave-to[data-v-5675d64e]{
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  opacity: 0;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-5675d64e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 24px;
}
.paim-vein[data-v-5675d64e]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-5675d64e]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-5675d64e]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-5675d64e]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-5675d64e]{
  color: #fff;
}
.paim-icon-content[data-v-5675d64e]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-5675d64e]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-5675d64e]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-5675d64e] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-5675d64e .75s step-end infinite;
          animation: rotate1234-data-v-5675d64e .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-5675d64e {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-5675d64e {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-5675d64e]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-5675d64e]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-5675d64e]::before,.success .ripple[data-v-5675d64e]::after,.success .ripple-three[data-v-5675d64e] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-5675d64e] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-5675d64e]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-5675d64e 2s linear 0.66s infinite;
          animation: ripple-data-v-5675d64e 2s linear 0.66s infinite;
}
.ripple[data-v-5675d64e]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-5675d64e 2s linear 1.3s infinite;
          animation: ripple-data-v-5675d64e 2s linear 1.3s infinite;
}
.ripple-three[data-v-5675d64e]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-5675d64e 2s linear infinite;
          animation: ripple-data-v-5675d64e 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-5675d64e {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-5675d64e {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-5675d64e] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-5675d64e]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-5675d64e]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-5675d64e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}


.user-img-box ul[data-v-9fe02434]{
    font-size: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    min-width: 130px;
}
.user-img-box .face-text[data-v-9fe02434]{
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-top: 8px;
    font-weight: 700;
}
.face-text.require[data-v-9fe02434]:before{
    content: '*';
    font-size: 12px;
    color: #ed3f14;
    vertical-align: text-top;
    margin-right: 2px;
}
.user-img-box ul li[data-v-9fe02434]{
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 104px;
    height: 138px;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
.user-img-box ul li img[data-v-9fe02434]{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
       object-fit: cover;
}
.user-img-box ul li .delete-user-photo-btn[data-v-9fe02434]{
    position: absolute;
    right: -3px;
    top: -3px;
}
.user-img-box ul li.add-user-photo[data-v-9fe02434]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px dashed #059fe8;
    border-radius: 4px;
    background: rgba(var(--main-color-rgb),.05);
}
.user-img-box ul li.add-user-photo .add-user-photo-bg[data-v-9fe02434]{
    position: absolute;width: 100%;height: 100%
}
.upload-face-way[data-v-9fe02434]{
    position: absolute;
    display: none;
    background: #fff;
    border-radius: 4px;
    width: 145px;
    -webkit-box-shadow: 2px 3px 5px #ddd;
            box-shadow: 2px 3px 5px #ddd;
    font-size: 16px;
    cursor: pointer;
    z-index: 6;
}
.upload-face-way span[data-v-9fe02434]{
    display: block;
    padding: 7px 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.upload-face-way span[data-v-9fe02434]:first-child{
    border-radius: 4px 4px 0 0 ;
}
.upload-face-way span#fileImg[data-v-9fe02434]{
    border-radius: 0 0 4px 4px ;
}
.upload-face-way span[data-v-9fe02434]:hover{
    background: #0598e8;
    color: #fff;
}
.origial-img .portrait-bg[data-v-9fe02434]{
    display: inline-block;
    width: 34px;
    height: 30px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 20px;
    margin-right: 10px;
    padding: 2px 4px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid #ddd;
}
.origial-img .portrait-bg span[data-v-9fe02434]{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA+CAYAAADwKVM6AAAGX0lEQVR4nO2bW6gVVRiAvzXbDkUkQQeMboggp6jowulRqqcs0oKinpQMiqAeiopKX4rQBymx20tWahkGRr2EBfUQlR2wIySk0YUudEMoELuRembFmv3PnLVnZs+evZ2Zs8/2/2DOmT2zZl3/9a9/XX4URVEUpR5MOlZrbW2JTU5O9gpi8/LkMz093U/8Lq4VwG3AMuBc4B/gO+AD4GXgy7JplMj/emCt3P8BfAW8DzwP/N5n/OPAfcB1wFLgLHn+BPB4USb27dvXK5+lCSqLafi4AtgLrAM+Aq4GThUhuQv4S4TksQpz7tJ6GvgYuAR4GDgDOAjc00c8q4HPgdOBB4FLgT3Axl7CUTULmkysQW4AtgIPATtEM8X8CXwm1yZgUcXZcmluBnZKPj4FngPeAULgxR7frxIt5DTe98BpwG6neIBHmq7IURSQi2XoWCEapIgjclXNA6IFjkq8PwDXS35cY//cJb1FoiVi4UDicML+Wq211oVRHGK2SA/sJRx14jTWdmDGS+Mn4CVgTUG6dwBvAN96z1wcr6a0YGOMmoAsB8aAbUOQlzzeAm4seL8S2DV32csyakPMrcALNfa2fuNNz8i+AC4sCD8B7K8h3YEZNQ1yLfBhzWmYklcex3o09kLg7xrSHZimNUiZntArTFElnAf82GeemuZwQXrOMD1FBGkoyAjI5OTkCavn6enpbo3YS8J7LpT14KhU8H8DfLsE2ABcBFx2AnnoxeKC9xM1pjsQGQEpaNz5wC/A+alZQBEtMRrdItaV0rt3zuPyV86o2SCfyBpCWcZlzeJ14ALgV1mxVIRRE5A3gXv7GKYOAdfIautSueo2cucVoyYg74kdsrrP7wJZHt80TAbiMDCKS+13yybcAdm/KMMGCfPM3GV7OBnFpXa3GHWn7Hms6jHcnClL825L/fbU0vhJDyO83b9bdlLddvuUbO8vlvK63dGrgCeBr0WAlsn5DSVFo0NM0WEfocoptkvscuBm4BbgUeAceecE411ZeT3QZ7xzsmk2V+k2eqJMaQZjqutno3yiTKkAFRClkIwNMrbtkNaYkqAaRClEBUQpZNgEpOoplJFjfDvknMhxOaTsXAqekq39KlkvZbDiB7NH3BTGB0hjXL6dkrjieLu6PZgaZsIZAXGJpBOqI+EGGHm/mCbaJTNhHnvlN2yF8+g+OdEDQ1GlWUyRX4zPQnE1+KbicmyWQ0cuH//KKq7zi3m2pF/MOnGT8P1i3FnV+6V8hREcW3N2ZQXJXUmNJbNXRoYNqbzIL8ZgI7+YuAzpipUyHrGYOfOLyWnsRQa70WI6/GIMdqvFFPrF1KVNMkOM0x5WBpom8QuYHuY67q2dvfAu265sg91isGstZm9HGWxnPHWW0WCtwW432Bkvj4lfTF4HlGeRX4zBdvjFWEzkF1MkBH5tVMmcGamZwloIbBg1NLEgSMPH4d17+TH7vcV/ttxixrBs84XMtKWjMaH300k1XOQXI4Kc981Ki9nla710mKY7bqObdb5KjSpJGj+wM4SmlYQhtBK2hXFCYcEGQds2iuVCNF2qvtp+Ma4LpxqpIjJd2C9TfO9pCJMKk/jFpIVAfk8Y7H6/jpIilKjbjp8V0bgGcVogCGdohccjwTCiFdw9XqXEje8EIwxaHc/o3uiRX0zNvazDD0WEIHPvf+Dl51g8VPiC4b1faDF9+cUYF53kQ65KC9uIBklUfRha316IZ0ux9ogDW9OW2zwtEPfKLgyFX0w3w1g4nLY9vN8dfjF52il9X/eQk6dBbNkr0uT5YRObIRYIE0b3kZSHQcuErZaxQRBd0WhjjJFhI+kNA3iOxX4xg7BEHKfzXB9L0cWuSLO4IMyEfya22zDZpB2SJyBlXfySRozVnN+I7ZlG6NkMQaQp2v+DDuOtwgLHfjFlcarrJjk8NCWLa28Pmvh8WxYoQ0ZA4plEmXl1HM799b9LxlcTtN/LqBBpiHoX4dQvpmKyS+1RQ4eJNZ4MEd50M5lySlsnQuC1faQljIn+I8LRAOoXUzE5AtK5/tB+ONvAsY4IPUMy7yI9I2kG9YupmMwsZiZYkOl/3azudMOX2SdoAPWLqZDCpfY8A7JIAIbESFO/mApRvxj1iylk2Fwv1S9m+NJVFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFOWkAPgf8GNjizO5keMAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}
.origial-img .portrait-rotate-left[data-v-9fe02434]{
    background-position: -72px 0px;
}
.origial-img .portrait-rotate-right[data-v-9fe02434]{
    background-position: -96px 0px;
}
.origial-img .portrait-plus[data-v-9fe02434]{
    background-position: -24px 0px;
}
.origial-img .portrait-mini[data-v-9fe02434]{
    background-position: 0px 0px;
}
.origial-img .portrait-reset[data-v-9fe02434]{
    background-position: -48px 0px;
}
.origial-img .portrait-rotate-left[data-v-9fe02434]:hover{
    background-position: -72px -24px;
}
.origial-img .portrait-rotate-right[data-v-9fe02434]:hover{
    background-position: -96px -24px;
}
.origial-img .portrait-plus[data-v-9fe02434]:hover{
    background-position: -24px -24px;
}
.origial-img .portrait-mini[data-v-9fe02434]:hover{
    background-position: 0px -24px;
}
.origial-img .portrait-reset[data-v-9fe02434]:hover{
    background-position: -48px -24px;
}
.utm-font.add-face[data-v-9fe02434]{
    font-size: 28px;
    font-weight: bold;
    color: #059FE8;
}
.face-img-box .delete-face[data-v-9fe02434]{
    color: rgb(106 106 106);
    font-size: 22px;
    position: absolute;
    right: -10px;
    top: -9px;
    display: none;
}
.user-img-box .face-img-box:hover .delete-face[data-v-9fe02434],
  .user-img-box .face-img-box:hover .replace-btn[data-v-9fe02434]{
    display: block;
}
  /*替换*/
.face-img-box .replace-btn[data-v-9fe02434]{
    height: 32px;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    font-size: 16px;
    line-height: 32px;
    left: 0;
    bottom: 0;
    display: none;
    -webkit-transition: ease-in-out all .3s;
    transition: ease-in-out all .3s;
}
.video-container[data-v-9fe02434]{
    margin-top: 16px;
}
#user-face[data-v-9fe02434]{
    max-width: 480px;
    max-height: 360px;
}
  /* 复制标签 */
.user-copy[data-v-9fe02434]{
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 4px;
  right: 3px;
  font-size: 14px;
  z-index: 666;
  color:#059FE8;
  background-color: rgba(5, 159, 232, 0.1);
  border-radius: 50%;
}
  /* 提示语 */
.utm-is-danger[data-v-9fe02434]{
  font-size: 14px;
}

.ac-detail-modal .schedule-name[data-v-a6ebdfba] {
  color: #059fe8;
  cursor: pointer;
}
.ac-detail-modal .point-name[data-v-a6ebdfba] {
  vertical-align: super;
}
.ac-detail-modal .unique-id[data-v-a6ebdfba]{
  color: #b4b4b4;
}




















































/*More Schedules*/
#schedule-details .time-margin-left[data-v-3b22f4d3]{
  margin-left: 8px;
}
#schedule-details .expand-schedules .utm-font[data-v-3b22f4d3]{
  font-size: 16px;
}
#schedule-details .more-expand-schedules .utm-font[data-v-3b22f4d3]{
  font-size: 16px;
}
#schedule-details .more-expand-schedules[data-v-3b22f4d3]{
  max-height: 200px;
  height: 100%;
  padding: 10px 0;
}
#schedule-details .expand-schedules-arrow[data-v-3b22f4d3]{
  position: absolute;
  right: 0;
  cursor: pointer;
}
#schedule-details .expand-schedules[data-v-3b22f4d3]{
  height: 24px;
}

.utm-table.utm-schedules-table .ivu-table .ivu-table-body td:first-child {
    border-left: 0;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-1bbf1298]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-1bbf1298]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-1bbf1298]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-1bbf1298]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-1bbf1298]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-1bbf1298]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-1bbf1298]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-1bbf1298]{
  width: 100%;
}
.user-basic-module .face-box[data-v-1bbf1298]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-1bbf1298]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-1bbf1298]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-1bbf1298]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-1bbf1298]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-1bbf1298]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-1bbf1298]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-1bbf1298]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-1bbf1298] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-1bbf1298]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-1bbf1298]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-1bbf1298]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-1bbf1298]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-1bbf1298]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-1bbf1298]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-1bbf1298]{
  position: relative;
}
.step-node .step-desc[data-v-1bbf1298]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-1bbf1298]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-1bbf1298]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-1bbf1298]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-1bbf1298]:nth-child(1),
.user-config-info .config-info-box[data-v-1bbf1298]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-1bbf1298]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-1bbf1298]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-1bbf1298]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-1bbf1298]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-1bbf1298]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-1bbf1298]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-1bbf1298]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-1bbf1298]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-1bbf1298]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-1bbf1298]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-1bbf1298],.destination-item .schedule-name[data-v-1bbf1298]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-1bbf1298] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-1bbf1298]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-1bbf1298]{
  display: block;
}
.schedule-details .schedule-panel[data-v-1bbf1298]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-1bbf1298]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-1bbf1298]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-1bbf1298]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-1bbf1298]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-1bbf1298]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-1bbf1298]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-1bbf1298]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-1bbf1298]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-1bbf1298]{
  margin-right: 16px;
}
.print-card-box[data-v-1bbf1298]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-1bbf1298]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-1bbf1298]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-1bbf1298]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-1bbf1298]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-1bbf1298]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-1bbf1298]{
  max-height: 90px;
}
.basic-info .user-name[data-v-1bbf1298]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-1bbf1298]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-1bbf1298]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-1bbf1298]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-1bbf1298]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-1bbf1298]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-1bbf1298]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-1bbf1298]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-1bbf1298]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-1bbf1298]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-1bbf1298]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-1bbf1298]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-1bbf1298]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-1bbf1298]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-1bbf1298]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-1bbf1298]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-1bbf1298]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-1bbf1298]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-1bbf1298]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-1bbf1298]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-1bbf1298]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-1bbf1298]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-1bbf1298]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-1bbf1298]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-1bbf1298]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-1bbf1298],
.details-module .details-module-name[data-v-1bbf1298]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-1bbf1298]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-1bbf1298]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-1bbf1298]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-1bbf1298]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-1bbf1298]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-1bbf1298]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-1bbf1298]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-1bbf1298]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-1bbf1298]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-1bbf1298]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-1bbf1298]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-1bbf1298]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-1bbf1298]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-1bbf1298]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-1bbf1298]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-1bbf1298]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-1bbf1298]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-1bbf1298]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-1bbf1298]{
  text-align: left;
}
.basic-info-box .content-area[data-v-1bbf1298]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-1bbf1298]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-1bbf1298]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-1bbf1298]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-1bbf1298]{
  z-index: 1;
}
.card-status-tooltip[data-v-1bbf1298]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-1bbf1298]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-1bbf1298]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-1bbf1298]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-1bbf1298]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-1bbf1298]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-1bbf1298] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-1bbf1298] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-1bbf1298] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-1bbf1298] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-1bbf1298]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-1bbf1298] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-1bbf1298] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-1bbf1298] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-1bbf1298]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-1bbf1298]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-1bbf1298]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-1bbf1298]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-1bbf1298]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-1bbf1298]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-1bbf1298]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-1bbf1298]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-1bbf1298]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-1bbf1298], .slide-fade-leave-to[data-v-1bbf1298]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-1bbf1298]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-1bbf1298]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-1bbf1298]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-1bbf1298]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-1bbf1298]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-1bbf1298]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-1bbf1298]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-1bbf1298]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-1bbf1298]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-1bbf1298]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-1bbf1298]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-1bbf1298]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-1bbf1298]{
  font-size: 18px;
}
.add-new-btn[data-v-1bbf1298]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-1bbf1298]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-1bbf1298]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-1bbf1298] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-1bbf1298]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-1bbf1298]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-1bbf1298]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-1bbf1298]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-1bbf1298]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-1bbf1298]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-1bbf1298]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-1bbf1298]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-1bbf1298]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-1bbf1298]{
  font-weight: bold;
}
.dcsItem-div1[data-v-1bbf1298]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-1bbf1298]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-1bbf1298]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-1bbf1298] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-1bbf1298]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-1bbf1298]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-1bbf1298]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-1bbf1298]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-1bbf1298]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-1bbf1298]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-1bbf1298]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-1bbf1298]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-1bbf1298]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-1bbf1298]{
  margin-left: 0;
}
.box[data-v-1bbf1298]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box img[data-v-1bbf1298]{
  margin-left: 16px;
}
.details-module-content .user-face-img[data-v-1bbf1298]{
  width: 96px;
}
/*新增tag*/
.dcs-zone-check[data-v-def0027e] {
  width: 100%;
  border-radius: 4px;
  padding: 24px 24px 8px;
}
.dcs-zone-check .tag-count[data-v-def0027e] {
  font-size: 16px;
  margin: 0 16px;
}
.dcs-zone-check .zones[data-v-def0027e] {
  border-radius: 8px;
  margin-top: 12px;
  width: 100%;
}
.dcs-zone-check .utm-circle-tag.mini[data-v-def0027e] {
  margin-right: 16px;
}
.dcs-zone-check .utm-circle-tag .tag-text[data-v-def0027e] {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.utm-tag-panel .zone-item[data-v-def0027e] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0;
  margin-left: 34px;
  width: calc(100% - 34px);
}
.utm-tag-panel .utm-checkbox-wrapper .utm-checkbox-text[data-v-def0027e] {
  width: calc(100% - 34px);
}
.utm-tag-panel .utm-ok-icon[data-v-def0027e] {
  position: absolute;
  right: 8px;
  font-size: 16px;
  color: #059FE8;
}
/**全选dcs zone的选择框**/
.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input[checked]+.utm-checkbox-inner[data-v-def0027e] {
  border-color: rgba(5, 154, 232, 1);
  background-color: rgba(5, 154, 232, 1);
}
.utm-checkbox-wrapper.is-check-part .utm-checkbox .utm-checkbox-inner[data-v-def0027e]:before {
  width: 100%;
  display: block;
  height: 100%;
  top: 0px;
  left: 0px;
  border: 0;
  border: 3px solid #fff;
  -webkit-transform: rotate(0deg) scale(1) !important;
          transform: rotate(0deg) scale(1) !important;
}
.utm-checkbox-wrapper.is-check-all .utm-checkbox .utm-checkbox-inner[data-v-def0027e]:before {
  width: 5px;
  height: 10px;
  top: 0px;
  left: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*更多*/
.dcs-zone-check .more-tag[data-v-def0027e] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.dcs-zone-check .more-tag .other-zones[data-v-def0027e] {
  position: absolute;
  padding: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  display: none;
  bottom: 24px;
  left: 0;
  width: 225px;
  z-index: 1;
  max-height: 230px;
  overflow-y: auto;
}
.dcs-zone-check .more-tag:hover .other-zones[data-v-def0027e] {
  display: inline-block;
}
.utm-btn.dcs-check-btn[data-v-def0027e]{
  opacity: 1;
  z-index: 10;
}
.dcs-item[data-v-def0027e]{
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 19px 14px;
  margin-bottom: 16px;
  margin-top: 13px;
  position: relative;
}
.dcsaccess-form[data-v-def0027e]{
  background-color: rgba(var(--main-color-rgb),0.05);
  border:1px solid #DDDDDD;
  border-radius: 4px;
  padding: 16px;
}
.dcsaccess-form .utm-controls[data-v-def0027e]{
  margin-left: 0;
}
.dcsaccess-form .options-item[data-v-def0027e]{
  width: 72px;
  margin-bottom: 16px;
  margin-right: 14px;
}
.dcsaccess-form .splite-line[data-v-def0027e]{
  width: 100%;
  height: 0px;
  margin-bottom: 16px;
  border: 1px dashed #dfdfdf;
}
.dcsaccess-form .options-item .label-text.is-default[data-v-def0027e]{
  color: #515a6e;
}

.user-img-box ul[data-v-6c0bfe1f]{
  font-size: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: 130px;
  text-align: center;
}
.user-img-box .face-text[data-v-6c0bfe1f]{
  font-size: 14px;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-top: 8px;
}
.face-text.require[data-v-6c0bfe1f]:before{
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  vertical-align: text-top;
  margin-right: 2px;
}
.user-img-box ul li[data-v-6c0bfe1f]{
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.user-img-box ul li img[data-v-6c0bfe1f]{
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-img-box ul li .delete-user-photo-btn[data-v-6c0bfe1f]{
  position: absolute;
  right: -3px;
  top: -3px;
}
.user-img-box ul li.add-user-photo[data-v-6c0bfe1f]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(var(--main-color-rgb),.05);
  border: 1px dashed var(--main-color);
  border-radius: 4px;
}
.user-img-box ul li.add-user-photo .add-user-photo-bg[data-v-6c0bfe1f]{
  position: absolute;width: 100%;height: 100%
}
.add-user-photo .upload-text[data-v-6c0bfe1f]{
  height: 27px;
  width: 100%;
  text-align: center;
  color: #fff;
  opacity: 0.4;
  background: #000000;
  position: absolute;
  font-size: 16px;
  line-height: 27px;
  left: 0;
  bottom: 0;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.pro-upload-face-method[data-v-6c0bfe1f]{
  position: absolute;
  display: none;
  background: #fff;
  border-radius: 4px;
  width: 145px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  font-size: 16px;
  cursor: pointer;
  z-index: 6;
}
.pro-upload-face-method span[data-v-6c0bfe1f]{
  display: block;
  padding: 7px 10px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.pro-upload-face-method span[data-v-6c0bfe1f]:first-child{
  border-radius: 4px 4px 0 0 ;
}
.pro-upload-face-method span#fileImg[data-v-6c0bfe1f]{
  border-radius: 0 0 4px 4px ;
}
.pro-upload-face-method span[data-v-6c0bfe1f]:hover{
  background: #EFFAFF;
}
.origial-img .portrait-bg[data-v-6c0bfe1f]{
  display: inline-block;
  width: 34px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 20px;
  margin-right: 10px;
  padding: 2px 4px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid #ddd;
}
.origial-img .portrait-bg span[data-v-6c0bfe1f]{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA+CAYAAADwKVM6AAAGX0lEQVR4nO2bW6gVVRiAvzXbDkUkQQeMboggp6jowulRqqcs0oKinpQMiqAeiopKX4rQBymx20tWahkGRr2EBfUQlR2wIySk0YUudEMoELuRembFmv3PnLVnZs+evZ2Zs8/2/2DOmT2zZl3/9a9/XX4URVEUpR5MOlZrbW2JTU5O9gpi8/LkMz093U/8Lq4VwG3AMuBc4B/gO+AD4GXgy7JplMj/emCt3P8BfAW8DzwP/N5n/OPAfcB1wFLgLHn+BPB4USb27dvXK5+lCSqLafi4AtgLrAM+Aq4GThUhuQv4S4TksQpz7tJ6GvgYuAR4GDgDOAjc00c8q4HPgdOBB4FLgT3Axl7CUTULmkysQW4AtgIPATtEM8X8CXwm1yZgUcXZcmluBnZKPj4FngPeAULgxR7frxIt5DTe98BpwG6neIBHmq7IURSQi2XoWCEapIgjclXNA6IFjkq8PwDXS35cY//cJb1FoiVi4UDicML+Wq211oVRHGK2SA/sJRx14jTWdmDGS+Mn4CVgTUG6dwBvAN96z1wcr6a0YGOMmoAsB8aAbUOQlzzeAm4seL8S2DV32csyakPMrcALNfa2fuNNz8i+AC4sCD8B7K8h3YEZNQ1yLfBhzWmYklcex3o09kLg7xrSHZimNUiZntArTFElnAf82GeemuZwQXrOMD1FBGkoyAjI5OTkCavn6enpbo3YS8J7LpT14KhU8H8DfLsE2ABcBFx2AnnoxeKC9xM1pjsQGQEpaNz5wC/A+alZQBEtMRrdItaV0rt3zuPyV86o2SCfyBpCWcZlzeJ14ALgV1mxVIRRE5A3gXv7GKYOAdfIautSueo2cucVoyYg74kdsrrP7wJZHt80TAbiMDCKS+13yybcAdm/KMMGCfPM3GV7OBnFpXa3GHWn7Hms6jHcnClL825L/fbU0vhJDyO83b9bdlLddvuUbO8vlvK63dGrgCeBr0WAlsn5DSVFo0NM0WEfocoptkvscuBm4BbgUeAceecE411ZeT3QZ7xzsmk2V+k2eqJMaQZjqutno3yiTKkAFRClkIwNMrbtkNaYkqAaRClEBUQpZNgEpOoplJFjfDvknMhxOaTsXAqekq39KlkvZbDiB7NH3BTGB0hjXL6dkrjieLu6PZgaZsIZAXGJpBOqI+EGGHm/mCbaJTNhHnvlN2yF8+g+OdEDQ1GlWUyRX4zPQnE1+KbicmyWQ0cuH//KKq7zi3m2pF/MOnGT8P1i3FnV+6V8hREcW3N2ZQXJXUmNJbNXRoYNqbzIL8ZgI7+YuAzpipUyHrGYOfOLyWnsRQa70WI6/GIMdqvFFPrF1KVNMkOM0x5WBpom8QuYHuY67q2dvfAu265sg91isGstZm9HGWxnPHWW0WCtwW432Bkvj4lfTF4HlGeRX4zBdvjFWEzkF1MkBH5tVMmcGamZwloIbBg1NLEgSMPH4d17+TH7vcV/ttxixrBs84XMtKWjMaH300k1XOQXI4Kc981Ki9nla710mKY7bqObdb5KjSpJGj+wM4SmlYQhtBK2hXFCYcEGQds2iuVCNF2qvtp+Ma4LpxqpIjJd2C9TfO9pCJMKk/jFpIVAfk8Y7H6/jpIilKjbjp8V0bgGcVogCGdohccjwTCiFdw9XqXEje8EIwxaHc/o3uiRX0zNvazDD0WEIHPvf+Dl51g8VPiC4b1faDF9+cUYF53kQ65KC9uIBklUfRha316IZ0ux9ogDW9OW2zwtEPfKLgyFX0w3w1g4nLY9vN8dfjF52il9X/eQk6dBbNkr0uT5YRObIRYIE0b3kZSHQcuErZaxQRBd0WhjjJFhI+kNA3iOxX4xg7BEHKfzXB9L0cWuSLO4IMyEfya22zDZpB2SJyBlXfySRozVnN+I7ZlG6NkMQaQp2v+DDuOtwgLHfjFlcarrJjk8NCWLa28Pmvh8WxYoQ0ZA4plEmXl1HM799b9LxlcTtN/LqBBpiHoX4dQvpmKyS+1RQ4eJNZ4MEd50M5lySlsnQuC1faQljIn+I8LRAOoXUzE5AtK5/tB+ONvAsY4IPUMy7yI9I2kG9YupmMwsZiZYkOl/3azudMOX2SdoAPWLqZDCpfY8A7JIAIbESFO/mApRvxj1iylk2Fwv1S9m+NJVFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFOWkAPgf8GNjizO5keMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.origial-img .portrait-rotate-left[data-v-6c0bfe1f]{
  background-position: -72px 0px;
}
.origial-img .portrait-rotate-right[data-v-6c0bfe1f]{
  background-position: -96px 0px;
}
.origial-img .portrait-plus[data-v-6c0bfe1f]{
  background-position: -24px 0px;
}
.origial-img .portrait-mini[data-v-6c0bfe1f]{
  background-position: 0px 0px;
}
.origial-img .portrait-reset[data-v-6c0bfe1f]{
  background-position: -48px 0px;
}
.origial-img .portrait-rotate-left[data-v-6c0bfe1f]:hover{
  background-position: -72px -24px;
}
.origial-img .portrait-rotate-right[data-v-6c0bfe1f]:hover{
  background-position: -96px -24px;
}
.origial-img .portrait-plus[data-v-6c0bfe1f]:hover{
  background-position: -24px -24px;
}
.origial-img .portrait-mini[data-v-6c0bfe1f]:hover{
  background-position: 0px -24px;
}
.origial-img .portrait-reset[data-v-6c0bfe1f]:hover{
  background-position: -48px -24px;
}
.utm-font.add-face[data-v-6c0bfe1f]{
  color: var(--main-color);
  font-size: 28px;
  font-weight: bold;
}
.face-img-box .delete-face[data-v-6c0bfe1f]{
  color: rgb(106 106 106);
  font-size: 22px;
  position: absolute;
  right: -10px;
  top: -9px;
  display: none;
}
.user-img-box .face-img-box:hover .delete-face[data-v-6c0bfe1f],
.user-img-box .face-img-box:hover .replace-btn[data-v-6c0bfe1f]{
  display: block;
}
/*替换*/
.face-img-box .replace-btn[data-v-6c0bfe1f]{
  height: 32px;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(0,0,0,.7);
  position: absolute;
  font-size: 16px;
  line-height: 32px;
  left: 0;
  bottom: 0;
  display: none;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.video-container[data-v-6c0bfe1f]{
  margin-top: 16px;
}
#pro-images[data-v-6c0bfe1f]{
  max-width: 480px;
  max-height: 360px;
}
/* 人脸搜索 */
.user-img-box .face-detection[data-v-6c0bfe1f]{
  font-size: 14px;
  color: #005EB8;
  width: 100%;
  height: 24px;
  background-color: rgba(0,94,184,0.2);
  border-radius: 12px;
  line-height: 24px;
  text-align: center;
  margin-top: 4px;
  padding: 0 12px;
}
.face-detection.detection-status1[data-v-6c0bfe1f]{
  color: rgba(255,136,0,1);
  background-color: rgba(255,136,0,0.2);
  cursor: pointer;
}
.face-detection.detection-status2[data-v-6c0bfe1f]{
  color: rgba(76,190,138,1);
  background-color: rgba(76,190,138,0.2);
}
.face-detection.detection-status3[data-v-6c0bfe1f]{
  color: rgba(246,111,106,1);
  background-color: rgba(246,111,106,0.2);
}
.face-detection .loading-icon[data-v-6c0bfe1f]{
  -webkit-animation: loadingRotate-data-v-6c0bfe1f 1s infinite;
          animation: loadingRotate-data-v-6c0bfe1f 1s infinite;
}
@-webkit-keyframes loadingRotate-data-v-6c0bfe1f {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loadingRotate-data-v-6c0bfe1f {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/* 复制标签 */
.user-copy[data-v-6c0bfe1f]{
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 4px;
  right: 3px;
  font-size: 14px;
  z-index: 666;
  color:#005EB8;
  background-color: rgba(5, 159, 232, 0.1);
  border-radius: 50%;
}
/* 提示语 */
.utm-is-danger[data-v-6c0bfe1f]{
  font-size: 14px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-be44a478]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-be44a478]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-be44a478]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-be44a478]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-be44a478]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-be44a478]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-be44a478]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-be44a478]{
  width: 100%;
}
.user-basic-module .face-box[data-v-be44a478]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-be44a478]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-be44a478]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-be44a478]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-be44a478]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-be44a478]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-be44a478]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-be44a478]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-be44a478] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-be44a478]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-be44a478]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-be44a478]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-be44a478]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-be44a478]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-be44a478]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-be44a478]{
  position: relative;
}
.step-node .step-desc[data-v-be44a478]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-be44a478]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-be44a478]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-be44a478]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-be44a478]:nth-child(1),
.user-config-info .config-info-box[data-v-be44a478]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-be44a478]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-be44a478]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-be44a478]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-be44a478]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-be44a478]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-be44a478]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-be44a478]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-be44a478]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-be44a478]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-be44a478]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-be44a478],.destination-item .schedule-name[data-v-be44a478]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-be44a478] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-be44a478]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-be44a478]{
  display: block;
}
.schedule-details .schedule-panel[data-v-be44a478]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-be44a478]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-be44a478]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-be44a478]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-be44a478]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-be44a478]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-be44a478]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-be44a478]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-be44a478]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-be44a478]{
  margin-right: 16px;
}
.print-card-box[data-v-be44a478]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-be44a478]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-be44a478]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-be44a478]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-be44a478]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-be44a478]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-be44a478]{
  max-height: 90px;
}
.basic-info .user-name[data-v-be44a478]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-be44a478]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-be44a478]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-be44a478]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-be44a478]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-be44a478]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-be44a478]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-be44a478]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-be44a478]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-be44a478]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-be44a478]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-be44a478]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-be44a478]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-be44a478]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-be44a478]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-be44a478]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-be44a478]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-be44a478]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-be44a478]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-be44a478]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-be44a478]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-be44a478]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-be44a478]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-be44a478]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-be44a478]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-be44a478],
.details-module .details-module-name[data-v-be44a478]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-be44a478]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-be44a478]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-be44a478]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-be44a478]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-be44a478]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-be44a478]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-be44a478]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-be44a478]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-be44a478]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-be44a478]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-be44a478]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-be44a478]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-be44a478]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-be44a478]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-be44a478]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-be44a478]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-be44a478]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-be44a478]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-be44a478]{
  text-align: left;
}
.basic-info-box .content-area[data-v-be44a478]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-be44a478]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-be44a478]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-be44a478]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-be44a478]{
  z-index: 1;
}
.card-status-tooltip[data-v-be44a478]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-be44a478]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-be44a478]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-be44a478]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-be44a478]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-be44a478]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-be44a478] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-be44a478] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-be44a478] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-be44a478] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-be44a478]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-be44a478] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-be44a478] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-be44a478] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-be44a478]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-be44a478]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-be44a478]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-be44a478]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-be44a478]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-be44a478]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-be44a478]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-be44a478]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-be44a478]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-be44a478], .slide-fade-leave-to[data-v-be44a478]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-be44a478]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-be44a478]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-be44a478]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-be44a478]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-be44a478]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-be44a478]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-be44a478]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-be44a478]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-be44a478]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-be44a478]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-be44a478]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-be44a478]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-be44a478]{
  font-size: 18px;
}
.add-new-btn[data-v-be44a478]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-be44a478]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-be44a478]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-be44a478] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-be44a478]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-be44a478]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-be44a478]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-be44a478]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-be44a478]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-be44a478]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-be44a478]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-be44a478]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-be44a478]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-be44a478]{
  font-weight: bold;
}
.dcsItem-div1[data-v-be44a478]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-be44a478]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-be44a478]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-be44a478] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-be44a478]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-be44a478]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-be44a478]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-be44a478]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-be44a478]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-be44a478]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-be44a478]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-be44a478]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-be44a478]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-be44a478]{
  margin-left: 0;
}
/*************************列表AC**********************/
.table-validity[data-v-be44a478]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-be44a478] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-be44a478] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-be44a478] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-be44a478],
.ac-options .ac-loading-box[data-v-be44a478]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-be44a478],
.ac-loading-box .loading-icon[data-v-be44a478] {
  -webkit-animation: ani-demo-spin-data-v-be44a478 1s linear infinite;
          animation: ani-demo-spin-data-v-be44a478 1s linear infinite;
}
.utm-table .user-more-option[data-v-be44a478] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-be44a478] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-be44a478]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-be44a478] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-be44a478]{
  max-width: 220px;
}
.permanent-text[data-v-be44a478] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}
/*************************列表AC**********************/
/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-be44a478] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-be44a478] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-be44a478] {
  height: 42px;
}
/*部门-用户树形*/
.department-option .expand-icon[data-v-be44a478] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-be44a478] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-be44a478] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-be44a478]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-be44a478] {
  -webkit-animation: ani-demo-spin-data-v-be44a478 1s linear infinite;
          animation: ani-demo-spin-data-v-be44a478 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-be44a478 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-be44a478 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-be44a478]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-be44a478]{
  color: #999;
}
/*批量选中更多操作*/
.utm-btn.more-btn[data-v-be44a478]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-be44a478]{
  display: block;
}
.more-btn i[data-v-be44a478]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-be44a478]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-be44a478]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-be44a478]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-be44a478]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-be44a478]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-be44a478]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-be44a478]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-be44a478]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table.update-table[data-v-be44a478]{
  margin-top: 16px;
}
.similarity[data-v-be44a478]{
  font-weight: 400;
  line-height: 2px;
  position: relative;
  top: 9px;
  left: 8px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 110px;
  height: 28px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background-color: #F2F2F2;
  font-size: 14px;
  padding-top: 12px;
  color:#000000;
}
.visitorStrCenter[data-v-be44a478]{
  margin-left: 16px;
}
.go-btn[data-v-be44a478]{
  height: 32px;
  line-height: 32px;
  margin-top: 4px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-67e3f7a0]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-67e3f7a0]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-67e3f7a0]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-67e3f7a0]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-67e3f7a0]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-67e3f7a0]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-67e3f7a0]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-67e3f7a0]{
  width: 100%;
}
.user-basic-module .face-box[data-v-67e3f7a0]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-67e3f7a0]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-67e3f7a0]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-67e3f7a0]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-67e3f7a0]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-67e3f7a0]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-67e3f7a0]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-67e3f7a0]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-67e3f7a0] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-67e3f7a0]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-67e3f7a0]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-67e3f7a0]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-67e3f7a0]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-67e3f7a0]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-67e3f7a0]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-67e3f7a0]{
  position: relative;
}
.step-node .step-desc[data-v-67e3f7a0]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-67e3f7a0]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-67e3f7a0]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-67e3f7a0]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-67e3f7a0]:nth-child(1),
.user-config-info .config-info-box[data-v-67e3f7a0]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-67e3f7a0]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-67e3f7a0]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-67e3f7a0]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-67e3f7a0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-67e3f7a0]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-67e3f7a0]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-67e3f7a0]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-67e3f7a0]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-67e3f7a0]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-67e3f7a0]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-67e3f7a0],.destination-item .schedule-name[data-v-67e3f7a0]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-67e3f7a0] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-67e3f7a0]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-67e3f7a0]{
  display: block;
}
.schedule-details .schedule-panel[data-v-67e3f7a0]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-67e3f7a0]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-67e3f7a0]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-67e3f7a0]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-67e3f7a0]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-67e3f7a0]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-67e3f7a0]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-67e3f7a0]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-67e3f7a0]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-67e3f7a0]{
  margin-right: 16px;
}
.print-card-box[data-v-67e3f7a0]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-67e3f7a0]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-67e3f7a0]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-67e3f7a0]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-67e3f7a0]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-67e3f7a0]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-67e3f7a0]{
  max-height: 90px;
}
.basic-info .user-name[data-v-67e3f7a0]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-67e3f7a0]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-67e3f7a0]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-67e3f7a0]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-67e3f7a0]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-67e3f7a0]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-67e3f7a0]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-67e3f7a0]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-67e3f7a0]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-67e3f7a0]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-67e3f7a0]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-67e3f7a0]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-67e3f7a0]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-67e3f7a0]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-67e3f7a0]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-67e3f7a0]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-67e3f7a0]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-67e3f7a0]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-67e3f7a0]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-67e3f7a0]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-67e3f7a0]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-67e3f7a0]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-67e3f7a0]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-67e3f7a0]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-67e3f7a0]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-67e3f7a0],
.details-module .details-module-name[data-v-67e3f7a0]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-67e3f7a0]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-67e3f7a0]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-67e3f7a0]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-67e3f7a0]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-67e3f7a0]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-67e3f7a0]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-67e3f7a0]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-67e3f7a0]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-67e3f7a0]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-67e3f7a0]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-67e3f7a0]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-67e3f7a0]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-67e3f7a0]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-67e3f7a0]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-67e3f7a0]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-67e3f7a0]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-67e3f7a0]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-67e3f7a0]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-67e3f7a0]{
  text-align: left;
}
.basic-info-box .content-area[data-v-67e3f7a0]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-67e3f7a0]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-67e3f7a0]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-67e3f7a0]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-67e3f7a0]{
  z-index: 1;
}
.card-status-tooltip[data-v-67e3f7a0]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-67e3f7a0]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-67e3f7a0]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-67e3f7a0]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-67e3f7a0]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-67e3f7a0]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-67e3f7a0] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-67e3f7a0] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-67e3f7a0] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-67e3f7a0] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-67e3f7a0]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-67e3f7a0] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-67e3f7a0] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-67e3f7a0] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-67e3f7a0]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-67e3f7a0]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-67e3f7a0]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-67e3f7a0]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-67e3f7a0]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-67e3f7a0]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-67e3f7a0]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-67e3f7a0]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-67e3f7a0]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-67e3f7a0], .slide-fade-leave-to[data-v-67e3f7a0]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-67e3f7a0]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-67e3f7a0]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-67e3f7a0]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-67e3f7a0]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-67e3f7a0]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-67e3f7a0]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-67e3f7a0]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-67e3f7a0]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-67e3f7a0]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-67e3f7a0]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-67e3f7a0]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-67e3f7a0]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-67e3f7a0]{
  font-size: 18px;
}
.add-new-btn[data-v-67e3f7a0]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-67e3f7a0]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-67e3f7a0]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-67e3f7a0] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-67e3f7a0]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-67e3f7a0]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-67e3f7a0]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-67e3f7a0]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-67e3f7a0]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-67e3f7a0]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-67e3f7a0]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-67e3f7a0]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-67e3f7a0]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-67e3f7a0]{
  font-weight: bold;
}
.dcsItem-div1[data-v-67e3f7a0]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-67e3f7a0]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-67e3f7a0]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-67e3f7a0] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-67e3f7a0]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-67e3f7a0]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-67e3f7a0]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-67e3f7a0]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-67e3f7a0]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-67e3f7a0]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-67e3f7a0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-67e3f7a0]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-67e3f7a0]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-67e3f7a0]{
  margin-left: 0;
}
.user-registration .footer-box[data-v-67e3f7a0]{
  text-align: right;
  padding: 16px 0;
}
.user-registration .footer-box button[data-v-67e3f7a0]{
  margin-left: 8px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-67e3f7a0]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-67e3f7a0], .slide-fade-leave-to[data-v-67e3f7a0]{
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  opacity: 0;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-67e3f7a0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 24px;
}
.paim-vein[data-v-67e3f7a0]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-67e3f7a0]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-67e3f7a0]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-67e3f7a0]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-67e3f7a0]{
  color: #fff;
}
.paim-icon-content[data-v-67e3f7a0]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-67e3f7a0]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-67e3f7a0]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-67e3f7a0] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-67e3f7a0 .75s step-end infinite;
          animation: rotate1234-data-v-67e3f7a0 .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-67e3f7a0 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-67e3f7a0 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-67e3f7a0]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-67e3f7a0]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-67e3f7a0]::before,.success .ripple[data-v-67e3f7a0]::after,.success .ripple-three[data-v-67e3f7a0] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-67e3f7a0] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-67e3f7a0]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-67e3f7a0 2s linear 0.66s infinite;
          animation: ripple-data-v-67e3f7a0 2s linear 0.66s infinite;
}
.ripple[data-v-67e3f7a0]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-67e3f7a0 2s linear 1.3s infinite;
          animation: ripple-data-v-67e3f7a0 2s linear 1.3s infinite;
}
.ripple-three[data-v-67e3f7a0]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-67e3f7a0 2s linear infinite;
          animation: ripple-data-v-67e3f7a0 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-67e3f7a0 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-67e3f7a0 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-67e3f7a0] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-67e3f7a0]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-67e3f7a0]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-67e3f7a0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}


#vehicle-list[data-v-066f9889]{
  height: 100%;
  width: 100%;
}

/*批量设置AC*/
#vehicle-list .check-substance-box .substance-left .options-box.user-options[data-v-066f9889]{
  height: calc( 100% - 107px );
  overflow-y: auto;
  overflow-x: hidden;
}
#vehicle-list .department-option .expand-icon[data-v-066f9889]{
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
#vehicle-list .user-list-panel[data-v-066f9889]{
  display: block;
}
#vehicle-list .check-substance-box .search-section .search-item[data-v-066f9889] {
  max-width: 220px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: text-top;
}
.no-policy-box[data-v-066f9889]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 12px;
}
.jump-text[data-v-066f9889]{
  cursor: pointer;
  color: #059fe8;
  font-size: 18px;
}
.normal-text[data-v-066f9889]{
  color: #333;
  font-size: 16px;
}
.vehicle-img[data-v-066f9889]{
  width: 120px;
  height: 140px;
  background: -webkit-gradient(linear,left bottom, left top,color-stop(4%, #0598e8), color-stop(95%, #05b9e8));
  background: linear-gradient(0deg,#0598e8 4%, #05b9e8 95%);
  border: 1px solid rgba(74,185,245,0.80);
  border-radius: 4px;
  padding:  35px 30px;
}
.vehicle-img i[data-v-066f9889]{
  font-size: 51px;
}

/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-066f9889]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-066f9889]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-066f9889]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}

/**************编辑**************/
.module-substance[data-v-066f9889]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-066f9889]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-066f9889]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-066f9889]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-066f9889]{
  width: 100%;
}
.user-basic-module .face-box[data-v-066f9889]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-066f9889]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-066f9889]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-066f9889]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-066f9889]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-066f9889]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-066f9889]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-066f9889]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-066f9889] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-066f9889]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-066f9889]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-066f9889]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-066f9889]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-066f9889]{
  margin-bottom: 0;
}

/**************新增**************/
.user-page-content .page-top-step[data-v-066f9889]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-066f9889]{
  position: relative;
}
.step-node .step-desc[data-v-066f9889]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-066f9889]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-066f9889]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-066f9889]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-066f9889]:nth-child(1),
.user-config-info .config-info-box[data-v-066f9889]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-066f9889]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-066f9889]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-066f9889]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-066f9889]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-066f9889]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-066f9889]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-066f9889]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-066f9889]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-066f9889]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}

/*access配置*/

/*目的地列表*/
.destination-list .destination-item[data-v-066f9889]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-066f9889],.destination-item .schedule-name[data-v-066f9889]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-066f9889] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-066f9889]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-066f9889]{
  display: block;
}
.schedule-details .schedule-panel[data-v-066f9889]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-066f9889]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-066f9889]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-066f9889]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-066f9889]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-066f9889]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-066f9889]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}

/************打印*********/
.utm-control-group.card-group[data-v-066f9889]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-066f9889]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-066f9889]{
  margin-right: 16px;
}
.print-card-box[data-v-066f9889]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-066f9889]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-066f9889]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-066f9889]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-066f9889]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-066f9889]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-066f9889]{
  max-height: 90px;
}
.basic-info .user-name[data-v-066f9889]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-066f9889]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-066f9889]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-066f9889]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}

/*打印sticker*/
.print-sticker-box[data-v-066f9889]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-066f9889]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-066f9889]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-066f9889]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-066f9889]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-066f9889]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-066f9889]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}

/************打印*********/

/*Ess*/

/*IC卡*/
.utm-controls.ic-control[data-v-066f9889]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-066f9889]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-066f9889]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}

/*相同AC*/
.details-module[data-v-066f9889]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-066f9889]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-066f9889]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-066f9889]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-066f9889]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-066f9889]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-066f9889]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-066f9889]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-066f9889]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-066f9889]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-066f9889]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-066f9889],
.details-module .details-module-name[data-v-066f9889]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-066f9889]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-066f9889]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-066f9889]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-066f9889]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-066f9889]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-066f9889]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-066f9889]{
  color: #F2B253;
  font-size: 16px;
}

/*更多tag*/
.config-info-box .more-tag[data-v-066f9889]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-066f9889]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-066f9889]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-066f9889]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-066f9889]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-066f9889]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-066f9889]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-066f9889]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}

/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-066f9889]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-066f9889]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-066f9889]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-066f9889]{
  text-align: left;
}
.basic-info-box .content-area[data-v-066f9889]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-066f9889]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-066f9889]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-066f9889]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-066f9889]{
  z-index: 1;
}
.card-status-tooltip[data-v-066f9889]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-066f9889]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-066f9889]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-066f9889]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-066f9889]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-066f9889]{
  color: #059FE8;
  cursor: pointer;
}

/***********temp access**********/
.add-access-box[data-v-066f9889] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-066f9889] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-066f9889] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-066f9889] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-066f9889]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-066f9889] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-066f9889] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-066f9889] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-066f9889]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}

/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-066f9889]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-066f9889]{
  font-size: 16px;
}

/*卡提示*/
.card-control .utm-icon-hide[data-v-066f9889]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-066f9889]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-066f9889]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-066f9889]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-066f9889]{
  margin: 0 4px;
}

/*状态过渡动画*/
.slide-fade-enter-active[data-v-066f9889]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-066f9889], .slide-fade-leave-to[data-v-066f9889]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-066f9889]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-066f9889]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-066f9889]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-066f9889]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-066f9889]{
  color: #0598e8;
  cursor: pointer;
}

/*无区域显示*/
.options-box .no-access-zone[data-v-066f9889]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-066f9889]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-066f9889]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-066f9889]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-066f9889]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-066f9889]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-066f9889]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-066f9889]{
  font-size: 18px;
}
.add-new-btn[data-v-066f9889]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-066f9889]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-066f9889]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-066f9889] {
  font-size: 14px;
}

/* AC分类 */
.tab-content .solid-tabs[data-v-066f9889]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-066f9889]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-066f9889]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-066f9889]{
  max-width: 220px;
}

/* dcs相关 */
.dcs-item-box[data-v-066f9889]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-066f9889]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-066f9889]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-066f9889]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-066f9889]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-066f9889]{
  font-weight: bold;
}
.dcsItem-div1[data-v-066f9889]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-066f9889]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-066f9889]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}

/*更多*/
.more-tag[data-v-066f9889] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-066f9889]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-066f9889]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-066f9889]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-066f9889]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-066f9889]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-066f9889]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}

/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-066f9889]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-066f9889]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-066f9889]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-066f9889]{
  margin-left: 0;
}

/**************选择tag****************/
.utm-multiple-check[data-v-066f9889] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-066f9889] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-066f9889] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-066f9889],
.multiple-check-panel .no-search-data p[data-v-066f9889]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-066f9889] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-066f9889] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-066f9889]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-066f9889]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-066f9889]:hover,
.multiple-check-panel .check-option.active[data-v-066f9889] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-066f9889]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-066f9889] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-066f9889] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-066f9889] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-066f9889]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-066f9889]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-066f9889]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-066f9889] {
  margin: 8px;
}

/**************选择tag****************/
.tag-checked-box .checked-name[data-v-066f9889]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}

/*状态过渡动画*/
.slide-fade-enter-active[data-v-066f9889]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-066f9889], .slide-fade-leave-to[data-v-066f9889]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

#vehicle-registration .utm-select.schedule-select .ivu-select-selected-value {
  color: #059FE8;
}
#vehicle-registration .footer-box{
  text-align: right;
  padding: 16px 15px;
  margin-top: -16px;
}
#vehicle-registration .footer-box button{
  margin-left: 16px;
}
#vehicle-registration .repeat-icon{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  right: -34px;
  top: 8px;
}
#vehicle-registration .repeat-icon i {
  font-size: 16px;
}
#vehicle-registration .dispaly-tooltip{
  position: relative;
  top:4px;
  left: 8px;
}

.schedule-unit .unit-type i[data-v-e9414dc4]{
  vertical-align: middle;
  color: rgba(133,133,133,1);
}
.schedule-unit .unit-name[data-v-e9414dc4]{
  font-weight: bold;
  margin-left: 36px;
}
.utm-input.schedule-name[data-v-e9414dc4]{
  max-width: 500px;
}
.utm-select.schedule-location[data-v-e9414dc4]{
  max-width: 500px;
}
.schedule-box[data-v-e9414dc4]{
  width: 100%;
  white-space: nowrap;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.schedule-box .week-day[data-v-e9414dc4]{
  width: 50px;
  display: inline-block;
  vertical-align: top;
}
.week-day .signal-day-title[data-v-e9414dc4]{
  line-height: 40px;
  vertical-align: top;
  text-align: center;
}
.schedule-box .day-period[data-v-e9414dc4]{
  display: inline-block;
  width: calc(100% - 60px);
  overflow-y: hidden;
  overflow-x: auto;
}
.day-period .one-day-box[data-v-e9414dc4]{
  height: 40px;
}
.one-day-box .hour-segment[data-v-e9414dc4]{
  display: inline-block;
  width: 8px;
  height: 100%;
  background:#fff;
  position: relative;
  cursor: pointer;
  border: 1px solid #dfdfdf;
}
.one-day-box .hour-segment.active[data-v-e9414dc4]{
  background-color: #059FE8;
}
.hour-segment .ui-selecting[data-v-e9414dc4] {
  background: rgba(5,159,232, .5);
  border: 1px solid #fff;
}
#schedule-setting .moment-tips[data-v-e9414dc4]{
  position: fixed;
  background: rgba(57,57,57,1);
  border-radius: 4px;
  padding: 8px;
  display: none;
  color: #fff;
  top: 40px;
  font-size: 14px;
  z-index: 1001;
}
.signal-day-title.origin-box[data-v-e9414dc4]{
  height: 52px;
  position: relative;
  font-size: 14px;
}
.one-day-box.hour-tip-box[data-v-e9414dc4]{
  height: 52px;
}
.origin-box .week-tip[data-v-e9414dc4]{
  position: absolute;
  color: rgba(133,133,133,1);
  bottom: 0px;
  left: 3px;
  line-height: 1;
}
.origin-box .hour-tip[data-v-e9414dc4]{
  position: absolute;
  color: rgba(133,133,133,1);
  top: 5px;
  right: -5px;
  line-height: 1;
}
.origin-box .division-line[data-v-e9414dc4]{
  display: inline-block;
  height: 1px;
  width: 75px;
  background: #dfdfdf;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: -10px;
  top: 27px;
}
.hour-tip-box .one-hour-box[data-v-e9414dc4]{
  height: 100%;
  width: 120px;
  display: inline-block;
  line-height: 82px;
  text-align: left;
}
/*框选*/
.day-period .ui-selecting[data-v-e9414dc4] {
  background: rgba(5,159,232, .5);
  border: 1px solid #fff;
}
.schedule-box .hours-item.active[data-v-e9414dc4] {
  background: rgba(188, 164, 128, 1);
  color: white;
}
#schedule-setting .schedule-date[data-v-e9414dc4]{
  padding: 0 16px 16px 16px;
  width: 968px;
  opacity: 1;
  background: #eff6f9;
  border-radius: 4px;
}
.schedule-date .utm-date-group[data-v-e9414dc4]{
  width: 455px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#schedule-setting .day-picker[data-v-e9414dc4]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
  vertical-align: bottom;
}
.day-picker .day-item[data-v-e9414dc4]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -1px;
  cursor: pointer;
  font-size: 14px;
}
.day-picker .day-item[data-v-e9414dc4]:first-child{
  border-radius: 4px 0px 0px 4px;
}
.day-picker .day-item[data-v-e9414dc4]:last-child{
  border-radius: 0px 4px 4px 0px;
}
.day-picker .day-item.active[data-v-e9414dc4]{
  background-color: rgba(5, 159, 232, 1);
  color: #fff;
}
.schedule-date .utm-border-close[data-v-e9414dc4]{
  color: #8c8c8c;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 120px;
}
.schedule-date .add-schedule-date[data-v-e9414dc4]{
  margin-top: 8px;
}
.schedule-date .schedule-option[data-v-e9414dc4]{
  padding: 16px 0;
}
.schedule-date .schedule-option.bottom-line[data-v-e9414dc4]{
  border-bottom: 1px solid #dfdfdf;
}
.add-schedule-btn[data-v-e9414dc4]{
  width: 140px;
  cursor: pointer;
}
.add-schedule-btn i[data-v-e9414dc4] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.add-schedule-btn span[data-v-e9414dc4]{
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
  font-weight: 700;
  margin-left: 2px;
}

#user-print .template-preview[data-v-309fd544]{
  width: 100%;
  height: 480px;
  background: #f0f5f7;
  border: 1px solid #dddddd;
  border-radius: 9px;
  overflow: auto;
  padding: 24px;
  position: relative;
}
#user-print .template-preview div[data-v-309fd544],
#user-print .template-preview input[data-v-309fd544],
#user-print .template-preview span[data-v-309fd544]
{
  font-family: 'Hero', sans-serif !important;
}
.template-preview p[data-v-309fd544]{
  font-weight: 700;
}
.template-preview .bg-page[data-v-309fd544]{
  margin: auto;
  position: relative;
  overflow: hidden;
}
#user-print .template-preview .utm-border-close[data-v-309fd544]{
  font-size: 16px;
}
.bg-page .child-item[data-v-309fd544]{
  position: absolute;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word
}
.bg-page .child-item.stroke-item[data-v-309fd544]:hover{ 
  text-decoration: underline;
  cursor: pointer;
}
.bg-page .child-item.stroke-item.stroke-item-text[data-v-309fd544]:hover{
  text-decoration: none;
  cursor: default;
}
.select-data[data-v-309fd544]{
  line-height: 40px;
  border-bottom: solid 1px #dfdfdf;
}
.select-data-item[data-v-309fd544]{
  min-width: 120px;
  display: inline;
}
.select-data-item-icon[data-v-309fd544]{
  text-align: right;
  margin-top: -40px;
}
.no-preview-box[data-v-309fd544]{
  padding: 166px 200px;
  text-align: center;
}
.no-preview-icon[data-v-309fd544]{
  width: 50px;
  height: 50px;
}
.no-preview-box p[data-v-309fd544]{
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
}
.face-control img[data-v-309fd544]{
  max-width: 180px;
  max-height: 220px;
}
.face-control[data-v-309fd544] {
  height: 220px;
  background: rgba(223, 223, 223, 0.6);
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.new-setting[data-v-309fd544]{
  position: absolute;
  right: 16px;
  top: 8px
}
.zoom-container[data-v-309fd544]{
  display: inline-block;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.zoom-container .zoom-circle-shrink[data-v-309fd544]{
  color: #00A052;
}
.zoom-container .zoom-circle-increase[data-v-309fd544]{
  color: #E89505;
}
.zoom-container .zoom-text[data-v-309fd544]{
  margin: 0 8px;
  vertical-align: top;
}
#template-details .card-input-box[data-v-309fd544]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  color: #333;
}
#template-details .card-input-box .utm-input-box[data-v-309fd544]{
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
/* ****************************************************生成图片的样式**************************************************** */
.generate-screen[data-v-309fd544]{
  display: inline-block;
  z-index: -10;
  position: absolute;
  left: -1000px;
  top: -1000px;
}
.img-border[data-v-309fd544]{
    border: 2px solid #C4C4C4;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
div.box-imgbox[data-v-309fd544]{
    overflow: hidden;
    position: relative;
}
.user-photo-zoom[data-v-309fd544]{ 
  position: absolute;
}

#add_options .option-panel[data-v-06991f33] {
  width: 512px;
  background: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  position: fixed;
  padding: 8px 16px 16px;
  z-index: 1;
  display: none;
}
#add_options .psim-font-add-icon[data-v-06991f33],#add_options .option-text[data-v-06991f33]{
  color: var(--main-color);
  vertical-align: middle;
  cursor: pointer;
}
.option-input .utm-input[data-v-06991f33]{
  border: 0;
  cursor: pointer;
}
.utm-input-box.utm-input-clear:hover +.ivu-select-arrow[data-v-06991f33]{
  display: none;
}
.panel-data-list .ivu-select-dropdown-list[data-v-06991f33]{
  width: 480px;
}
.batch-select-box .ivu-select-item[data-v-06991f33]{
  position: relative;
}
.batch-select-box .no-match-info[data-v-06991f33]{
  color: #c5c8ce;
  text-align: center;
  margin-top: 12px;
  display: inline-block;
  width: 100%;
}
.utm-select .ivu-select-item.origin-item[data-v-06991f33]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 8px;
  line-height: 28px;
  font-size: 14px;
  color: var(--main-color);
  top: 2px;
}
.ivu-select-dropdown.panel-data-list[data-v-06991f33]{
  overflow-y: hidden;
}
.option-panel .close-panel[data-v-06991f33]{
  font-size: 24px;
  right: 9px;
  position: absolute;
  cursor: pointer;
}

.dcsaccess-form .utm-control-label[data-v-221bef5b]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
}
.dcsaccess-form .utm-control-label[data-v-221bef5b]::after{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 20px;
    background-color: #059ae8;
}
.dcsaccess-form .utm-controls[data-v-221bef5b]{
    margin-left: 0;
}
.dcsaccess-form .options-item[data-v-221bef5b]{
    width: 72px;
    margin-bottom: 16px;
}
.dcsaccess-form .split-line[data-v-221bef5b]{
    width: 100%;
    height: 0px;
    margin-bottom: 16px;
    border: 1px dashed #dfdfdf;
}
.dcsaccess-form .options-item .label-text.is-default[data-v-221bef5b]{
    color: #515a6e;
}

.header-border[data-v-149e23e8] {
  height: 348px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 16px;
  background: #eff6f9;
}
#generateReport .utm-modal-body[data-v-149e23e8]{
  padding: 0 16px
}
.upload-box[data-v-149e23e8]{
  position: relative;
  width: 120px;
  height: 120px;
}
.upload-box .upload-logo[data-v-149e23e8] {
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  overflow: hidden;
  background: #FFFFFF;
}
.upload-box .upload-logo i[data-v-149e23e8]{
 font-size: 28px;
  color: #dfdfdf;
}
.upload-box .upload-logo-delete[data-v-149e23e8]{
  display: none;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 10px;
  background-color: #999;
}
.upload-box:hover .upload-logo-delete[data-v-149e23e8]{
  display: block;
}
.utm-control-group .attachment-list[data-v-149e23e8] {
  width: 621px;
  background: #f9f9f9;
  border-radius: 4px;
  padding: 8px 16px;
}
.attachment-list .attachment-item i[data-v-149e23e8] {
  color: #059ae8;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}
.header-title[data-v-149e23e8] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
#generateReport .utm-control-label[data-v-149e23e8] {
  max-width: 175px;
  width: 100%;
}
.involve-box[data-v-149e23e8] {
  width: 100%;
  max-height: 180px;
  border: white 1px solid;
  overflow-y: auto;
  overflow-x: hidden;
}
#generateReport .utm-controls[data-v-149e23e8]{
  margin-left: 175px;
}
#generateReport .userinfo[data-v-149e23e8]{
  position: relative;
  padding: 10px 16px;
  background: #f0f5f7;
  min-height: 219px;
  clear: both;
}
#generateReport .userinfo>div[data-v-149e23e8]{
  width: 100%;
}
#generateReport .userinfo .divide-line[data-v-149e23e8]{
  padding-bottom: 12px;
  margin-bottom: 3px;
  border-bottom: 1px solid #dddddd;
}
#generateReport .userinfo img[data-v-149e23e8]{
  position: absolute;
  right: 14px;
  top: 14px;
  min-width: 90px;
  max-width:100px ;
  max-height: 120px;
}
#generateReport .userinfo .utm-control-group[data-v-149e23e8]{
  margin-bottom: 0px;
  height: 32px;
  clear: both;
}
#generateReport .userinfo .utm-control-label[data-v-149e23e8]{
  width: 120px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#generateReport .userinfo .utm-controls[data-v-149e23e8]{
  margin-left: 130px;
  width: calc( 100% - 288px);
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#generateReport .upload-text[data-v-149e23e8] {
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
}
#generateReport .divide-line[data-v-149e23e8]{
  width: 852px;
  border-bottom: 1px solid #dfdfdf;
  margin-top: 16px;
  margin-bottom: -10px;
}
#generateReport .template-preview[data-v-149e23e8]{
  width: 100%;
  height: 480px;
  background: #f0f5f7;
  border: 1px solid #dddddd;
  border-radius: 9px;
  overflow: auto;
  padding: 24px;
}
#generateReport .template-preview p[data-v-149e23e8]{
  font-weight: 700;
}
#generateReport .template-preview .bg-page[data-v-149e23e8]{
  margin: auto;
  position: relative;
  overflow: hidden;
}
#generateReport .select-data-item-icon[data-v-149e23e8]{
  text-align: right;
  margin-top: -40px;
}
#generateReport .select-data-item-icon i[data-v-149e23e8] {
  font-size: 14px;
}
#generateReport .select-data[data-v-149e23e8]{
  line-height: 40px;
  border-bottom: solid 1px #dfdfdf;
}
#generateReport .select-data-item[data-v-149e23e8]{
  min-width: 120px;
  display: inline;
}
#generateReport .checked-amount[data-v-149e23e8]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
#generateReport .down-load-check-box[data-v-149e23e8]{
  vertical-align: bottom;
  line-height: 40px;
}
#generateReport .down-load-tip[data-v-149e23e8]{
  color: #c61c1c;
  font-size: 14px;
}
#generateReport .utm-fs-16[data-v-149e23e8]{
  font-size: 14px;
  color: #c61c1c;
}

/*自动发送邮件*/
.utm-account-wapper-content li[data-v-149e23e8]{
  text-align: left;
  margin: 8px;
  word-break: break-all;
}
.utm-account-wapper-content li.active[data-v-149e23e8]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-149e23e8]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-149e23e8] {
  width: 450px;
  position: absolute;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
  z-index: 1;
}
.utm-account-wapper0[data-v-149e23e8]{
  top: 26px;
}
.utm-account-wapper1[data-v-149e23e8]{
  top: 26px;
}
.utm-account-wapper2[data-v-149e23e8]{
  top: 26px;
}
.utm-account-wapper .utm-account-wapper-content[data-v-149e23e8] {
  padding: 0 0 0 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-149e23e8]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
  word-break: break-all;
}
.owner-item-close[data-v-149e23e8]{
  color: #b4b4b4;
  font-size: 12px;
}
#generateReport .account-item-title[data-v-149e23e8]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
#generateReport .account-box[data-v-149e23e8]{
  padding: 0;
  margin-bottom: 12px;
}
#generateReport .account-box .account-box-owner[data-v-149e23e8] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
#generateReport .add-account-btn[data-v-149e23e8]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
#generateReport .add-account-btn i[data-v-149e23e8]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-149e23e8] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-149e23e8]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-149e23e8]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-149e23e8]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-149e23e8]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-149e23e8]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-149e23e8] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-149e23e8]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-149e23e8]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}

/*自动发送邮件*/
.export-video-box[data-v-149e23e8]{
  width: 293px;
  height: 40px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
  padding-left: 12px;
}
.no-data-box[data-v-149e23e8]{
  height: 120px;
  color: #ccc;
  padding-top: 50px;
}
.tips-icon i[data-v-149e23e8] {
  margin-left: 2px;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
}

#essential-pdf[data-v-5f984d71] {
  width: 610px;
  margin: 0 auto;
  padding: 24px 16px;
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
}
#essential-pdf .page-top[data-v-5f984d71] {
  padding: 0;
  font-size: 0;
  background-color: transparent;
}
#essential-pdf .page-top[data-v-5f984d71]:after{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.page-top .page-logo[data-v-5f984d71] {
  width: 39%;
  min-height: 46px;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.page-top .page-logo img[data-v-5f984d71] {
  max-width: 110px;
  max-height: 110px;
}
.page-top .page-desc[data-v-5f984d71] {
  float: right;
  width: 60%;
  border-top: 2px solid rgba(5, 150, 232, 1);
  text-align: right;
  display: inline-block;
  font-size: 14px;
}
.page-title[data-v-5f984d71] {
  color: rgba(32, 32, 32, 1);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.particular-content[data-v-5f984d71] {
  margin-bottom: 16px;
}
.part-box-top[data-v-5f984d71] {
  height: 35px;
  width: 100%;
  position: relative;
  margin-bottom: 18px;
}
.part-box-top[data-v-5f984d71]:after {
  content: '';
  height: 2px;
  width: 100%;
  background: rgba(5, 150, 232, 1);
  position: absolute;
  left: 0;
  bottom: -6px;
}
.part-box-top .box-trapezoid[data-v-5f984d71] {
  position: relative;
  padding-left: 8px;
  display: inline-block;
  height: 37px;
  width: 200px;
  background: rgba(5, 150, 232, 1);
  vertical-align: top;
  font-size: 18px;
  color: #fff;
  line-height: 37px;
  outline: none;
}
.part-box-top .box-trapezoid[data-v-5f984d71]:after {
  position: absolute;
  right: -2px;
  width: 0;
  height: 0;
  top: -2px;
  border-top: 41px solid #fff;
  border-left: 30px solid transparent;
  content: '';
}
.part-box-top .box-right[data-v-5f984d71] {
  position: absolute;
  right: 0;
  bottom: -2px;
  display: block;
  height: 0;
  width: 186px;
  border-width: 0px 0 6px 10px;
  border-style: none solid solid;
  border-color: transparent transparent rgba(5, 150, 232, 1);
  border-radius: 5px 0 0 0;
}
.particular-content .particular-title[data-v-5f984d71] {
  font-size: 16px;
  font-weight: 700;
  color: #059FE8;
}
.particular-content .particular-substance[data-v-5f984d71] {
  padding: 16px 0;
}
.particular-content .split-line[data-v-5f984d71] {
  height: 2px;
  width: 100%;
  border-bottom: 1px dashed rgba(178, 178, 178, 1);
  margin-bottom: 8px;
}

/*字段*/
.control-group[data-v-5f984d71] {
  margin-bottom: 8px;
  white-space: nowrap;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.control-group .control-label[data-v-5f984d71] {
  padding-right: 16px;
  display: inline-block;
  min-width: 145px;
  vertical-align: top;
  text-align: right;
}
.control-group .controls[data-v-5f984d71] {
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  vertical-align: top;
}
.control-group .controls .link-text[data-v-5f984d71]{
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  color: #00388d;
  margin-right: 4px;
}
.controls.priority-text[data-v-5f984d71] {
  width: 18px;
  height: 18px;
  background: #059FE8;
  line-height: 18px;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.controls .status-dot[data-v-5f984d71]{
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  line-height: 40px;
  opacity: 1;
  background: #dfdfdf;
  border-radius: 50%;
}

/*左右布局*/
.flex-box[data-v-5f984d71] {
  font-size: 0;
}
.flex-box .flex-box-left[data-v-5f984d71] {
  width: 64%;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.flex-box .flex-box-right[data-v-5f984d71] {
  width: 35%;
  text-align: right;
  display: inline-block;
  font-size: 14px;
}

/*face*/
.flex-box .flex-box-right img[data-v-5f984d71]{
  max-width: 100%;
  max-height: 116px;
}
.face-compare-box[data-v-5f984d71]{
  font-size: 0;
}
.face-compare-box .face-box[data-v-5f984d71]:nth-child(2) {
  width: 36%;
}
.face-compare-box .face-box[data-v-5f984d71] {
  width: 30%;
  height: 90px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.face-compare-box .face-box img[data-v-5f984d71] {
  height: 68px;
  width: 64px;
  max-width: 100%;
}
.face-compare-box .face-title[data-v-5f984d71]{
  font-size: 10px;
  color: #8C8C8C;
}
.face-compare-box .face-box .similarity-title[data-v-5f984d71]{
  margin-top: 17px;
  font-size: 10px;
}
.face-compare-box .face-box .similarity-num[data-v-5f984d71]{
  color: #16AE4D;
  font-weight: bold;
}
.flex-box-right .map-img-box[data-v-5f984d71]{
  position: relative;
}
#essential-pdf .user-face-img[data-v-5f984d71]{
   text-align: left;
}
#essential-pdf .image-text[data-v-5f984d71]{
  font-size: 10px;
  font-weight: 400;
  color: #8c8c8c;
}
.capture-image-item[data-v-5f984d71]{
  margin: 0 12px 12px 0;
  height: 100px;
  display: inline-block;
}
.img-box[data-v-5f984d71]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: unset;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top:12px;
}

#essential-face-pdf[data-v-de5122aa] {
  width: 610px;
  margin: 0 auto;
  padding: 24px 16px;
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
}
#essential-face-pdf .page-top[data-v-de5122aa] {
  padding: 0;
  font-size: 0;
  background-color: transparent;
}
#essential-face-pdf .page-top[data-v-de5122aa]:after{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.page-top .page-logo[data-v-de5122aa] {
  width: 39%;
  min-height: 46px;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.page-top .page-logo img[data-v-de5122aa] {
  max-width: 110px;
  max-height: 110px;
}
.page-top .page-desc[data-v-de5122aa] {
  float: right;
  width: 60%;
  border-top: 2px solid rgba(5, 150, 232, 1);
  text-align: right;
  display: inline-block;
  font-size: 14px;
}
.page-title[data-v-de5122aa] {
  color: rgba(32, 32, 32, 1);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.particular-content[data-v-de5122aa] {
  margin-bottom: 16px;
}
.particular-box-top[data-v-de5122aa] {
  height: 35px;
  width: 100%;
  position: relative;
  margin-bottom: 18px;
  padding: 0;
  background: transparent;
}
.particular-box-top[data-v-de5122aa]:after {
  content: '';
  height: 2px;
  width: 100%;
  background: rgba(5, 150, 232, 1);
  position: absolute;
  left: 0;
  bottom: -6px;
}
.particular-box-top .box-trapezoid[data-v-de5122aa] {
  position: relative;
  padding-left: 8px;
  display: inline-block;
  height: 37px;
  width: 200px;
  background: rgba(5, 150, 232, 1);
  vertical-align: top;
  font-size: 18px;
  color: #fff;
  line-height: 37px;
  outline: none;
}
.particular-box-top .box-trapezoid[data-v-de5122aa]:after {
  position: absolute;
  right: -2px;
  width: 0;
  height: 0;
  top: -2px;
  border-top: 41px solid #fff;
  border-left: 30px solid transparent;
  content: '';
}
.particular-box-top .box-right[data-v-de5122aa] {
  position: absolute;
  right: 0;
  bottom: -2px;
  display: block;
  height: 0;
  width: 186px;
  border-width: 0px 0 6px 10px;
  border-style: none solid solid;
  border-color: transparent transparent rgba(5, 150, 232, 1);
  border-radius: 5px 0 0 0;
}
.particular-content .particular-title[data-v-de5122aa] {
  font-size: 16px;
  font-weight: 700;
  color: #059FE8;
}
.particular-content .particular-substance[data-v-de5122aa] {
  padding: 16px 0;
}
.particular-content .split-line[data-v-de5122aa] {
  height: 2px;
  width: 100%;
  border-bottom: 1px dashed rgba(178, 178, 178, 1);
  margin-bottom: 8px;
}

/*字段*/
.control-group[data-v-de5122aa] {
  margin-bottom: 8px;
  white-space: nowrap;
  font-size: 12px;
}
.control-group .control-label[data-v-de5122aa] {
  padding-right: 16px;
  display: inline-block;
  width: 145px;
  vertical-align: top;
  text-align: right;
}
.control-group .controls[data-v-de5122aa] {
  display: inline-block;
  width: calc(100% - 150px);
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  vertical-align: top;
}
.control-group .controls .link-text[data-v-de5122aa]{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  color: #00388d;
}
.controls.priority-text[data-v-de5122aa] {
  margin-top: 3px;
  width: 15px;
  height: 15px;
  background: #059FE8;
  line-height: 15px;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.controls .status-dot[data-v-de5122aa]{
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  line-height: 40px;
  opacity: 1;
  background: #dfdfdf;
  border-radius: 50%;
}

/*左右布局*/
.flex-box[data-v-de5122aa] {
  font-size: 0;
}
.flex-box .flex-box-left[data-v-de5122aa] {
  width: 64%;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.flex-box .flex-box-right[data-v-de5122aa] {
  text-align: right;
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
}

/*face*/
.flex-box .flex-box-right img[data-v-de5122aa]{
  max-width: 100%;
  max-height: 116px;
}
.face-compare-box[data-v-de5122aa]{
  font-size: 0;
}
.face-compare-box .face-box[data-v-de5122aa]:nth-child(2) {
  width: 36%;
}
.face-compare-box .face-box[data-v-de5122aa] {
  height: 90px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.face-compare-box .face-box.float-right[data-v-de5122aa]{
  float: right;
}
.face-compare-box .face-box img[data-v-de5122aa] {
  height: 68px;
  width: 64px;
  max-width: 100%;
}
.face-compare-box .face-title[data-v-de5122aa]{
  font-size: 10px;
  color: #8C8C8C;
}
.face-compare-box .face-box .similarity-title[data-v-de5122aa]{
  margin-top: 17px;
  font-size: 10px;
}
.face-compare-box .face-box .similarity-num[data-v-de5122aa]{
  color: #16AE4D;
  font-weight: bold;
}
.flex-box-right .map-img-box[data-v-de5122aa]{
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.flex-box-right .map-img-box .utm-location-icon[data-v-de5122aa]{
  margin-left: -19px;
  margin-top: -19px;
}

#filter-list .clear-params[data-v-0d0d30d0] {
  margin-left: 7px;
  color: var(--main-color);
  cursor: pointer;
}
#filter-list #more[data-v-0d0d30d0] {
  color: var(--main-color);
  cursor: pointer;
}
.utm-filter-content[data-v-0d0d30d0]{
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#filter-list .utm-tag[data-v-0d0d30d0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: #ecf6fb;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  max-width: 500px;
}
.clear-params i[data-v-0d0d30d0] {
  color: var(--main-color);
  vertical-align: middle;
  margin-right: 4px;
  font-size: 16px;
}
#filter-list .utm-tag .tag-text[data-v-0d0d30d0]{
  margin-right: 4px;
  max-width: unset;
}
.tag-text-search[data-v-0d0d30d0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

#file_transfer_page[data-v-7fd849d0]{
  position: fixed;
  top: 64px;
  right: -600px;
  width: 480px;
  height: calc(100% - 64px);
  z-index: 100;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: -3px 6px 6px 0px rgba(109,122,132,0.20);
          box-shadow: -3px 6px 6px 0px rgba(109,122,132,0.20);
  background: #fff;
  -webkit-transition: 400ms;
  transition: 400ms;
}
#file_transfer_page.show-page[data-v-7fd849d0]{
  right: 0;
}
#file_transfer_page .show-page-triangle[data-v-7fd849d0]{
  position: absolute;
  top: -7px;
}
#file_transfer_page .show-page-triangle[data-v-7fd849d0]:before{
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: -1px;
}
#file_transfer_page .show-page-triangle[data-v-7fd849d0]:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  position: absolute;
}
#file_transfer_page .page-title[data-v-7fd849d0]{
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding: 16px;
  border-bottom: 1px solid #ddd;
  line-height: 24px;
}
#file_transfer_page .file-transfer-search[data-v-7fd849d0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 16px 0;
}
#file_transfer_page .file-transfer-content[data-v-7fd849d0]{
  height: calc(100% - 124px);
  margin-top: 12px;
  overflow-y: auto;
}
#file_transfer_page .file-transfer-item[data-v-7fd849d0]{
  margin: 0 16px 12px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 12px;
}
#file_transfer_page .file-transfer-item-header[data-v-7fd849d0],
#file_transfer_page .file-transfer-item-bottom[data-v-7fd849d0]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#file_transfer_page .file-transfer-item-bottom[data-v-7fd849d0]{
  padding-right: 58px;
  margin-top: 12px;
}
/*后台任务标题 Start*/
#file_transfer_page .file-transfer-info[data-v-7fd849d0]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  white-space: pre-line;
}
#file_transfer_page .file-transfer-size[data-v-7fd849d0]{
  font-size: 14px;
  color: #333;
  position: absolute;
  right: 0;
  top: 2px;
}
#file_transfer_page .file-transfer-name[data-v-7fd849d0]{
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  margin-right: 48px;
  font-weight: bold;
}
#file_transfer_page .file-transfer-close[data-v-7fd849d0],
#file_transfer_page .arrow[data-v-7fd849d0]{
  color: rgba(0,0,0,.25);
  position: absolute;
  top: 50%;
  font-size: 16px;
}
#file_transfer_page .file-transfer-close[data-v-7fd849d0]{
  right: 0;
  margin-top: -12px;
}
#file_transfer_page .arrow[data-v-7fd849d0]{
  right: 32px;
  margin-top: -8px;
  cursor: pointer;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: .3s ease-in;
  transition: .3s ease-in;
}
#file_transfer_page .arrow.open[data-v-7fd849d0]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*后台任务标题 底部*/
#file_transfer_page .file-transfer-close-detail-btn[data-v-7fd849d0]{
  color: var(--main-color);
  cursor: pointer;
  position: absolute;
  right: 0;
}
#file_transfer_page .file-transfer-time[data-v-7fd849d0]{
  display: inline;
  font-size: 14px;
  color: #888;
}
.file-transfer-item-bottom .file-transfer-progress[data-v-7fd849d0]{
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  right: 0;
  padding: 0 12px;
  color: var(--main-color);
  background: rgba(var(--main-color-rgb),.15);
  font-size: 14px;
  border-radius: 4px;
}
.file-transfer-item-bottom .file-transfer-progress-loading[data-v-7fd849d0]{
  line-height: 1;
  -webkit-animation: inProgress-data-v-7fd849d0 1s linear infinite;
          animation: inProgress-data-v-7fd849d0 1s linear infinite;
}
.file-transfer-item-bottom .file-transfer-progress-loading + span[data-v-7fd849d0]{
  display: inline-block;
  margin-left: 8px;
}
/*后台任务标题 Center*/
#file_transfer_page .file-transfer-item-center[data-v-7fd849d0]{
  margin-top: 12px;
  font-size: 14px;
}
.file-transfer-item-center .file-transfer-count[data-v-7fd849d0]{
  margin-right: 28px;
}
.file-transfer-item-center .file-transfer-count-success .utm-status[data-v-7fd849d0]{
  background: rgba(76,190,138,1);
}
.file-transfer-item-center .file-transfer-count-warning .utm-status[data-v-7fd849d0]{
  background: #FBA93D;
}
.file-transfer-item-center .file-transfer-count-failure .utm-status[data-v-7fd849d0]{
  background: rgba(246,111,106,1);
}
.file-transfer-remaining-time[data-v-7fd849d0]{
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}
/*没有后台任务*/
#file_transfer_page .file-transfer-item-empty[data-v-7fd849d0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  height: 100%;
}
/*文件上传详情*/
.upload-info[data-v-7fd849d0]{
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.upload-info .utm-font[data-v-7fd849d0]{
  color: #19be6b;
  font-size: 16px;
  margin-right: 8px;
}
.upload-info .upload-file-type[data-v-7fd849d0]{
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.upload-info .upload-file-name[data-v-7fd849d0]{
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
  color: #059fe8;
  cursor: pointer;
}
.upload-info .upload-file-name[data-v-7fd849d0]:hover{
  border-bottom: 1px solid #059fe8;
}
.upload-info .upload-time[data-v-7fd849d0]{
  display: inline-block;
  font-size: 14px;
  margin-left: 48px;
  color: #999;
}
/*tab 标签*/
.utm-primary-tabs[data-v-7fd849d0]{
  margin-top: 8px;
}
.failure-info-box-wapper[data-v-7fd849d0]{
  width: 100%;
  border: 1px solid rgba(223,223,223,1);
  padding: 16px;
  margin-top: 16px;
  border-radius: 4px;
}
/* utm-ellipsis自动换行 */
.utm-ellipsis-span[data-v-7fd849d0]{
  display: inline-block;
  max-width: 100%;
}
/* 加载动画 */
@-webkit-keyframes inProgress-data-v-7fd849d0 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(160deg);
            transform: rotate(160deg);
}
}
@keyframes inProgress-data-v-7fd849d0 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(160deg);
            transform: rotate(160deg);
}
}
.operation-btn[data-v-7fd849d0]{
  position: absolute;
  bottom: 22px;
  left: 22px;
}
#file_transfer_page .file-transfer-search .utm-icon-hide[data-v-7fd849d0]{
  color: #059FE8;
  font-size: 14px;
  margin-left: 12px;
}
.hasSecurity-text[data-v-7fd849d0]{
  font-size: 14px;
  color: #333;
  text-align: left;
  margin: -8px 0 16px 0;
}
.hasSecurity-text i[data-v-7fd849d0]{
  color: #059FE8;
  font-size: 14px;
  margin-right: 4px;
}
/*自动发送邮件*/
.utm-account-wapper-content li[data-v-7fd75522]{
  text-align: left;
  margin: 8px;
}
.utm-account-wapper-content li.active[data-v-7fd75522]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-7fd75522]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-7fd75522] {
  width: 450px;
  position: absolute;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
  top: 27px;
  z-index: 100;
}
.utm-account-wapper .utm-account-wapper-content[data-v-7fd75522] {
  padding: 8px 0 0 0;
  max-height: 160px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-7fd75522]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
}
.owner-item-close[data-v-7fd75522]{
  color: #b4b4b4;
  font-size: 12px;
}
#forwardEmail .account-item-title[data-v-7fd75522]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
#forwardEmail .account-box[data-v-7fd75522]{
  padding: 0;
  margin-bottom: 12px;
}
#forwardEmail .account-box .account-box-owner[data-v-7fd75522] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
#forwardEmail .add-account-btn[data-v-7fd75522]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
#forwardEmail .add-account-btn i[data-v-7fd75522]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-7fd75522] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-7fd75522]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-7fd75522]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-7fd75522]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-7fd75522]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-7fd75522]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-7fd75522] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-7fd75522]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-7fd75522]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}
.name-text[data-v-7fd75522]{
  display: inline-block;
  max-width: 578px;
  vertical-align: middle;
}
.select[data-v-7fd75522]{
  max-width: 380px;
}
/*自动发送邮件*/

#download_center .module-tab[data-v-15cc9675]{
  padding: 4px 16px 0;
  border-bottom: 1px solid #ddd;
}
#download_center .module-tab .tab-item[data-v-15cc9675]{
  display: inline-block;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
}
#download_center .module-tab .tab-item span[data-v-15cc9675]{
  display: inline-block;
  vertical-align: middle;
}
#download_center .module-tab .tab-item.active[data-v-15cc9675]{
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}
#download_center .module-content[data-v-15cc9675]{
  height: calc( 100% - 45px );
}
#download_center .account-tab[data-v-15cc9675]{
  font-size: 18px;
  font-weight: 500;
}
#download_center .jump-box[data-v-15cc9675]{
  margin-top: 16px;
  color: var(--main-color);
  font-size: 16px;
  margin-left: 12px;
  width: 150px;
  cursor: pointer;
}
#download_center .jump-box span[data-v-15cc9675]{
  height: 24px;
  width: 24px;
  border-radius: 12px;
  border :1px solid var(--main-color);
  text-align: center;
  display: inline-block;
  margin-right: 6px;
}
#download_center .jump-box span i[data-v-15cc9675]{
  font-size: 14px;
  color: var(--main-color);
  position: relative;
  top: -2px;
}

.down-load-box p[data-v-51ea4f9a]:hover {
  background: #edf3ff;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}
.download-title[data-v-51ea4f9a]{
  font-weight: bold;
}
.download-option[data-v-51ea4f9a]{
  color: #393939;
  margin: 16px 0;
}
.download-option .option-item[data-v-51ea4f9a]{
  width: 250px;
  height: 135px;
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  color: var(--main-color);
  font-size: 18px;
  cursor: pointer;
  position: relative;
  margin: 16px 16px 0 0;
}
.download-option .option-item div[data-v-51ea4f9a]{
  padding: 35px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #dddddd;
}
.download-option .option-item.active[data-v-51ea4f9a],
.download-option .option-item.active>div[data-v-51ea4f9a]{
  border: 1px solid var(--main-color);
}
.download-option .option-item.active>div>p[data-v-51ea4f9a]{
  color: var(--main-color);
}
.option-item .check-status[data-v-51ea4f9a]{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--main-color);
  position: absolute;
  right: 8px;
  top: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.option-item.active .check-status[data-v-51ea4f9a]{
  background-color: var(--main-color);
}
.check-status .ivu-icon[data-v-51ea4f9a]{
  color: #fff;
}
.option-item .utm-font[data-v-51ea4f9a]{
  color: var(--main-color);
  font-size: 24px;
}
.utm-input.psd-input[data-v-51ea4f9a]{
  width: 560px;
}

.down-load-box[data-v-76c381b0] {
  padding: 0;
  width: 103px;
}
.down-load-box p[data-v-76c381b0] {
  line-height: 40px;
  padding-left: 12px;
}
.down-load-box p[data-v-76c381b0]:hover {
  background: rgba(var(--main-color-rgb), .1);
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}

.loading-icon[data-v-f507ddbc] {
  display: inline-block;
  position: relative;
}
.loading-icon i[data-v-f507ddbc]:first-child {
  position: absolute;
  top: -7px;
  -webkit-animation: bounce-down-data-v-f507ddbc 1.2s 1000;
          animation: bounce-down-data-v-f507ddbc 1.2s 1000
}
.loading-icon i[data-v-f507ddbc]:last-child {
  position: relative;
  top: 6px;
}
@-webkit-keyframes bounce-down-data-v-f507ddbc {
25% {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px)
}
50% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px)
}
75% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px)
}
100% {
    -webkit-transform: translate(0, 4px);
            transform: translate(0, 4px)
}
}
@keyframes bounce-down-data-v-f507ddbc {
25% {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px)
}
50% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px)
}
75% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px)
}
100% {
    -webkit-transform: translate(0, 4px);
            transform: translate(0, 4px)
}
}
#handle-incident .utm-control-label[data-v-f4b61254]{
  width: 155px;
}
#handle-incident .utm-controls[data-v-f4b61254]{
  margin-left: 155px;
}
.incident-list-box[data-v-f4b61254]{
  padding: 16px 16px 0px 16px;
  height: 236px;
  background: #eff6f9;
  border: 1px solid #dddddd;
  border-radius: 4px;
  overflow: auto;
}
.involve-box[data-v-f4b61254] {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.event-item[data-v-f4b61254]{
  position: relative;
  line-height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.event-item[data-v-f4b61254]:last-child{
  border-bottom: 0px solid transparent;
}
.event-item .event-name[data-v-f4b61254]{
  display: block;
  width: calc( 100% - 24px );
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.event-item .delete-icon[data-v-f4b61254]{
  position: absolute;
  right: 0;
  top: 0;
  color: #8c8c8c;
  font-size: 16px;
}

.utm-call-up[data-v-33e8060c]{
  position: absolute;
  z-index: 2000;
  margin: 200px auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.call-content[data-v-33e8060c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #060606;
  border-radius: 12px;
  min-width: 400px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  cursor: move;
}
.call-content.call-content_session[data-v-33e8060c]{
  min-width: 800px;
}
.call-content .call-device-type[data-v-33e8060c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 28px;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
.call-content .call-device-type .call-box-arrow[data-v-33e8060c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.call-content .call-device-type .call-box-arrow.open[data-v-33e8060c]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.call-content .calling-box[data-v-33e8060c]{
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  font-size: 16px;
}
.call-content .session-box[data-v-33e8060c]{
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  font-size: 16px;
}
/* 来电信息 */
.call-content .calling-info-swapper[data-v-33e8060c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 8px 16px;
}
.call-content .calling-info-swapper .call-device-icon[data-v-33e8060c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 48px;
  min-width: 48px;
  height: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
  background-color: rgba(56,56,58,1);
  border-radius: 24px;
}
.call-content .calling-info-swapper .call-device-info[data-v-33e8060c]{
  display: inline-block;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: #ffffff;
}
.call-content .calling-info-swapper .call-device-info.call-device-name[data-v-33e8060c]{
  font-size: 16px;
  font-weight: 700;
}
.call-content .calling-info-video[data-v-33e8060c]{
  margin: 0 16px;
}
.call-content .calling-info-video video[data-v-33e8060c]{
  width: 100%;
}
/* 来电操作 Start*/
.call-content .calling-operate[data-v-33e8060c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 4px;
}
.calling-operate .call-btn[data-v-33e8060c]{
  width: 56px;
  height: 56px;
  background-color: #00B853;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px;
}
.calling-operate .call-btn.reject[data-v-33e8060c]{
  background-color: rgba(216,37,37,1);
}
/* 来电操作 End*/
/* 会话中的操作 Start */
.session-operate[data-v-33e8060c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
}
.session-operate .timer-box[data-v-33e8060c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.session-operate .timer-box .timer-icon[data-v-33e8060c]{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 12px;
  background: #ea2627;
  border-radius: 5px;
}
.session-operate .timer-box .countdown[data-v-33e8060c]{
  font-size: 16px;
  color: #ffffff;
  line-height: 28px;
}
.session-operate .action-bar[data-v-33e8060c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.session-operate .action-bar .divide-line[data-v-33e8060c]{
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background-color: rgba(255,255,255,.2);
}
.session-operate .action-bar .finish-session-btn[data-v-33e8060c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: #d82525;
  border-radius: 4px;
}
.session-operate .action-bar .system-device-box[data-v-33e8060c]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  min-width: 40px;
  padding: 0 8px;
  background: #383838;
  border-radius: 4px;
  cursor: pointer;
}
/* 会话中的操作 End */
/* 远程开门 Start */
.remote-door[data-v-33e8060c] {
  font-size: 14px;
  text-align: left;
  color: #fff;
  position: relative;
}
.remote-door .remote-door-arrow[data-v-33e8060c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}
.remote-door .remote-door-arrow.open[data-v-33e8060c]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.remote-door .remote-panel[data-v-33e8060c]{
  position: absolute;
  padding: 16px;
  background: #333438;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  min-width: 332px;
  display: none;
  bottom: 42px;
  left: 0;
}
.remote-door .panel-title[data-v-33e8060c]{
  line-height: 24px;
}
.remote-panel .panel-content[data-v-33e8060c]{
  margin: 8px 0;
  max-height: 300px;
  overflow-y: auto;
}
.remote-door .door-option[data-v-33e8060c]{
  position: relative;
  width: 100%;
  margin: 8px 0;
  padding: 8px 4px;
  border-radius: 8px;
  cursor: pointer;
}
.remote-door .door-option.active[data-v-33e8060c],
.remote-door .door-option[data-v-33e8060c]:hover{
  background: #3F4145;
}
.door-option .option-name[data-v-33e8060c]{
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 24px;
}
.door-option.active[data-v-33e8060c]::before{
  content: '\2714';
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -10px;
  color: rgba(255,255,255,0.8);
}
.door-option .option-name.zone-name[data-v-33e8060c]{
  color: #ADAEAF;
  font-weight: 400;
}
.remote-door .panel-footer[data-v-33e8060c]{
  text-align: center;
}
.panel-footer button[data-v-33e8060c]{
  margin-left: 16px;
  width: 105px;
  min-width: unset;
  margin-right: unset;
}
.remote-door .operate-btn button[data-v-33e8060c] {
  padding: 0 18px;
  background: #383838;
  border-radius: 4px;
  color: #fff;
  border: 0;
}
.panel-footer .con-btn[data-v-33e8060c]{
  background-color: #4CBE8A;
}
.panel-footer .cel-btn[data-v-33e8060c]{
  background-color: rgba(255,255,255,0.2);
}
.device-name i[data-v-33e8060c]{
  font-size: 14px;
  color: #fff;
}
/* 远程开门 End */
/* 选择输入输出设备 Start */
.system-device-box .silence-icon[data-v-33e8060c]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
}
.system-device-box .silence-icon[data-v-33e8060c]:after{
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #D82525;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: top;
          transform-origin: top;
}
.system-device-box .silence-icon.silence[data-v-33e8060c]:after{
  width: 22px;
}
.system-device-box .system-device-arrow[data-v-33e8060c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}
.system-device-box .system-device-arrow.open[data-v-33e8060c]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.system-device-box .system-device-panel[data-v-33e8060c]{
  position: absolute;
  display: none;
  padding: 8px 2px;
  min-width: 332px;
  bottom: 42px;
  right: 0;
  background: #333438;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}
.system-device-box .system-device-panel_content[data-v-33e8060c]{
  max-height: 400px;
  padding: 0 8px;
  overflow-y: auto;
}
.system-device-box .panel-title[data-v-33e8060c]{
  padding: 8px 8px 0;
  line-height: 24px;
}
.system-device-box .panel-content[data-v-33e8060c]{
  max-height: 300px;
  overflow-y: auto;
}
.system-device-box .device-divide-line[data-v-33e8060c]{
  width: 100%;
  height: 1px;
  margin: 8px 0 ;
  background: rgba(223,223,223,.2);
}
.system-device-box .device-option[data-v-33e8060c]{
  position: relative;
  width: 100%;
  margin: 8px 0;
  padding: 4px 4px 4px 24px;
  border-radius: 8px;
  cursor: pointer;
}
.system-device-box .device-option.active[data-v-33e8060c],
.system-device-box .device-option[data-v-33e8060c]:hover{
  background: #3F4145;
}
.system-device-box .device-option.active[data-v-33e8060c]::before{
  content: '\2714';
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -10px;
  color: rgba(255,255,255,0.8);
}
.system-device-box .device-option .device-name[data-v-33e8060c]{
  font-size: 14px;
  color: #fff;
  line-height: 28px;
}
/* 选择输入输出设备 End */
.system-device-box .system-device-panel_content[data-v-33e8060c]::-webkit-scrollbar,
.remote-door .panel-content[data-v-33e8060c]::-webkit-scrollbar{
  width: 3px;
  height: 3px;
  background-color: #303745;
}
.system-device-box .system-device-panel_content[data-v-33e8060c]::-webkit-scrollbar-track,
.remote-door .panel-content[data-v-33e8060c]::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #FFFFFF;
}
.system-device-box .system-device-panel_content[data-v-33e8060c]::-webkit-scrollbar-thumb,
.remote-door .panel-content[data-v-33e8060c]::-webkit-scrollbar-thumb{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
#home[data-v-56690a08]{
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
}
#home .form-component-box[data-v-56690a08]{
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
}
#home .container[data-v-56690a08]{
  width: 50%;
  padding: 8px 32px;
}
#home .component-box[data-v-56690a08]{
  padding: 16px;
}
.item-left-img.point-map[data-v-56690a08]{
  overflow: hidden;
  position: relative;
  border-right: 1px dashed rgba(221, 221, 221, 1);
  cursor: pointer;
}
.point-map .no-map-tip[data-v-56690a08] {
  margin-top: 52px;
  color: rgba(153, 153, 153, 1);
}
.point-map .mark-point[data-v-56690a08]{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
.layout-page[data-v-56690a08]{
  height: 100%;
  width: 100%;
}

.utm-search-box .utm-search-list[data-v-7fa6ee32] {
  margin-bottom: -8px;
}
.utm-search-box .utm-search-list .utm-search-btn[data-v-7fa6ee32] {
  margin-bottom: 8px;
}
.utm-search-box .utm-search-list .utm-search-btn i[data-v-7fa6ee32] {
  font-size: 20px;
}
.utm-search-box .utm-search-item[data-v-7fa6ee32] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  margin-bottom: 8px;
  vertical-align: middle;
}
.utm-search-box .utm-search-item .utm-search-title[data-v-7fa6ee32] {
  display: inline-block;
  margin-right: 8px;
}
.utm-search-box .utm-search-item .utm-input[data-v-7fa6ee32],
.utm-search-box .utm-search-item .utm-select[data-v-7fa6ee32],
.utm-search-box .utm-search-item .utm-date-picker[data-v-7fa6ee32] {
  width: 200px;
  max-width: 200px;
}
.show-hide-advanced[data-v-7fa6ee32] {
  cursor: pointer;
  color: rgba(5,159,232,1);
}
@-webkit-keyframes arrowUp-data-v-7fa6ee32 {
0% {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
@keyframes arrowUp-data-v-7fa6ee32 {
0% {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
@-webkit-keyframes openDown-data-v-7fa6ee32 {
0% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
@keyframes openDown-data-v-7fa6ee32 {
0% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
.selected-time-item[data-v-7fa6ee32] {
  height: 40px;
  font-size: 16px;
  color: #333;
  background: rgba(251, 250, 249, 1);
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 4px;
  max-width: 200px;
  width: 200px;
  position: relative;
  cursor: pointer;
}
.selected-time-item:hover .ivu-icon-ios-close-circle[data-v-7fa6ee32] {
  display: block;
}
.selected-time-item .ivu-icon-ios-close-circle[data-v-7fa6ee32] {
  display: none;
}
.selected-time-item[data-v-7fa6ee32]:hover {
  border: 1px solid rgba(184, 147, 87, 1);
  outline: unset;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
}
.selected-time-item .time-panel[data-v-7fa6ee32] {
  position: absolute;
  top: 40px;
  left: 0;
  width: 408px;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 8px 16px;
  z-index: 5;
  display: none;
}
@media screen and (min-width: 1700px){
.selected-time-item .time-panel[data-v-7fa6ee32] {
    right: 0;
    left: unset;
}
}
.panel-item .period-time[data-v-7fa6ee32] {
  padding-left: 15px;
  margin-bottom: 8px;
}
.panel-item .panel-item-radio[data-v-7fa6ee32] {
  margin-bottom: 8px;
}
.period-time .utm-date-picker.period-picker[data-v-7fa6ee32] {
  width: 170px;
}
.selected-time-item .current-time-item[data-v-7fa6ee32] {
  display: inline-block;
  height: 100%;
  width: 100%;
  line-height: 30px;
  padding: 4px 8px;
}
.selected-time-item .period-operation[data-v-7fa6ee32] {
  text-align: right;
  margin-top: 8px;
}

/*部门搜索*/
.search-department-box[data-v-7fa6ee32]{
  margin: 0;
  padding: 0;
  position: relative;
}
.search-department-box .search-btn[data-v-7fa6ee32]{
  font-size: 16px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  margin: 0 4px;
}
.search-department-box .search-btn[data-v-7fa6ee32]:hover{
  color: #BCA480;
}
.search-department-box .search-department-tree[data-v-7fa6ee32]{
  position: absolute;
  top: 40px;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  z-index: 9;
  padding: 8px;
  display: none;
  min-width: 350px;
}
.search-department-tree .utm-tree-department-box[data-v-7fa6ee32]{
  margin-top: 8px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 400px;
  min-width: 100%;
}
.search-department-tree .search-department-box>.utm-tree-department[data-v-7fa6ee32]{
  padding-left: 20px;
}
.search-department-tree .search-department-box>.utm-tree-department ul[data-v-7fa6ee32]{
  margin-left: 32px;
}
.search-department-tree .search-department-box .utm-checkbox-wrapper[data-v-7fa6ee32]{
  min-height: 32px;
  padding: 4px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
}
.search-department-tree .search-department-box .utm-checkbox-wrapper .utm-checkbox[data-v-7fa6ee32]{
  min-width: 16px;
}
.search-department-tree .search-department-box .utm-checkbox-wrapper .utm-checkbox-text[data-v-7fa6ee32]{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-department-tree .search-department-box .utm-tree-department li[data-v-7fa6ee32]{
  position: relative;
}
.search-department-tree .search-department-box .utm-tree-department li .arrow[data-v-7fa6ee32]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -20px;
  top: 8px;
  cursor: pointer;
}
.search-department-tree .search-department-box .utm-tree-department li .arrow i[data-v-7fa6ee32]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.search-department-tree .search-department-box .utm-tree-department li .arrow.open i[data-v-7fa6ee32]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*已选的部门*/
.utm-search-list .utm-select.utm-multiple-select[data-v-7fa6ee32]{
  width: auto;
  max-width: unset;
  min-width: 200px;
  position: relative;
}
.utm-search-list .utm-select.division-multiple[data-v-7fa6ee32]{
  width: 200px;
}
.utm-search-list .utm-select.utm-multiple-select .select-departmen-box[data-v-7fa6ee32]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-search-list .utm-select.utm-multiple-select:hover .select-departmen-box[data-v-7fa6ee32]{
  margin-right: 16px;
}
.utm-search-list .utm-select.utm-multiple-select:hover .clear-department[data-v-7fa6ee32]{
  display: inline-block;
}
.utm-search-list .utm-select.utm-multiple-select .clear-department[data-v-7fa6ee32]{
  color: #666;
  position: absolute;
  right: 4px;
  top: 12px;
  display: none;
  cursor: pointer;
}
.search-department-box .utm-select.utm-multiple-select .select-departmen-box .ivu-tag[data-v-7fa6ee32]{
  margin:0 4px 0 0;
  padding: 0 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.login-view[data-v-059ba239] {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background-image: url(/static/img/bg.9cb1313.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000;
}
#login-box[data-v-059ba239] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  margin-top: 0px;
}
#login-box .login-left[data-v-059ba239] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
  height: 100%;
}
#login-box .login-left-box[data-v-059ba239] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
}
#login-box .login-text[data-v-059ba239] {
  color: white;
  font-size: 50px;
  line-height: 80px;
}
.login-footer[data-v-059ba239]{
  position: absolute;
  left: 0;
  bottom: 160px;
  width: 100%;
  text-align: center;
}
#login-box .login-right[data-v-059ba239] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
}
#login-box .login-header[data-v-059ba239]{
  position: absolute;
  top: 84px;
  left: 24px;
  width: calc( 100% - 48px );
}
#login-box .login-header>span[data-v-059ba239]{
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  color: #333333;
}
#login-box .login-logo[data-v-059ba239]{
  padding: 0 25px 0 56px;
  display: inline-block;
  vertical-align: middle;
}
#login-box .login-logo img[data-v-059ba239] {
  height: 47px;
}
#login-box .divide-line[data-v-059ba239]{
  margin-right: 25px;
  width: 1px;
  height: 32px;
  background-color: #DFDFDF;
}
.login-input[data-v-059ba239] {
  height: 56px;
  background: transparent;
  color: #25272E;
  border: 1px solid #dce3e8;
  border-radius: 12px;
}
input.login-input[data-v-059ba239]:hover{
  border: 1px solid rgba(5, 154, 232, 1);
  outline: unset;
}
input.login-input[data-v-059ba239]:focus{
  border: 1px solid rgba(5, 154, 232, 1);
  outline: unset;
  -webkit-box-shadow: 0px 0px 0px 2px #D2F0FF;
          box-shadow: 0px 0px 0px 2px #D2F0FF;
}
input.login-input[data-v-059ba239]::-webkit-input-placeholder{
  color: #95a8b6;
}
input.login-input[data-v-059ba239]::-moz-placeholder{
  color: #95a8b6;
}
input.login-input[data-v-059ba239]::-ms-input-placeholder{
  color: #95a8b6;
}
input.login-input[data-v-059ba239]::placeholder{
  color: #95a8b6;
}
input.login-input.input-error[data-v-059ba239]{
  border-color: #C61C1C;
}
#login-box .login-ipt-box[data-v-059ba239] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 90%;
}
#login-box .login-ipt-box .title[data-v-059ba239]{
  margin-bottom: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 32px;
  font-weight: 700;
}
#login-box .login-ipt-text[data-v-059ba239] {
  width: 420px;
  max-width: 100%;
  position: relative;
  margin-bottom: 24px;
}
#login-box .login-ipt-text[data-v-059ba239]:nth-child(2){
  margin-bottom: 16px;
}
#login-box .utm-checkbox-wrapper[data-v-059ba239]{
  margin: 0;
  padding: 0;
  min-height: 16px;
}
#login-box .utm-checkbox-wrapper .utm-checkbox-text[data-v-059ba239]{
  line-height: 18px;
}
#login-box .login-btn[data-v-059ba239] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  width: 420px;
  max-width: 100%;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  font-size: 20px;
  height: 56px;
  line-height: 56px;
  border-radius: 16px;
  background: linear-gradient(111deg,#0276db 1%, #05a0e8 84%);
  color: #ffffff;
}
#login-box .login-input[data-v-059ba239]::-webkit-input-placeholder{
  color: #B4B4B4;
}
#login-box .login-input[data-v-059ba239]::-moz-placeholder{
  color: #B4B4B4;
}
#login-box .login-input[data-v-059ba239]::-ms-input-placeholder{
  color: #B4B4B4;
}
#login-box .login-input[data-v-059ba239]::placeholder{
  color: #B4B4B4;
}
.other-ipt-text[data-v-059ba239]{
  width: 420px;
  max-width: 100%;
  position: relative;
  text-align: right;
}
.other-ipt-text .forgot-password[data-v-059ba239]{
  font-size: 16px;
  color: #059fe8;
  cursor: pointer;
}
#login-box .lost-password[data-v-059ba239] {
  bottom: -28px;
  display: block;
  position: absolute;
  right: 0;
  color: #fff;
  font-size: 14px;
}
#login-box .login-icon[data-v-059ba239] {
  height: 56px;
}
#login-box .utm-font[data-v-059ba239] {
  color: #B4B4B4;
  font-size: 16px;
}
.utm-is-danger.login-tips[data-v-059ba239] {
  color: #C61C1C;
}
.login-text-box[data-v-059ba239]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.forgot-tip[data-v-059ba239]{
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 24px;
}
.forgot-tip i[data-v-059ba239]{
  font-size: 16px;
  color: #059FE8;
}
.resetpsd-form .utm-control-label[data-v-059ba239]{
  width: 200px;
}
.resetpsd-form .utm-controls[data-v-059ba239]{
  margin-left: 200px;
}
.password-tip[data-v-059ba239]{
  position: relative;
  margin-left: 16px;
}
.password-tip:hover .password-tip-text[data-v-059ba239]{
  display: block;
}
.password-tip i[data-v-059ba239]{
  font-size: 16px;
  color: #059FE8;
}
.password-tip .password-tip-text[data-v-059ba239]{
  z-index: 1;
  position: absolute;
  display: none;
  width: 300px;
  padding: 16px;
  text-align: left;
  white-space: normal;
  font-weight: 400;
  background: #fff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15), 0px 2px 8px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15), 0px 2px 8px 0px rgba(0,0,0,0.15);
}
@media screen and (max-width:1040px) {
#login-box .login-text[data-v-059ba239] {
    font-size: 40px;
}
}
.other-login-title[data-v-059ba239]{
 
  line-height: 100px;
  height: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.left-line[data-v-059ba239]{
  width: 130px;
  height: 53px;
  border-bottom: 1px solid #dce3e8;
}
.center-text[data-v-059ba239]{
  margin: 0 12px;
  font-size: 16px;
  color: #999999;
}
.right-line[data-v-059ba239]{
  width: 130px;
  height: 53px;
  border-bottom: 1px solid #dce3e8;
}
.other-login-btn[data-v-059ba239]{
  border: 2px solid #26b0ae;
  color: #26b0ae !important;
  font-size: 20px;
  background: #fff !important;
  margin-top: 0 !important;
}
.other-login-btn[data-v-059ba239]:hover{
  background: rgba(38,176,174,0.10) !important;
}

body,
div {
	margin: 0;
	padding: 0;
}
.ui-slider-wrap {
	background: #e8e8e8;
	position: relative;
}
.ui-slider-wrap .ui-slider-bg {
	width: 0;
}
.ui-slider-wrap .ui-slider-btn {
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
	text-align: center;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff no-repeat center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURQAAAGBQUGBaWmJZWWJYWGNYWGNZWWJYWGJZWWBYWGNYWGNZWWRYWIqwlb0AAAANdFJOUwAQMMDQoFBgcCCw4ECQ8pPMAAAAP0lEQVQI12NgwATTGBgawAwRBYZwMIPRiYErAcxSFmA0AjN4HBikBcCsUgYmQxQGE0wKphhIQrSzwAyEW4EOACHhB32zIad6AAAAAElFTkSuQmCC);
}
.ui-slider-wrap .ui-slider-btn.success {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQAAAIC/MHrBPHnBPHnCO3nCPHjDPHrFOnnCOXrBO3nCO3nCO3rDPHrCO3nBO3rCPBowj7gAAAAPdFJOUwAQ7/BwwEAwUM+g0H/g39MUR4UAAAB3SURBVAjXY2BAAJn5Pw+CaA79//8/NQAZ/f+B4AcDAyNQ4P/nTwIMLCCBhfsdGFiB9C92/QAG/s/Z/xcU/f/AwP9PcBe7/n8DoNREgaL//wOAin+KAzU6MDDa/38E1C/AwJAP0v8NaDKbPVAgAWSZSOxVRyQ3AAA6yzwT6f4FbQAAAABJRU5ErkJggg==);
}
.ui-slider-wrap .ui-slider-text {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	color: #666;
}
.ui-slider-wrap .ui-slider-no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#loginModule[data-v-50b1dbfe] {
  position: fixed;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
  left: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#loginbox[data-v-50b1dbfe] {
  width: 500px;
  height: 400px;
}
#loginModule .control-group[data-v-50b1dbfe] {
  margin: 0;
  padding: 0;
}
.login-box-form[data-v-50b1dbfe] {
  width: 100%;
  height: 380px;
  background: #ffffff;
  margin-top: 10px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.login-box-form img[data-v-50b1dbfe] {
  width: 70px;
  display: block;
  margin: 0 auto;
  padding: 17px 0;
}
.normal_text[data-v-50b1dbfe] {
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
  color: #4e4e4e;
  font-size: 20px;
}
#loginbox .main_input_box[data-v-50b1dbfe] {
  margin: 0 auto;
  text-align: center;
  position: relative;
  font-size: 16px;
  height: 45px;
}
#loginbox .main_input_box input[data-v-50b1dbfe] {
  height: 37px;
  display: inline-block;
  width: 80%;
  line-height: 37px;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  color: #666666;
  padding-left: 40px;
  position: absolute;
  left: 10%;
}
.email-warn[data-v-50b1dbfe] {
  position: absolute;
  top: 40px;
  left: 51px;
}
#loginbox .logo-btn[data-v-50b1dbfe] {
  width: 80%;
  background: #28b779;
  display: block;
  margin-left: 10%;
  margin-top: 24px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
  font-size: 20px
}
#loginbox .logo-btn a[data-v-50b1dbfe] {
  color: #ffffff;
}
.sendEmail[data-v-50b1dbfe] {
  font-size: 13px;
  text-align: center;
  width: 70%;
  margin: 40px auto;
}

#loginModule[data-v-4c27a7c4] {
  position: fixed;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
  left: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#loginbox[data-v-4c27a7c4] {
  width: 500px;
  height: 400px;
}
#loginbox .controls[data-v-4c27a7c4] {
  margin: 0;
  padding: 0;
}
#loginbox .control-group[data-v-4c27a7c4] {
  margin: 0;
  padding: 5px 0;
}
#loginbox form[data-v-4c27a7c4] {
  width: 100%;
  height: 380px;
  background: #ffffff;
  margin-top: 10px;
  -webkit-box-shadow: 0 0 7px rgb(0, 0, 0, 0.3);
          box-shadow: 0 0 7px rgb(0, 0, 0, 0.3);
  text-align: center;
}
#loginbox img[data-v-4c27a7c4] {
  display: block;
  margin: 0 auto;
}
#loginbox .main_input_box[data-v-4c27a7c4] {
  margin: 0 auto;
  text-align: center;
  font-size: 13px;
  position: relative;
  height: 65px;
}
#loginbox .main_input_box .add-on[data-v-4c27a7c4] {
  padding: 9px 9px;
  *line-height: 32px;
  color: #fff;
  width: 30px;
  display: inline-block;
  position: absolute;
  left: 10%;
  z-index: 10
}
#loginbox .main_input_box input[data-v-4c27a7c4] {
  height: 37px;
  display: inline-block;
  width: 80%;
  line-height: 37px;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  color: #666666;
  position: absolute;
  left: 10%;
  padding: 3px 5px;
}
.old-warn[data-v-4c27a7c4] {
  position: absolute;
  bottom: 0;
  left: 50px;
}
#loginbox .logobtn[data-v-4c27a7c4] {
  width: 80%;
  background: #28b779;
  display: block;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
  margin: auto;
}
#loginbox .logobtn a[data-v-4c27a7c4] {
  color: #ffffff;
}

#loginModule[data-v-3337a674] {
  position: fixed;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
  left: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#login-box[data-v-3337a674] {
  width: 500px;
  height: 400px;
  margin-left: -250px
}
#login-box form[data-v-3337a674] {
  width: 100%;
  height: 380px;
  background: #ffffff;
  margin-top: 10px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  text-align: center;
}
#login-box .login-success-box[data-v-3337a674]{
  text-align: center;
  margin-top:15px
}

#video-list[data-v-eef3bab4] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  background: #1a2541;
}
#video-list .video-content[data-v-eef3bab4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 1%;
  height: 100%;
  padding: 24px;
}
.video-content .video-item[data-v-eef3bab4] {
  color: #fff;
  font-size: 50px;
  line-height: 2;
  text-align: center;
  z-index: 1;
  background: #000;
  width: 100%;
  position: relative;
}

/*单个视频操作*/
.video-item .review-panel[data-v-eef3bab4] {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 2;
}
.review-panel .operate-box[data-v-eef3bab4] {
  height: 100%;
  background: rgb(62 72 95);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  line-height: 1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 0;
  right: 0;
  top: 0;
  opacity: 0;
}
.review-panel.expand .operate-box[data-v-eef3bab4] {
  width: 250px;
  opacity: 1;
}
.review-panel.expand .video-menu-btn i[data-v-eef3bab4] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.video-content button[data-v-eef3bab4] {
  margin: 12px auto;
  width: 165px;
}
.utm-shrink-button.video-menu-btn[data-v-eef3bab4] {
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 0;
  left: unset;
  bottom: 0;
  top: 0;
  margin: auto;
}
.video-box .utm-video[data-v-eef3bab4] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.video-item .video-box[data-v-eef3bab4] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video-item .event-tips[data-v-eef3bab4] {
  display: inline-block;
  position: absolute;
  color: #fff;
  z-index: 2;
  font-size: 20px;
  left: 8px;
  width: 100%;
  text-align: left;
}
.event-tips .event-name[data-v-eef3bab4]{
  display: inline-block;
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.event-tips .utm-badge-circle[data-v-eef3bab4]{
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
}
.event-tips .camera-name[data-v-eef3bab4]{
  font-size: 16px;
}

#page404[data-v-92cf2b28] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10%;
  text-align: center;
  background-color: white;
  z-index: 100;
}
#page404 p[data-v-92cf2b28] {
  margin: 28px 0 32px;
}

#licenseExpired[data-v-4811f62b] {
 position: fixed;
 width: 100%;
 top: 0;
  left: 0;
  height: 100%;
  z-index: 100;
  background-color: #f5f8fa;
}
#licenseExpired .content[data-v-4811f62b]{

  text-align: center;
  padding-top: 20% ;
  background: #ffffff;
  border-radius: 8px;
  margin:16px;
  height:90.2%;
}
#licenseExpired .top[data-v-4811f62b]{
    height: 64px;
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
}
#licenseExpired .logo[data-v-4811f62b] {
    max-height: 37px;
    margin:10px 71px
}
#licenseExpired p[data-v-4811f62b] {
  font-size: 24px;
  font-weight: 700;
  color: rgba(0,0,0,0.85); 
  margin: 28px 0 32px;
}
#licenseExpired .upload-box[data-v-4811f62b]{
    color:#059fe8;
}
#licenseExpired .upload-box span[data-v-4811f62b]{
  cursor: pointer;
}
.box-text[data-v-4811f62b]{
  text-decoration: underline;
  font-weight:700
}
#licenseExpired .upload-box i[data-v-4811f62b]{
    font-size:16px;
    color:#059fe8;
    font-weight:700
}

#fullScreen[data-v-0e6fff66] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    background-color: white;
    z-index: 100;
}
video[data-v-0e6fff66]::-webkit-media-controls-fullscreen-button,
video[data-v-0e6fff66]::-webkit-media-controls-volume-slider,
video[data-v-0e6fff66]::-webkit-media-controls-mute-button {
    display: none;
}
.event-monitoring-page[data-v-0e6fff66]{
    height: 100%;
    padding: 0 16px 16px;
    background-color: #EBEFF2;
}
.event-monitoring-swapper[data-v-0e6fff66]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
}
.info[data-v-0e6fff66] {
  display: none;
}
.show-info:hover + .info[data-v-0e6fff66]{
  cursor: pointer;
  display: inline-block !important;
}

#fullScreen[data-v-76a2c6f0] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 100;
}

/* Watch List Start */
.watch-screen-swapper[data-v-76a2c6f0] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 18px;
    background-color: #ffffff;
    border-left: 1px solid #DFDFDF;
}
.watchList-close[data-v-76a2c6f0] {
    width: 1px !important;
    min-width: 1px !important;
}
.is-watchList-flag[data-v-76a2c6f0] {
    display: none;
}
.watch-list-swapper .watch-list-shrink[data-v-76a2c6f0] {
    position: absolute;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    width: 16px;
    color: white;
    font-weight: bold;
    font-size: 24px;
    left: -16px;
    top: 50%;
    margin-top: -50px;
    background: var(--main-color);
    border-radius: 6px 0 0 6px;
    cursor: pointer;
}
.watch-list-swapper .watch-list[data-v-76a2c6f0] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 17px 16px;
}
.watch-list-swapper .watch-list .watch-list-title[data-v-76a2c6f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 24px;
    font-size: 18px;
    color: #000000;
    font-weight:700;
}
.watch-list .watch-list-title .watch-list-count[data-v-76a2c6f0] {
    display: inline-block;
    width: 33px;
    height: 21px;
    background-color: rgba(5,159,232,.1);
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    text-align: center;
    font-weight: 700;
    border-radius: 11px;
    margin-left: 4px;
    color: #059fe8;
}
.watch-list-swapper .watch-list .watch-list-ul[data-v-76a2c6f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}
.watch-list .watch-list-ul .watch-list-li[data-v-76a2c6f0] {
    display: inline-block;
    width: 96px;
    height: 120px;
    cursor: pointer;
    margin-bottom: 12px;
    margin-right: 5px;
    list-style-type: none;
}
.watch-list-li .user-head-sculpture[data-v-76a2c6f0] {
    position: relative;
}
.watch-list-li .user-head-sculpture .user-head-img[data-v-76a2c6f0] {
    width: 96px;
    height: 120px;
    border-radius: 8px;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-text[data-v-76a2c6f0] {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    padding: 0 8px;
    bottom: 6px;
    line-height: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 25px;
    opacity: 0.8;
    background: #059fe8;
    display: none;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-text .cover-tooltip[data-v-76a2c6f0] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.watch-list-li .user-head-sculpture:hover .user-head-sculpture-text[data-v-76a2c6f0] {
    display: block;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-bg[data-v-76a2c6f0] {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    display: none;
}
.watch-list-li:hover .user-head-sculpture-bg[data-v-76a2c6f0] {
    display: inline-block;
}
.user-head-sculpture .user-head-sculpture-bg .user-head-sculpture-content[data-v-76a2c6f0] {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 14px;
}
.user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-operate[data-v-76a2c6f0] {
    position: absolute;
    background: #fff;
    right: 4px;
    top: 4px;
    text-align: center;
    border-radius: 4px;
    height: 19px;
    width: 19px;
    line-height: 19px;
}
.user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-box[data-v-76a2c6f0] {
    position: absolute;
    display: none;
    padding: 4px 0;
    top: 25px;
    left: 20px;
    background: #fff;
    z-index: 99;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
            box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
.watch-list-ul li:nth-child(3n) .user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-box[data-v-76a2c6f0] {
    left: -80px;
}
.user-head-sculpture-content:hover .user-head-sculpture-box[data-v-76a2c6f0] {
    display: inline-block;
}
.user-head-sculpture-content .user-head-sculpture-box .user-head-sculpture-item[data-v-76a2c6f0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    width: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 0 12px;
    color: #333;
    cursor: pointer;
}

/* Watch List End */

/*******************报表详情模态框******************************/
.particular-box-top[data-v-76a2c6f0] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-76a2c6f0] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-76a2c6f0] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-76a2c6f0] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-76a2c6f0]{
  margin-bottom: 0;
}

/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-76a2c6f0] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-76a2c6f0]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-76a2c6f0]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-76a2c6f0] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-76a2c6f0]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-76a2c6f0] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-76a2c6f0] {
  margin-top: 7px;
}
.visitor-specific[data-v-76a2c6f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-76a2c6f0] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-76a2c6f0]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-76a2c6f0]{
  position: relative;
}
.visitor-point-content[data-v-76a2c6f0]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}

/* 用户名的样式 */
.field-item-content-user[data-v-76a2c6f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-76a2c6f0]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-76a2c6f0]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}

/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-76a2c6f0] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-76a2c6f0] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-76a2c6f0] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}

/*通行状态*/
.visitor-specific-content.access-state[data-v-76a2c6f0] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-76a2c6f0]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-76a2c6f0]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-76a2c6f0]{
  display: none;
}
.addition-info-title[data-v-76a2c6f0]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-76a2c6f0]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*tab 标签*/
.utm-primary-tabs[data-v-76a2c6f0]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-76a2c6f0]{
  color: #059FE8;
  cursor: pointer;
}


#center-full-screen[data-v-691949ec] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 25px;
  z-index: 100;
  background-color: #EBEFF2;
}
.event-monitoring-page .no-search-data[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-monitoring-swapper[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background-color: #fff;
  border-radius: 8px;
}

/* 设置视频监控区域 */
.event-monitoring-setting[data-v-691949ec] {
  width: 264px;
  min-width: 264px;
  height: 100%;
  border-right: 1px solid #DFDFDF;
}
.camera-list-box[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.camera-list-box .camera-list-header[data-v-691949ec] {
  min-height: 112px;
}
.camera-list-title-box[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  height: 54px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #dfdfdf;
}
.camera-list-box .camera-list-header .camera-list-title[data-v-691949ec] {
  margin-right: 0;
  line-height: 57px;
}
.camera-list-box .camera-list-header .search-section[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}
.camera-list-box .options-box[data-v-691949ec] {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.camera-list-box .options-box.options-box1[data-v-691949ec] {
  padding-left: 0;
}
.camera-list-box .options-box.options-box1 .utm-list-page-box[data-v-691949ec] {
  height: unset;
  width: 100%;
}
.camera-list-box .options-box .utm-controls-zone-item[data-v-691949ec] {
  padding-right: 16px;
}
.camera-list-box .options-box2 ul[data-v-691949ec] {
  padding-left: 8px;
}
.camera-list-box ul li[data-v-691949ec] {
  position: relative;
  padding: 4px 0;
}

/* 背景色的变化 */
.camera-list-box .tree-item-swapper[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  border-radius: 4px;
  padding-left: 16px;
  cursor: pointer;
}
.camera-list-box .tree-item-swapper>div[data-v-691949ec] {
  width: 100%;
}
.camera-list-box .tree-item-swapper.tree-item-swapper-li5[data-v-691949ec] {
  padding-left: 0;
}
.camera-list-box ul li .arrow[data-v-691949ec] {
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -8px;
  top: 12px;
  cursor: pointer;
}
.camera-list-box ul li>div>div[data-v-691949ec] {
  display: inline-block;
}
.camera-list-box ul li .arrow i[data-v-691949ec] {
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.camera-list-box ul li .arrow.open i[data-v-691949ec] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.camera-list-box .utm-checkbox-wrapper[data-v-691949ec] {
  width: 100%;
  padding: 0;
  margin-right: 0;
}
.camera-list-box .utm-checkbox-wrapper .camera-placeholder-content[data-v-691949ec] {
  width: 100%;
  height: 32px;
  min-height: 32px;
}

/* **控制tree拖动时的样式*** */
.tree-item-swapper .camera-drag-active.utm-checkbox-wrapper .camera-placeholder-content[data-v-691949ec] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  background-color: #fff;
  color: var(--main-color);
  opacity: 1;
}
.tree-item-swapper .camera-drag-active.utm-checkbox-wrapper i[data-v-691949ec] {
  color: var(--main-color) !important;
}

/************************************************************ 视频监控区域 Start*****************************************/
.event-monitoring-content[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.event-monitoring-content .event-area-cell-setting[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  padding: 16px 16px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-area-cell-setting .event-area-operate[data-v-691949ec] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-area-cell-setting .event-area-operate .event-area-name[data-v-691949ec] {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.event-area-cell-setting .event-area-cell-box[data-v-691949ec] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  background: #eeeeee;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item[data-v-691949ec] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 32px;
  border-radius: 16px;
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item i[data-v-691949ec] {
  color: #B4B4B4;
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item.active[data-v-691949ec] {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item:hover i[data-v-691949ec],
.event-area-cell-setting .event-area-cell-box .event-area-cell-item.active i[data-v-691949ec] {
  color: var(--main-color);
}
.event-monitoring-content .event-area-cell-swapper[data-v-691949ec] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px;
  overflow: hidden;
}
.event-monitoring-content .face-detection-swapper[data-v-691949ec] {
  height: 200px;
  min-height: 200px;
  border-top: 1px solid #DFDFDF;
  padding: 16px 0;
}
.event-monitoring-content .event-area-cell-operate[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
  min-height: 72px;
  border-top: 1px solid #DFDFDF;
}
.event-monitoring-content .event-area-cell-operate .utm-btn[data-v-691949ec] {
  margin: 0 12px;
}

/* ******************************多宫格视频的样式************************** */
.event-area-cell-swapper .video-resource-box[data-v-691949ec] {
  height: 100%;
}
.event-area-cell-swapper .video-resource-box ul[data-v-691949ec] {
  height: 100%;
  font-size: 0;
}
.event-area-cell-swapper .video-resource-box .video-resource-li[data-v-691949ec] {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  padding: 4px;
  vertical-align: top;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-16md[data-v-691949ec] {
  width: 25%;
  height: 25%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-9md[data-v-691949ec] {
  width: 33.3%;
  height: 33.3%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-4md[data-v-691949ec] {
  width: 50%;
  height: 50%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-1md[data-v-691949ec] {
  width: 100%;
  height: 100%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li .video-resource-video[data-v-691949ec] {
  position: relative;
  height: 100%;
  background: #ebeff2;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.event-area-cell-swapper .video-resource-box .video-resource-li .video-resource-show[data-v-691949ec] {
  border: 3px solid #4AB9F5;
}
.event-area-cell-swapper .video-resource-box .video-resource-li .video-resource-video img[data-v-691949ec] {
  width: 50%;
  height: 50%;
}
.video-resource-video .video-resource-content[data-v-691949ec] {
  height: 100%;
  width: 100%;
}
.camera-icon-remove[data-v-691949ec] {
  display: none;
}
.camera-icono-full[data-v-691949ec] {
  display: none;
}
.video-box:hover .camera-icon-remove[data-v-691949ec] {
  display: block;
}
.video-box:hover .camera-icono-full[data-v-691949ec] {
  display: block;
}

/* 元素被拖动占位的样式 */
.video-resource-video .camera-chosen[data-v-691949ec] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #e2f2fa;
  border: 1px dashed #059fe8;
  border-radius: 4px;
  opacity: 1;
}
.video-resource-video .camera-chosen .camera-placeholder-content[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-name[data-v-691949ec],
.video-resource-video .camera-chosen .camera-placeholder-content video.video-resource-item[data-v-691949ec] {
  display: none;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon[data-v-691949ec] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
}
.video-box .camera-icon .show-camera-info[data-v-691949ec] {
  position: absolute;
  font-size: 14px;
  background: rgba(0, 0, 0, .6);
  padding: 10px;
  font-weight: 400;
  border-radius: 5px;
  text-align: left;
  color: #ffffff;
  top: 38px;
  left: 0;
  display: none;
}
.video-box .camera-icon .custom-icon[data-v-691949ec] {
  position: absolute;
  top: 30px;
  left: 5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, .6);
  display: none;
}
.video-box .camera-icon:hover .show-camera-info[data-v-691949ec] {
  display: inline-block;
}
.video-box .camera-icon:hover .custom-icon[data-v-691949ec] {
  display: inline-block;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon i[data-v-691949ec] {
  color: var(--main-color) !important;
  margin-right: 0 !important;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon[data-v-691949ec]::after {
  content: '';
  position: absolute;
  width: 94px;
  height: 94px;
  margin-left: -47px;
  margin-top: -47px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(var(--main-color-rgb), 5%);
  border-radius: 50%;
  z-index: 1;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon[data-v-691949ec]::before {
  content: '';
  position: absolute;
  width: 74px;
  height: 74px;
  margin-left: -37px;
  margin-top: -37px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(var(--main-color-rgb), 10%);
  border-radius: 50%;
  z-index: 1;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon i[data-v-691949ec]::after {
  content: '';
  position: absolute;
  width: 56px;
  height: 56px;
  margin-left: -28px;
  margin-top: -28px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(var(--main-color-rgb), 15%);
  border-radius: 50%;
  z-index: 1;
}
.video-resource-video .camera-drag-active[data-v-691949ec] {
  opacity: 1;
}
.video-resource-video .camera-tree-dragg-active .video-resource-content[data-v-691949ec] {
  opacity: 1;
}

/* **控制tree拖动时的样式*** */

/* 有摄像头的样式 */
.video-box[data-v-691949ec] {
  width: 100%;
  height: 100%;
}
.video-box .video-resource-item[data-v-691949ec] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  border-radius: 4px;
}
.video-box .camera-icon[data-v-691949ec] {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  top: 8px;
  left: 8px;
  background: rgba(255, 255, 255, .4);
  border-radius: 8px;
  z-index: 2;
}
#fullScreen video[data-v-691949ec]::-webkit-media-controls-fullscreen-button,
#fullScreen video[data-v-691949ec]::-webkit-media-controls-volume-slider,
#fullScreen video[data-v-691949ec]::-webkit-media-controls-timeline,
#fullScreen video[data-v-691949ec]::-webkit-media-controls-overflow-menu,
#fullScreen video[data-v-691949ec]::-webkit-media-controls-mute-button {
  display: none;
}

/* 没有摄像头的提示 */
.no-camera-tips[data-v-691949ec] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.no-camera-tips .camera-icon[data-v-691949ec] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
}
.no-camera-tips .no-camera-tips_text[data-v-691949ec] {
  display: inline-block;
  width: 140px;
  font-size: 14px;
  text-align: center;
  color: #999;
  line-height: 20px;
}

/* **********人脸抓拍的样式************ */
.face-detection-swapper .face-detection-header[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px 8px;
  line-height: 22px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}
.face-detection-swapper .face-detection-content[data-v-691949ec] {
  padding: 0 8px;
}
.face-detection-swapper .face-detection-content .face-detection-ul[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  list-style: none;
  min-height: 136px;
  height: 136px;
}
.face-detection-content .face-detection-ul .face-detection-photo[data-v-691949ec] {
  position: relative;
}
.face-detection-ul .face-detection-photo .face-detection-li[data-v-691949ec] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 96px;
  width: 96px;
  height: 120px;
  margin: 0 8px;
  border-radius: 8px;
  opacity: hidden;
  -webkit-transition: width .15s linear, height .15s linear;
  transition: width .15s linear, height .15s linear;
  cursor: pointer;
}
.face-detection-swapper .face-detection-content .face-detection-li[data-v-691949ec]:hover {
  height: 136px;
  min-width: 109px;
  width: 109px;
  border: 2px solid #059fe8;
}
.face-detection-swapper .face-detection-content .face-detection-li:hover .face-detection-img[data-v-691949ec] {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.face-detection-swapper .face-detection-content .face-detection-li .face-detection-operate[data-v-691949ec] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  bottom: 12px;
  z-index: 1;
}
.face-detection-swapper .face-detection-content .face-detection-li .face-detection-operate-content[data-v-691949ec] {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 8px;
  background: rgba(var(--main-color-rgb), .8);
  border-radius: 12px;
}
.face-detection-swapper .face-detection-content .face-detection-li:hover .face-detection-operate-content[data-v-691949ec] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.face-detection-swapper .face-detection-content .face-detection-li .vertical-divider-line[data-v-691949ec] {
  display: inline-block;
  height: 12px;
  width: 1px;
  margin: 0 4px;
  background: #fff;
}
.face-detection-swapper .face-detection-content .face-detection-li .face-detection-more[data-v-691949ec] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 86%;
  text-align: center;
  border-radius: 8px;
  opacity: 0.4;
  height: 97%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000000;
  font-weight: bold;
  color: white;
}

/* 视频监控区域 End*/

/* Watch List Start */
.watch-list-swapper[data-v-691949ec] {
  position: relative;
  width: 336px;
  height: 100%;
  min-width: 336px;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  background-color: #ffffff;
  border-left: 1px solid #DFDFDF;
}
.watchList-close[data-v-691949ec] {
  width: 1px !important;
  min-width: 1px !important;
}
.is-watchList-flag[data-v-691949ec] {
  display: none;
}
.watch-list-swapper .watch-list-shrink[data-v-691949ec] {
  position: absolute;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  width: 16px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  left: -16px;
  top: 50%;
  margin-top: -50px;
  background: var(--main-color);
  border-radius: 6px 0 0 6px;
  cursor: pointer;
}
.watch-list-swapper .watch-list[data-v-691949ec] {
  position: absolute;
  top: 0;
  left: 0;
  width: 336px;
  height: 100%;
  min-width: 336px;
  padding: 17px 16px;
}
.watch-list-swapper .watch-list .watch-list-title[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: bold;
}
.watch-list .watch-list-title .watch-list-count[data-v-691949ec] {
  display: inline-block;
  width: 33px;
  height: 21px;
  background: #8bb4c7;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  text-align: center;
  font-weight: 700;
  border-radius: 11px;
  margin-left: 4px;
  color: blue;
}
.watch-list-swapper .watch-list .watch-list-ul[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  overflow: auto;
}
.watch-list .watch-list-ul .watch-list-li[data-v-691949ec] {
  display: inline-block;
  width: 96px;
  height: 120px;
  cursor: pointer;
  margin-bottom: 12px;
  margin-right: 5px;
  list-style-type: none;
}
.watch-list-li .user-head-sculpture[data-v-691949ec] {
  position: relative;
}
.watch-list-li .user-head-sculpture .user-head-img[data-v-691949ec] {
  width: 96px;
  height: 120px;
  border-radius: 8px;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-text[data-v-691949ec] {
  position: absolute;
  overflow: hidden;
  width: 100%;
  text-align: center;
  padding: 4px 0;
  color: #ffffff;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  bottom: 6px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 25px;
  opacity: 0.8;
  background: #059fe8;
  display: none;
}
.watch-list-li .user-head-sculpture:hover .user-head-sculpture-text[data-v-691949ec] {
  display: block;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-bg[data-v-691949ec] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  display: none;
}
.watch-list-li:hover .user-head-sculpture-bg[data-v-691949ec] {
  display: inline-block;
}
.user-head-sculpture .user-head-sculpture-bg .user-head-sculpture-content[data-v-691949ec] {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 20px;
  font-size: 14px;
}
.user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-operate[data-v-691949ec] {
  position: absolute;
  background: #fff;
  right: 4px;
  top: 4px;
  text-align: center;
  border-radius: 4px;
  height: 19px;
  width: 19px;
  line-height: 19px;
}
.user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-box[data-v-691949ec] {
  position: absolute;
  display: none;
  padding: 4px 0;
  top: 25px;
  left: 20px;
  background: #fff;
  z-index: 99;
  -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
          box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
  border-radius: 4px;
}
.watch-list-ul li:nth-child(3n) .user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-box[data-v-691949ec] {
  left: -80px;
}
.user-head-sculpture-content:hover .user-head-sculpture-box[data-v-691949ec] {
  display: inline-block;
}
.user-head-sculpture-content .user-head-sculpture-box .user-head-sculpture-item[data-v-691949ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0 12px;
  color: #333;
  cursor: pointer;
}

/* Watch List End */
.icon-red[data-v-691949ec]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  width: 8px;
}

/*******************报表详情模态框******************************/
.particular-box-top[data-v-691949ec] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-691949ec] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-691949ec] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-691949ec] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-691949ec]{
  margin-bottom: 0;
}

/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-691949ec] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-691949ec]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-691949ec]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-691949ec] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-691949ec]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-691949ec] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-691949ec] {
  margin-top: 7px;
}
.visitor-specific[data-v-691949ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-691949ec] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-691949ec]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-691949ec]{
  position: relative;
}
.visitor-point-content[data-v-691949ec]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}

/* 用户名的样式 */
.field-item-content-user[data-v-691949ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-691949ec]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-691949ec]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}

/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-691949ec] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-691949ec] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-691949ec] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}

/*通行状态*/
.visitor-specific-content.access-state[data-v-691949ec] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-691949ec]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-691949ec]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-691949ec]{
  display: none;
}
.addition-info-title[data-v-691949ec]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-691949ec]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*tab 标签*/
.utm-primary-tabs[data-v-691949ec]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-691949ec]{
  color: #059FE8;
  cursor: pointer;
}

#page-no-permission[data-v-f2c58f18] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ebeff2;
  z-index: 13;
}
.page-top[data-v-f2c58f18]{
  position: fixed;
  height: 64px;
  padding: 0;
  margin: 0;
  right: 0;
  left: 0px;
  top: 0;
  -webkit-transition: left .25s ease-in;
  transition: left .25s ease-in;
  font-size: 0px;
  -webkit-box-shadow: 6px 3px 6px 0px rgb(0 0 0 / 16%);
  box-shadow: 6px 3px 6px 0px rgb(0 0 0 / 16%);
  z-index: 11;
  background-color: #fff;
}
.logo-container[data-v-f2c58f18]{
  margin-top: 18px;
  margin-left: 71px;
  width: 300px;
  height: 28px;
}
.logo[data-v-f2c58f18] {
  max-width: 200px;
  vertical-align: middle;
  border: 0;
  max-height: 28px;
}
#page-no-permission .utm-modal-wrap .utm-modal-box[data-v-f2c58f18]{
  top: 184px;
}
#page-no-permission .utm-modal-box .utm-modal-content[data-v-f2c58f18]{
  -webkit-box-shadow: none;
          box-shadow: none;
}
.desc-text[data-v-f2c58f18]{
  font-size: 16px;
  color: #000;
}
.modal-icon[data-v-f2c58f18]{
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 120px;
}
.ivu-load-loop{animation:ani-load-loop 1s linear infinite}@keyframes ani-load-loop{from{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.input-group-error-append,.input-group-error-prepend{background-color:#fff;border:1px solid #ed4014}.input-group-error-append .ivu-select-selection,.input-group-error-prepend .ivu-select-selection{background-color:inherit;border:1px solid transparent}.input-group-error-prepend{border-right:0}.input-group-error-append{border-left:0}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:after,:before{box-sizing:border-box}body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:14px;line-height:1.5;color:#515a6e;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,section,td,textarea,th,ul{margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input::-ms-clear,input::-ms-reveal{display:none}a{color:#2d8cf0;background:0 0;text-decoration:none;outline:0;cursor:pointer;transition:color .2s ease}a:hover{color:#57a3f3}a:active{color:#2b85e4}a:active,a:hover{outline:0;text-decoration:none}a[disabled]{color:#ccc;cursor:not-allowed;pointer-events:none}code,kbd,pre,samp{font-family:Consolas,Menlo,Courier,monospace}@font-face{font-family:Ionicons;src:url(/static/fonts/ionicons.143146f.woff2) format("woff2"),url(/static/fonts/ionicons.99ac330.woff) format("woff"),url(/static/fonts/ionicons.d535a25.ttf) format("truetype"),url(/static/img/ionicons.a2c4a26.svg#Ionicons) format("svg");font-weight:400;font-style:normal}.ivu-icon{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:optimizeLegibility;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-.125em;text-align:center}.ivu-icon-ios-add-circle-outline:before{content:"\F100"}.ivu-icon-ios-add-circle:before{content:"\F101"}.ivu-icon-ios-add:before{content:"\F102"}.ivu-icon-ios-alarm-outline:before{content:"\F103"}.ivu-icon-ios-alarm:before{content:"\F104"}.ivu-icon-ios-albums-outline:before{content:"\F105"}.ivu-icon-ios-albums:before{content:"\F106"}.ivu-icon-ios-alert-outline:before{content:"\F107"}.ivu-icon-ios-alert:before{content:"\F108"}.ivu-icon-ios-american-football-outline:before{content:"\F109"}.ivu-icon-ios-american-football:before{content:"\F10A"}.ivu-icon-ios-analytics-outline:before{content:"\F10B"}.ivu-icon-ios-analytics:before{content:"\F10C"}.ivu-icon-ios-aperture-outline:before{content:"\F10D"}.ivu-icon-ios-aperture:before{content:"\F10E"}.ivu-icon-ios-apps-outline:before{content:"\F10F"}.ivu-icon-ios-apps:before{content:"\F110"}.ivu-icon-ios-appstore-outline:before{content:"\F111"}.ivu-icon-ios-appstore:before{content:"\F112"}.ivu-icon-ios-archive-outline:before{content:"\F113"}.ivu-icon-ios-archive:before{content:"\F114"}.ivu-icon-ios-arrow-back:before{content:"\F115"}.ivu-icon-ios-arrow-down:before{content:"\F116"}.ivu-icon-ios-arrow-dropdown-circle:before{content:"\F117"}.ivu-icon-ios-arrow-dropdown:before{content:"\F118"}.ivu-icon-ios-arrow-dropleft-circle:before{content:"\F119"}.ivu-icon-ios-arrow-dropleft:before{content:"\F11A"}.ivu-icon-ios-arrow-dropright-circle:before{content:"\F11B"}.ivu-icon-ios-arrow-dropright:before{content:"\F11C"}.ivu-icon-ios-arrow-dropup-circle:before{content:"\F11D"}.ivu-icon-ios-arrow-dropup:before{content:"\F11E"}.ivu-icon-ios-arrow-forward:before{content:"\F11F"}.ivu-icon-ios-arrow-round-back:before{content:"\F120"}.ivu-icon-ios-arrow-round-down:before{content:"\F121"}.ivu-icon-ios-arrow-round-forward:before{content:"\F122"}.ivu-icon-ios-arrow-round-up:before{content:"\F123"}.ivu-icon-ios-arrow-up:before{content:"\F124"}.ivu-icon-ios-at-outline:before{content:"\F125"}.ivu-icon-ios-at:before{content:"\F126"}.ivu-icon-ios-attach:before{content:"\F127"}.ivu-icon-ios-backspace-outline:before{content:"\F128"}.ivu-icon-ios-backspace:before{content:"\F129"}.ivu-icon-ios-barcode-outline:before{content:"\F12A"}.ivu-icon-ios-barcode:before{content:"\F12B"}.ivu-icon-ios-baseball-outline:before{content:"\F12C"}.ivu-icon-ios-baseball:before{content:"\F12D"}.ivu-icon-ios-basket-outline:before{content:"\F12E"}.ivu-icon-ios-basket:before{content:"\F12F"}.ivu-icon-ios-basketball-outline:before{content:"\F130"}.ivu-icon-ios-basketball:before{content:"\F131"}.ivu-icon-ios-battery-charging:before{content:"\F132"}.ivu-icon-ios-battery-dead:before{content:"\F133"}.ivu-icon-ios-battery-full:before{content:"\F134"}.ivu-icon-ios-beaker-outline:before{content:"\F135"}.ivu-icon-ios-beaker:before{content:"\F136"}.ivu-icon-ios-beer-outline:before{content:"\F137"}.ivu-icon-ios-beer:before{content:"\F138"}.ivu-icon-ios-bicycle:before{content:"\F139"}.ivu-icon-ios-bluetooth:before{content:"\F13A"}.ivu-icon-ios-boat-outline:before{content:"\F13B"}.ivu-icon-ios-boat:before{content:"\F13C"}.ivu-icon-ios-body-outline:before{content:"\F13D"}.ivu-icon-ios-body:before{content:"\F13E"}.ivu-icon-ios-bonfire-outline:before{content:"\F13F"}.ivu-icon-ios-bonfire:before{content:"\F140"}.ivu-icon-ios-book-outline:before{content:"\F141"}.ivu-icon-ios-book:before{content:"\F142"}.ivu-icon-ios-bookmark-outline:before{content:"\F143"}.ivu-icon-ios-bookmark:before{content:"\F144"}.ivu-icon-ios-bookmarks-outline:before{content:"\F145"}.ivu-icon-ios-bookmarks:before{content:"\F146"}.ivu-icon-ios-bowtie-outline:before{content:"\F147"}.ivu-icon-ios-bowtie:before{content:"\F148"}.ivu-icon-ios-briefcase-outline:before{content:"\F149"}.ivu-icon-ios-briefcase:before{content:"\F14A"}.ivu-icon-ios-browsers-outline:before{content:"\F14B"}.ivu-icon-ios-browsers:before{content:"\F14C"}.ivu-icon-ios-brush-outline:before{content:"\F14D"}.ivu-icon-ios-brush:before{content:"\F14E"}.ivu-icon-ios-bug-outline:before{content:"\F14F"}.ivu-icon-ios-bug:before{content:"\F150"}.ivu-icon-ios-build-outline:before{content:"\F151"}.ivu-icon-ios-build:before{content:"\F152"}.ivu-icon-ios-bulb-outline:before{content:"\F153"}.ivu-icon-ios-bulb:before{content:"\F154"}.ivu-icon-ios-bus-outline:before{content:"\F155"}.ivu-icon-ios-bus:before{content:"\F156"}.ivu-icon-ios-cafe-outline:before{content:"\F157"}.ivu-icon-ios-cafe:before{content:"\F158"}.ivu-icon-ios-calculator-outline:before{content:"\F159"}.ivu-icon-ios-calculator:before{content:"\F15A"}.ivu-icon-ios-calendar-outline:before{content:"\F15B"}.ivu-icon-ios-calendar:before{content:"\F15C"}.ivu-icon-ios-call-outline:before{content:"\F15D"}.ivu-icon-ios-call:before{content:"\F15E"}.ivu-icon-ios-camera-outline:before{content:"\F15F"}.ivu-icon-ios-camera:before{content:"\F160"}.ivu-icon-ios-car-outline:before{content:"\F161"}.ivu-icon-ios-car:before{content:"\F162"}.ivu-icon-ios-card-outline:before{content:"\F163"}.ivu-icon-ios-card:before{content:"\F164"}.ivu-icon-ios-cart-outline:before{content:"\F165"}.ivu-icon-ios-cart:before{content:"\F166"}.ivu-icon-ios-cash-outline:before{content:"\F167"}.ivu-icon-ios-cash:before{content:"\F168"}.ivu-icon-ios-chatboxes-outline:before{content:"\F169"}.ivu-icon-ios-chatboxes:before{content:"\F16A"}.ivu-icon-ios-chatbubbles-outline:before{content:"\F16B"}.ivu-icon-ios-chatbubbles:before{content:"\F16C"}.ivu-icon-ios-checkbox-outline:before{content:"\F16D"}.ivu-icon-ios-checkbox:before{content:"\F16E"}.ivu-icon-ios-checkmark-circle-outline:before{content:"\F16F"}.ivu-icon-ios-checkmark-circle:before{content:"\F170"}.ivu-icon-ios-checkmark:before{content:"\F171"}.ivu-icon-ios-clipboard-outline:before{content:"\F172"}.ivu-icon-ios-clipboard:before{content:"\F173"}.ivu-icon-ios-clock-outline:before{content:"\F174"}.ivu-icon-ios-clock:before{content:"\F175"}.ivu-icon-ios-close-circle-outline:before{content:"\F176"}.ivu-icon-ios-close-circle:before{content:"\F177"}.ivu-icon-ios-close:before{content:"\F178"}.ivu-icon-ios-closed-captioning-outline:before{content:"\F179"}.ivu-icon-ios-closed-captioning:before{content:"\F17A"}.ivu-icon-ios-cloud-circle-outline:before{content:"\F17B"}.ivu-icon-ios-cloud-circle:before{content:"\F17C"}.ivu-icon-ios-cloud-done-outline:before{content:"\F17D"}.ivu-icon-ios-cloud-done:before{content:"\F17E"}.ivu-icon-ios-cloud-download-outline:before{content:"\F17F"}.ivu-icon-ios-cloud-download:before{content:"\F180"}.ivu-icon-ios-cloud-outline:before{content:"\F181"}.ivu-icon-ios-cloud-upload-outline:before{content:"\F182"}.ivu-icon-ios-cloud-upload:before{content:"\F183"}.ivu-icon-ios-cloud:before{content:"\F184"}.ivu-icon-ios-cloudy-night-outline:before{content:"\F185"}.ivu-icon-ios-cloudy-night:before{content:"\F186"}.ivu-icon-ios-cloudy-outline:before{content:"\F187"}.ivu-icon-ios-cloudy:before{content:"\F188"}.ivu-icon-ios-code-download:before{content:"\F189"}.ivu-icon-ios-code-working:before{content:"\F18A"}.ivu-icon-ios-code:before{content:"\F18B"}.ivu-icon-ios-cog-outline:before{content:"\F18C"}.ivu-icon-ios-cog:before{content:"\F18D"}.ivu-icon-ios-color-fill-outline:before{content:"\F18E"}.ivu-icon-ios-color-fill:before{content:"\F18F"}.ivu-icon-ios-color-filter-outline:before{content:"\F190"}.ivu-icon-ios-color-filter:before{content:"\F191"}.ivu-icon-ios-color-palette-outline:before{content:"\F192"}.ivu-icon-ios-color-palette:before{content:"\F193"}.ivu-icon-ios-color-wand-outline:before{content:"\F194"}.ivu-icon-ios-color-wand:before{content:"\F195"}.ivu-icon-ios-compass-outline:before{content:"\F196"}.ivu-icon-ios-compass:before{content:"\F197"}.ivu-icon-ios-construct-outline:before{content:"\F198"}.ivu-icon-ios-construct:before{content:"\F199"}.ivu-icon-ios-contact-outline:before{content:"\F19A"}.ivu-icon-ios-contact:before{content:"\F19B"}.ivu-icon-ios-contacts-outline:before{content:"\F19C"}.ivu-icon-ios-contacts:before{content:"\F19D"}.ivu-icon-ios-contract:before{content:"\F19E"}.ivu-icon-ios-contrast:before{content:"\F19F"}.ivu-icon-ios-copy-outline:before{content:"\F1A0"}.ivu-icon-ios-copy:before{content:"\F1A1"}.ivu-icon-ios-create-outline:before{content:"\F1A2"}.ivu-icon-ios-create:before{content:"\F1A3"}.ivu-icon-ios-crop-outline:before{content:"\F1A4"}.ivu-icon-ios-crop:before{content:"\F1A5"}.ivu-icon-ios-cube-outline:before{content:"\F1A6"}.ivu-icon-ios-cube:before{content:"\F1A7"}.ivu-icon-ios-cut-outline:before{content:"\F1A8"}.ivu-icon-ios-cut:before{content:"\F1A9"}.ivu-icon-ios-desktop-outline:before{content:"\F1AA"}.ivu-icon-ios-desktop:before{content:"\F1AB"}.ivu-icon-ios-disc-outline:before{content:"\F1AC"}.ivu-icon-ios-disc:before{content:"\F1AD"}.ivu-icon-ios-document-outline:before{content:"\F1AE"}.ivu-icon-ios-document:before{content:"\F1AF"}.ivu-icon-ios-done-all:before{content:"\F1B0"}.ivu-icon-ios-download-outline:before{content:"\F1B1"}.ivu-icon-ios-download:before{content:"\F1B2"}.ivu-icon-ios-easel-outline:before{content:"\F1B3"}.ivu-icon-ios-easel:before{content:"\F1B4"}.ivu-icon-ios-egg-outline:before{content:"\F1B5"}.ivu-icon-ios-egg:before{content:"\F1B6"}.ivu-icon-ios-exit-outline:before{content:"\F1B7"}.ivu-icon-ios-exit:before{content:"\F1B8"}.ivu-icon-ios-expand:before{content:"\F1B9"}.ivu-icon-ios-eye-off-outline:before{content:"\F1BA"}.ivu-icon-ios-eye-off:before{content:"\F1BB"}.ivu-icon-ios-eye-outline:before{content:"\F1BC"}.ivu-icon-ios-eye:before{content:"\F1BD"}.ivu-icon-ios-fastforward-outline:before{content:"\F1BE"}.ivu-icon-ios-fastforward:before{content:"\F1BF"}.ivu-icon-ios-female:before{content:"\F1C0"}.ivu-icon-ios-filing-outline:before{content:"\F1C1"}.ivu-icon-ios-filing:before{content:"\F1C2"}.ivu-icon-ios-film-outline:before{content:"\F1C3"}.ivu-icon-ios-film:before{content:"\F1C4"}.ivu-icon-ios-finger-print:before{content:"\F1C5"}.ivu-icon-ios-flag-outline:before{content:"\F1C6"}.ivu-icon-ios-flag:before{content:"\F1C7"}.ivu-icon-ios-flame-outline:before{content:"\F1C8"}.ivu-icon-ios-flame:before{content:"\F1C9"}.ivu-icon-ios-flash-outline:before{content:"\F1CA"}.ivu-icon-ios-flash:before{content:"\F1CB"}.ivu-icon-ios-flask-outline:before{content:"\F1CC"}.ivu-icon-ios-flask:before{content:"\F1CD"}.ivu-icon-ios-flower-outline:before{content:"\F1CE"}.ivu-icon-ios-flower:before{content:"\F1CF"}.ivu-icon-ios-folder-open-outline:before{content:"\F1D0"}.ivu-icon-ios-folder-open:before{content:"\F1D1"}.ivu-icon-ios-folder-outline:before{content:"\F1D2"}.ivu-icon-ios-folder:before{content:"\F1D3"}.ivu-icon-ios-football-outline:before{content:"\F1D4"}.ivu-icon-ios-football:before{content:"\F1D5"}.ivu-icon-ios-funnel-outline:before{content:"\F1D6"}.ivu-icon-ios-funnel:before{content:"\F1D7"}.ivu-icon-ios-game-controller-a-outline:before{content:"\F1D8"}.ivu-icon-ios-game-controller-a:before{content:"\F1D9"}.ivu-icon-ios-game-controller-b-outline:before{content:"\F1DA"}.ivu-icon-ios-game-controller-b:before{content:"\F1DB"}.ivu-icon-ios-git-branch:before{content:"\F1DC"}.ivu-icon-ios-git-commit:before{content:"\F1DD"}.ivu-icon-ios-git-compare:before{content:"\F1DE"}.ivu-icon-ios-git-merge:before{content:"\F1DF"}.ivu-icon-ios-git-network:before{content:"\F1E0"}.ivu-icon-ios-git-pull-request:before{content:"\F1E1"}.ivu-icon-ios-glasses-outline:before{content:"\F1E2"}.ivu-icon-ios-glasses:before{content:"\F1E3"}.ivu-icon-ios-globe-outline:before{content:"\F1E4"}.ivu-icon-ios-globe:before{content:"\F1E5"}.ivu-icon-ios-grid-outline:before{content:"\F1E6"}.ivu-icon-ios-grid:before{content:"\F1E7"}.ivu-icon-ios-hammer-outline:before{content:"\F1E8"}.ivu-icon-ios-hammer:before{content:"\F1E9"}.ivu-icon-ios-hand-outline:before{content:"\F1EA"}.ivu-icon-ios-hand:before{content:"\F1EB"}.ivu-icon-ios-happy-outline:before{content:"\F1EC"}.ivu-icon-ios-happy:before{content:"\F1ED"}.ivu-icon-ios-headset-outline:before{content:"\F1EE"}.ivu-icon-ios-headset:before{content:"\F1EF"}.ivu-icon-ios-heart-outline:before{content:"\F1F0"}.ivu-icon-ios-heart:before{content:"\F1F1"}.ivu-icon-ios-help-buoy-outline:before{content:"\F1F2"}.ivu-icon-ios-help-buoy:before{content:"\F1F3"}.ivu-icon-ios-help-circle-outline:before{content:"\F1F4"}.ivu-icon-ios-help-circle:before{content:"\F1F5"}.ivu-icon-ios-help:before{content:"\F1F6"}.ivu-icon-ios-home-outline:before{content:"\F1F7"}.ivu-icon-ios-home:before{content:"\F1F8"}.ivu-icon-ios-ice-cream-outline:before{content:"\F1F9"}.ivu-icon-ios-ice-cream:before{content:"\F1FA"}.ivu-icon-ios-image-outline:before{content:"\F1FB"}.ivu-icon-ios-image:before{content:"\F1FC"}.ivu-icon-ios-images-outline:before{content:"\F1FD"}.ivu-icon-ios-images:before{content:"\F1FE"}.ivu-icon-ios-infinite-outline:before{content:"\F1FF"}.ivu-icon-ios-infinite:before{content:"\F200"}.ivu-icon-ios-information-circle-outline:before{content:"\F201"}.ivu-icon-ios-information-circle:before{content:"\F202"}.ivu-icon-ios-information:before{content:"\F203"}.ivu-icon-ios-ionic-outline:before{content:"\F204"}.ivu-icon-ios-ionic:before{content:"\F205"}.ivu-icon-ios-ionitron-outline:before{content:"\F206"}.ivu-icon-ios-ionitron:before{content:"\F207"}.ivu-icon-ios-jet-outline:before{content:"\F208"}.ivu-icon-ios-jet:before{content:"\F209"}.ivu-icon-ios-key-outline:before{content:"\F20A"}.ivu-icon-ios-key:before{content:"\F20B"}.ivu-icon-ios-keypad-outline:before{content:"\F20C"}.ivu-icon-ios-keypad:before{content:"\F20D"}.ivu-icon-ios-laptop:before{content:"\F20E"}.ivu-icon-ios-leaf-outline:before{content:"\F20F"}.ivu-icon-ios-leaf:before{content:"\F210"}.ivu-icon-ios-link-outline:before{content:"\F211"}.ivu-icon-ios-link:before{content:"\F212"}.ivu-icon-ios-list-box-outline:before{content:"\F213"}.ivu-icon-ios-list-box:before{content:"\F214"}.ivu-icon-ios-list:before{content:"\F215"}.ivu-icon-ios-locate-outline:before{content:"\F216"}.ivu-icon-ios-locate:before{content:"\F217"}.ivu-icon-ios-lock-outline:before{content:"\F218"}.ivu-icon-ios-lock:before{content:"\F219"}.ivu-icon-ios-log-in:before{content:"\F21A"}.ivu-icon-ios-log-out:before{content:"\F21B"}.ivu-icon-ios-magnet-outline:before{content:"\F21C"}.ivu-icon-ios-magnet:before{content:"\F21D"}.ivu-icon-ios-mail-open-outline:before{content:"\F21E"}.ivu-icon-ios-mail-open:before{content:"\F21F"}.ivu-icon-ios-mail-outline:before{content:"\F220"}.ivu-icon-ios-mail:before{content:"\F221"}.ivu-icon-ios-male:before{content:"\F222"}.ivu-icon-ios-man-outline:before{content:"\F223"}.ivu-icon-ios-man:before{content:"\F224"}.ivu-icon-ios-map-outline:before{content:"\F225"}.ivu-icon-ios-map:before{content:"\F226"}.ivu-icon-ios-medal-outline:before{content:"\F227"}.ivu-icon-ios-medal:before{content:"\F228"}.ivu-icon-ios-medical-outline:before{content:"\F229"}.ivu-icon-ios-medical:before{content:"\F22A"}.ivu-icon-ios-medkit-outline:before{content:"\F22B"}.ivu-icon-ios-medkit:before{content:"\F22C"}.ivu-icon-ios-megaphone-outline:before{content:"\F22D"}.ivu-icon-ios-megaphone:before{content:"\F22E"}.ivu-icon-ios-menu-outline:before{content:"\F22F"}.ivu-icon-ios-menu:before{content:"\F230"}.ivu-icon-ios-mic-off-outline:before{content:"\F231"}.ivu-icon-ios-mic-off:before{content:"\F232"}.ivu-icon-ios-mic-outline:before{content:"\F233"}.ivu-icon-ios-mic:before{content:"\F234"}.ivu-icon-ios-microphone-outline:before{content:"\F235"}.ivu-icon-ios-microphone:before{content:"\F236"}.ivu-icon-ios-moon-outline:before{content:"\F237"}.ivu-icon-ios-moon:before{content:"\F238"}.ivu-icon-ios-more-outline:before{content:"\F239"}.ivu-icon-ios-more:before{content:"\F23A"}.ivu-icon-ios-move:before{content:"\F23B"}.ivu-icon-ios-musical-note-outline:before{content:"\F23C"}.ivu-icon-ios-musical-note:before{content:"\F23D"}.ivu-icon-ios-musical-notes-outline:before{content:"\F23E"}.ivu-icon-ios-musical-notes:before{content:"\F23F"}.ivu-icon-ios-navigate-outline:before{content:"\F240"}.ivu-icon-ios-navigate:before{content:"\F241"}.ivu-icon-ios-no-smoking-outline:before{content:"\F242"}.ivu-icon-ios-no-smoking:before{content:"\F243"}.ivu-icon-ios-notifications-off-outline:before{content:"\F244"}.ivu-icon-ios-notifications-off:before{content:"\F245"}.ivu-icon-ios-notifications-outline:before{content:"\F246"}.ivu-icon-ios-notifications:before{content:"\F247"}.ivu-icon-ios-nuclear-outline:before{content:"\F248"}.ivu-icon-ios-nuclear:before{content:"\F249"}.ivu-icon-ios-nutrition-outline:before{content:"\F24A"}.ivu-icon-ios-nutrition:before{content:"\F24B"}.ivu-icon-ios-open-outline:before{content:"\F24C"}.ivu-icon-ios-open:before{content:"\F24D"}.ivu-icon-ios-options-outline:before{content:"\F24E"}.ivu-icon-ios-options:before{content:"\F24F"}.ivu-icon-ios-outlet-outline:before{content:"\F250"}.ivu-icon-ios-outlet:before{content:"\F251"}.ivu-icon-ios-paper-outline:before{content:"\F252"}.ivu-icon-ios-paper-plane-outline:before{content:"\F253"}.ivu-icon-ios-paper-plane:before{content:"\F254"}.ivu-icon-ios-paper:before{content:"\F255"}.ivu-icon-ios-partly-sunny-outline:before{content:"\F256"}.ivu-icon-ios-partly-sunny:before{content:"\F257"}.ivu-icon-ios-pause-outline:before{content:"\F258"}.ivu-icon-ios-pause:before{content:"\F259"}.ivu-icon-ios-paw-outline:before{content:"\F25A"}.ivu-icon-ios-paw:before{content:"\F25B"}.ivu-icon-ios-people-outline:before{content:"\F25C"}.ivu-icon-ios-people:before{content:"\F25D"}.ivu-icon-ios-person-add-outline:before{content:"\F25E"}.ivu-icon-ios-person-add:before{content:"\F25F"}.ivu-icon-ios-person-outline:before{content:"\F260"}.ivu-icon-ios-person:before{content:"\F261"}.ivu-icon-ios-phone-landscape:before{content:"\F262"}.ivu-icon-ios-phone-portrait:before{content:"\F263"}.ivu-icon-ios-photos-outline:before{content:"\F264"}.ivu-icon-ios-photos:before{content:"\F265"}.ivu-icon-ios-pie-outline:before{content:"\F266"}.ivu-icon-ios-pie:before{content:"\F267"}.ivu-icon-ios-pin-outline:before{content:"\F268"}.ivu-icon-ios-pin:before{content:"\F269"}.ivu-icon-ios-pint-outline:before{content:"\F26A"}.ivu-icon-ios-pint:before{content:"\F26B"}.ivu-icon-ios-pizza-outline:before{content:"\F26C"}.ivu-icon-ios-pizza:before{content:"\F26D"}.ivu-icon-ios-plane-outline:before{content:"\F26E"}.ivu-icon-ios-plane:before{content:"\F26F"}.ivu-icon-ios-planet-outline:before{content:"\F270"}.ivu-icon-ios-planet:before{content:"\F271"}.ivu-icon-ios-play-outline:before{content:"\F272"}.ivu-icon-ios-play:before{content:"\F273"}.ivu-icon-ios-podium-outline:before{content:"\F274"}.ivu-icon-ios-podium:before{content:"\F275"}.ivu-icon-ios-power-outline:before{content:"\F276"}.ivu-icon-ios-power:before{content:"\F277"}.ivu-icon-ios-pricetag-outline:before{content:"\F278"}.ivu-icon-ios-pricetag:before{content:"\F279"}.ivu-icon-ios-pricetags-outline:before{content:"\F27A"}.ivu-icon-ios-pricetags:before{content:"\F27B"}.ivu-icon-ios-print-outline:before{content:"\F27C"}.ivu-icon-ios-print:before{content:"\F27D"}.ivu-icon-ios-pulse-outline:before{content:"\F27E"}.ivu-icon-ios-pulse:before{content:"\F27F"}.ivu-icon-ios-qr-scanner:before{content:"\F280"}.ivu-icon-ios-quote-outline:before{content:"\F281"}.ivu-icon-ios-quote:before{content:"\F282"}.ivu-icon-ios-radio-button-off:before{content:"\F283"}.ivu-icon-ios-radio-button-on:before{content:"\F284"}.ivu-icon-ios-radio-outline:before{content:"\F285"}.ivu-icon-ios-radio:before{content:"\F286"}.ivu-icon-ios-rainy-outline:before{content:"\F287"}.ivu-icon-ios-rainy:before{content:"\F288"}.ivu-icon-ios-recording-outline:before{content:"\F289"}.ivu-icon-ios-recording:before{content:"\F28A"}.ivu-icon-ios-redo-outline:before{content:"\F28B"}.ivu-icon-ios-redo:before{content:"\F28C"}.ivu-icon-ios-refresh-circle-outline:before{content:"\F28D"}.ivu-icon-ios-refresh-circle:before{content:"\F28E"}.ivu-icon-ios-refresh:before{content:"\F28F"}.ivu-icon-ios-remove-circle-outline:before{content:"\F290"}.ivu-icon-ios-remove-circle:before{content:"\F291"}.ivu-icon-ios-remove:before{content:"\F292"}.ivu-icon-ios-reorder:before{content:"\F293"}.ivu-icon-ios-repeat:before{content:"\F294"}.ivu-icon-ios-resize:before{content:"\F295"}.ivu-icon-ios-restaurant-outline:before{content:"\F296"}.ivu-icon-ios-restaurant:before{content:"\F297"}.ivu-icon-ios-return-left:before{content:"\F298"}.ivu-icon-ios-return-right:before{content:"\F299"}.ivu-icon-ios-reverse-camera-outline:before{content:"\F29A"}.ivu-icon-ios-reverse-camera:before{content:"\F29B"}.ivu-icon-ios-rewind-outline:before{content:"\F29C"}.ivu-icon-ios-rewind:before{content:"\F29D"}.ivu-icon-ios-ribbon-outline:before{content:"\F29E"}.ivu-icon-ios-ribbon:before{content:"\F29F"}.ivu-icon-ios-rose-outline:before{content:"\F2A0"}.ivu-icon-ios-rose:before{content:"\F2A1"}.ivu-icon-ios-sad-outline:before{content:"\F2A2"}.ivu-icon-ios-sad:before{content:"\F2A3"}.ivu-icon-ios-school-outline:before{content:"\F2A4"}.ivu-icon-ios-school:before{content:"\F2A5"}.ivu-icon-ios-search-outline:before{content:"\F2A6"}.ivu-icon-ios-search:before{content:"\F2A7"}.ivu-icon-ios-send-outline:before{content:"\F2A8"}.ivu-icon-ios-send:before{content:"\F2A9"}.ivu-icon-ios-settings-outline:before{content:"\F2AA"}.ivu-icon-ios-settings:before{content:"\F2AB"}.ivu-icon-ios-share-alt-outline:before{content:"\F2AC"}.ivu-icon-ios-share-alt:before{content:"\F2AD"}.ivu-icon-ios-share-outline:before{content:"\F2AE"}.ivu-icon-ios-share:before{content:"\F2AF"}.ivu-icon-ios-shirt-outline:before{content:"\F2B0"}.ivu-icon-ios-shirt:before{content:"\F2B1"}.ivu-icon-ios-shuffle:before{content:"\F2B2"}.ivu-icon-ios-skip-backward-outline:before{content:"\F2B3"}.ivu-icon-ios-skip-backward:before{content:"\F2B4"}.ivu-icon-ios-skip-forward-outline:before{content:"\F2B5"}.ivu-icon-ios-skip-forward:before{content:"\F2B6"}.ivu-icon-ios-snow-outline:before{content:"\F2B7"}.ivu-icon-ios-snow:before{content:"\F2B8"}.ivu-icon-ios-speedometer-outline:before{content:"\F2B9"}.ivu-icon-ios-speedometer:before{content:"\F2BA"}.ivu-icon-ios-square-outline:before{content:"\F2BB"}.ivu-icon-ios-square:before{content:"\F2BC"}.ivu-icon-ios-star-half:before{content:"\F2BD"}.ivu-icon-ios-star-outline:before{content:"\F2BE"}.ivu-icon-ios-star:before{content:"\F2BF"}.ivu-icon-ios-stats-outline:before{content:"\F2C0"}.ivu-icon-ios-stats:before{content:"\F2C1"}.ivu-icon-ios-stopwatch-outline:before{content:"\F2C2"}.ivu-icon-ios-stopwatch:before{content:"\F2C3"}.ivu-icon-ios-subway-outline:before{content:"\F2C4"}.ivu-icon-ios-subway:before{content:"\F2C5"}.ivu-icon-ios-sunny-outline:before{content:"\F2C6"}.ivu-icon-ios-sunny:before{content:"\F2C7"}.ivu-icon-ios-swap:before{content:"\F2C8"}.ivu-icon-ios-switch-outline:before{content:"\F2C9"}.ivu-icon-ios-switch:before{content:"\F2CA"}.ivu-icon-ios-sync:before{content:"\F2CB"}.ivu-icon-ios-tablet-landscape:before{content:"\F2CC"}.ivu-icon-ios-tablet-portrait:before{content:"\F2CD"}.ivu-icon-ios-tennisball-outline:before{content:"\F2CE"}.ivu-icon-ios-tennisball:before{content:"\F2CF"}.ivu-icon-ios-text-outline:before{content:"\F2D0"}.ivu-icon-ios-text:before{content:"\F2D1"}.ivu-icon-ios-thermometer-outline:before{content:"\F2D2"}.ivu-icon-ios-thermometer:before{content:"\F2D3"}.ivu-icon-ios-thumbs-down-outline:before{content:"\F2D4"}.ivu-icon-ios-thumbs-down:before{content:"\F2D5"}.ivu-icon-ios-thumbs-up-outline:before{content:"\F2D6"}.ivu-icon-ios-thumbs-up:before{content:"\F2D7"}.ivu-icon-ios-thunderstorm-outline:before{content:"\F2D8"}.ivu-icon-ios-thunderstorm:before{content:"\F2D9"}.ivu-icon-ios-time-outline:before{content:"\F2DA"}.ivu-icon-ios-time:before{content:"\F2DB"}.ivu-icon-ios-timer-outline:before{content:"\F2DC"}.ivu-icon-ios-timer:before{content:"\F2DD"}.ivu-icon-ios-train-outline:before{content:"\F2DE"}.ivu-icon-ios-train:before{content:"\F2DF"}.ivu-icon-ios-transgender:before{content:"\F2E0"}.ivu-icon-ios-trash-outline:before{content:"\F2E1"}.ivu-icon-ios-trash:before{content:"\F2E2"}.ivu-icon-ios-trending-down:before{content:"\F2E3"}.ivu-icon-ios-trending-up:before{content:"\F2E4"}.ivu-icon-ios-trophy-outline:before{content:"\F2E5"}.ivu-icon-ios-trophy:before{content:"\F2E6"}.ivu-icon-ios-umbrella-outline:before{content:"\F2E7"}.ivu-icon-ios-umbrella:before{content:"\F2E8"}.ivu-icon-ios-undo-outline:before{content:"\F2E9"}.ivu-icon-ios-undo:before{content:"\F2EA"}.ivu-icon-ios-unlock-outline:before{content:"\F2EB"}.ivu-icon-ios-unlock:before{content:"\F2EC"}.ivu-icon-ios-videocam-outline:before{content:"\F2ED"}.ivu-icon-ios-videocam:before{content:"\F2EE"}.ivu-icon-ios-volume-down:before{content:"\F2EF"}.ivu-icon-ios-volume-mute:before{content:"\F2F0"}.ivu-icon-ios-volume-off:before{content:"\F2F1"}.ivu-icon-ios-volume-up:before{content:"\F2F2"}.ivu-icon-ios-walk:before{content:"\F2F3"}.ivu-icon-ios-warning-outline:before{content:"\F2F4"}.ivu-icon-ios-warning:before{content:"\F2F5"}.ivu-icon-ios-watch:before{content:"\F2F6"}.ivu-icon-ios-water-outline:before{content:"\F2F7"}.ivu-icon-ios-water:before{content:"\F2F8"}.ivu-icon-ios-wifi-outline:before{content:"\F2F9"}.ivu-icon-ios-wifi:before{content:"\F2FA"}.ivu-icon-ios-wine-outline:before{content:"\F2FB"}.ivu-icon-ios-wine:before{content:"\F2FC"}.ivu-icon-ios-woman-outline:before{content:"\F2FD"}.ivu-icon-ios-woman:before{content:"\F2FE"}.ivu-icon-logo-android:before{content:"\F2FF"}.ivu-icon-logo-angular:before{content:"\F300"}.ivu-icon-logo-apple:before{content:"\F301"}.ivu-icon-logo-bitcoin:before{content:"\F302"}.ivu-icon-logo-buffer:before{content:"\F303"}.ivu-icon-logo-chrome:before{content:"\F304"}.ivu-icon-logo-codepen:before{content:"\F305"}.ivu-icon-logo-css3:before{content:"\F306"}.ivu-icon-logo-designernews:before{content:"\F307"}.ivu-icon-logo-dribbble:before{content:"\F308"}.ivu-icon-logo-dropbox:before{content:"\F309"}.ivu-icon-logo-euro:before{content:"\F30A"}.ivu-icon-logo-facebook:before{content:"\F30B"}.ivu-icon-logo-foursquare:before{content:"\F30C"}.ivu-icon-logo-freebsd-devil:before{content:"\F30D"}.ivu-icon-logo-github:before{content:"\F30E"}.ivu-icon-logo-google:before{content:"\F30F"}.ivu-icon-logo-googleplus:before{content:"\F310"}.ivu-icon-logo-hackernews:before{content:"\F311"}.ivu-icon-logo-html5:before{content:"\F312"}.ivu-icon-logo-instagram:before{content:"\F313"}.ivu-icon-logo-javascript:before{content:"\F314"}.ivu-icon-logo-linkedin:before{content:"\F315"}.ivu-icon-logo-markdown:before{content:"\F316"}.ivu-icon-logo-nodejs:before{content:"\F317"}.ivu-icon-logo-octocat:before{content:"\F318"}.ivu-icon-logo-pinterest:before{content:"\F319"}.ivu-icon-logo-playstation:before{content:"\F31A"}.ivu-icon-logo-python:before{content:"\F31B"}.ivu-icon-logo-reddit:before{content:"\F31C"}.ivu-icon-logo-rss:before{content:"\F31D"}.ivu-icon-logo-sass:before{content:"\F31E"}.ivu-icon-logo-skype:before{content:"\F31F"}.ivu-icon-logo-snapchat:before{content:"\F320"}.ivu-icon-logo-steam:before{content:"\F321"}.ivu-icon-logo-tumblr:before{content:"\F322"}.ivu-icon-logo-tux:before{content:"\F323"}.ivu-icon-logo-twitch:before{content:"\F324"}.ivu-icon-logo-twitter:before{content:"\F325"}.ivu-icon-logo-usd:before{content:"\F326"}.ivu-icon-logo-vimeo:before{content:"\F327"}.ivu-icon-logo-whatsapp:before{content:"\F328"}.ivu-icon-logo-windows:before{content:"\F329"}.ivu-icon-logo-wordpress:before{content:"\F32A"}.ivu-icon-logo-xbox:before{content:"\F32B"}.ivu-icon-logo-yahoo:before{content:"\F32C"}.ivu-icon-logo-yen:before{content:"\F32D"}.ivu-icon-logo-youtube:before{content:"\F32E"}.ivu-icon-md-add-circle:before{content:"\F32F"}.ivu-icon-md-add:before{content:"\F330"}.ivu-icon-md-alarm:before{content:"\F331"}.ivu-icon-md-albums:before{content:"\F332"}.ivu-icon-md-alert:before{content:"\F333"}.ivu-icon-md-american-football:before{content:"\F334"}.ivu-icon-md-analytics:before{content:"\F335"}.ivu-icon-md-aperture:before{content:"\F336"}.ivu-icon-md-apps:before{content:"\F337"}.ivu-icon-md-appstore:before{content:"\F338"}.ivu-icon-md-archive:before{content:"\F339"}.ivu-icon-md-arrow-back:before{content:"\F33A"}.ivu-icon-md-arrow-down:before{content:"\F33B"}.ivu-icon-md-arrow-dropdown-circle:before{content:"\F33C"}.ivu-icon-md-arrow-dropdown:before{content:"\F33D"}.ivu-icon-md-arrow-dropleft-circle:before{content:"\F33E"}.ivu-icon-md-arrow-dropleft:before{content:"\F33F"}.ivu-icon-md-arrow-dropright-circle:before{content:"\F340"}.ivu-icon-md-arrow-dropright:before{content:"\F341"}.ivu-icon-md-arrow-dropup-circle:before{content:"\F342"}.ivu-icon-md-arrow-dropup:before{content:"\F343"}.ivu-icon-md-arrow-forward:before{content:"\F344"}.ivu-icon-md-arrow-round-back:before{content:"\F345"}.ivu-icon-md-arrow-round-down:before{content:"\F346"}.ivu-icon-md-arrow-round-forward:before{content:"\F347"}.ivu-icon-md-arrow-round-up:before{content:"\F348"}.ivu-icon-md-arrow-up:before{content:"\F349"}.ivu-icon-md-at:before{content:"\F34A"}.ivu-icon-md-attach:before{content:"\F34B"}.ivu-icon-md-backspace:before{content:"\F34C"}.ivu-icon-md-barcode:before{content:"\F34D"}.ivu-icon-md-baseball:before{content:"\F34E"}.ivu-icon-md-basket:before{content:"\F34F"}.ivu-icon-md-basketball:before{content:"\F350"}.ivu-icon-md-battery-charging:before{content:"\F351"}.ivu-icon-md-battery-dead:before{content:"\F352"}.ivu-icon-md-battery-full:before{content:"\F353"}.ivu-icon-md-beaker:before{content:"\F354"}.ivu-icon-md-beer:before{content:"\F355"}.ivu-icon-md-bicycle:before{content:"\F356"}.ivu-icon-md-bluetooth:before{content:"\F357"}.ivu-icon-md-boat:before{content:"\F358"}.ivu-icon-md-body:before{content:"\F359"}.ivu-icon-md-bonfire:before{content:"\F35A"}.ivu-icon-md-book:before{content:"\F35B"}.ivu-icon-md-bookmark:before{content:"\F35C"}.ivu-icon-md-bookmarks:before{content:"\F35D"}.ivu-icon-md-bowtie:before{content:"\F35E"}.ivu-icon-md-briefcase:before{content:"\F35F"}.ivu-icon-md-browsers:before{content:"\F360"}.ivu-icon-md-brush:before{content:"\F361"}.ivu-icon-md-bug:before{content:"\F362"}.ivu-icon-md-build:before{content:"\F363"}.ivu-icon-md-bulb:before{content:"\F364"}.ivu-icon-md-bus:before{content:"\F365"}.ivu-icon-md-cafe:before{content:"\F366"}.ivu-icon-md-calculator:before{content:"\F367"}.ivu-icon-md-calendar:before{content:"\F368"}.ivu-icon-md-call:before{content:"\F369"}.ivu-icon-md-camera:before{content:"\F36A"}.ivu-icon-md-car:before{content:"\F36B"}.ivu-icon-md-card:before{content:"\F36C"}.ivu-icon-md-cart:before{content:"\F36D"}.ivu-icon-md-cash:before{content:"\F36E"}.ivu-icon-md-chatboxes:before{content:"\F36F"}.ivu-icon-md-chatbubbles:before{content:"\F370"}.ivu-icon-md-checkbox-outline:before{content:"\F371"}.ivu-icon-md-checkbox:before{content:"\F372"}.ivu-icon-md-checkmark-circle-outline:before{content:"\F373"}.ivu-icon-md-checkmark-circle:before{content:"\F374"}.ivu-icon-md-checkmark:before{content:"\F375"}.ivu-icon-md-clipboard:before{content:"\F376"}.ivu-icon-md-clock:before{content:"\F377"}.ivu-icon-md-close-circle:before{content:"\F378"}.ivu-icon-md-close:before{content:"\F379"}.ivu-icon-md-closed-captioning:before{content:"\F37A"}.ivu-icon-md-cloud-circle:before{content:"\F37B"}.ivu-icon-md-cloud-done:before{content:"\F37C"}.ivu-icon-md-cloud-download:before{content:"\F37D"}.ivu-icon-md-cloud-outline:before{content:"\F37E"}.ivu-icon-md-cloud-upload:before{content:"\F37F"}.ivu-icon-md-cloud:before{content:"\F380"}.ivu-icon-md-cloudy-night:before{content:"\F381"}.ivu-icon-md-cloudy:before{content:"\F382"}.ivu-icon-md-code-download:before{content:"\F383"}.ivu-icon-md-code-working:before{content:"\F384"}.ivu-icon-md-code:before{content:"\F385"}.ivu-icon-md-cog:before{content:"\F386"}.ivu-icon-md-color-fill:before{content:"\F387"}.ivu-icon-md-color-filter:before{content:"\F388"}.ivu-icon-md-color-palette:before{content:"\F389"}.ivu-icon-md-color-wand:before{content:"\F38A"}.ivu-icon-md-compass:before{content:"\F38B"}.ivu-icon-md-construct:before{content:"\F38C"}.ivu-icon-md-contact:before{content:"\F38D"}.ivu-icon-md-contacts:before{content:"\F38E"}.ivu-icon-md-contract:before{content:"\F38F"}.ivu-icon-md-contrast:before{content:"\F390"}.ivu-icon-md-copy:before{content:"\F391"}.ivu-icon-md-create:before{content:"\F392"}.ivu-icon-md-crop:before{content:"\F393"}.ivu-icon-md-cube:before{content:"\F394"}.ivu-icon-md-cut:before{content:"\F395"}.ivu-icon-md-desktop:before{content:"\F396"}.ivu-icon-md-disc:before{content:"\F397"}.ivu-icon-md-document:before{content:"\F398"}.ivu-icon-md-done-all:before{content:"\F399"}.ivu-icon-md-download:before{content:"\F39A"}.ivu-icon-md-easel:before{content:"\F39B"}.ivu-icon-md-egg:before{content:"\F39C"}.ivu-icon-md-exit:before{content:"\F39D"}.ivu-icon-md-expand:before{content:"\F39E"}.ivu-icon-md-eye-off:before{content:"\F39F"}.ivu-icon-md-eye:before{content:"\F3A0"}.ivu-icon-md-fastforward:before{content:"\F3A1"}.ivu-icon-md-female:before{content:"\F3A2"}.ivu-icon-md-filing:before{content:"\F3A3"}.ivu-icon-md-film:before{content:"\F3A4"}.ivu-icon-md-finger-print:before{content:"\F3A5"}.ivu-icon-md-flag:before{content:"\F3A6"}.ivu-icon-md-flame:before{content:"\F3A7"}.ivu-icon-md-flash:before{content:"\F3A8"}.ivu-icon-md-flask:before{content:"\F3A9"}.ivu-icon-md-flower:before{content:"\F3AA"}.ivu-icon-md-folder-open:before{content:"\F3AB"}.ivu-icon-md-folder:before{content:"\F3AC"}.ivu-icon-md-football:before{content:"\F3AD"}.ivu-icon-md-funnel:before{content:"\F3AE"}.ivu-icon-md-game-controller-a:before{content:"\F3AF"}.ivu-icon-md-game-controller-b:before{content:"\F3B0"}.ivu-icon-md-git-branch:before{content:"\F3B1"}.ivu-icon-md-git-commit:before{content:"\F3B2"}.ivu-icon-md-git-compare:before{content:"\F3B3"}.ivu-icon-md-git-merge:before{content:"\F3B4"}.ivu-icon-md-git-network:before{content:"\F3B5"}.ivu-icon-md-git-pull-request:before{content:"\F3B6"}.ivu-icon-md-glasses:before{content:"\F3B7"}.ivu-icon-md-globe:before{content:"\F3B8"}.ivu-icon-md-grid:before{content:"\F3B9"}.ivu-icon-md-hammer:before{content:"\F3BA"}.ivu-icon-md-hand:before{content:"\F3BB"}.ivu-icon-md-happy:before{content:"\F3BC"}.ivu-icon-md-headset:before{content:"\F3BD"}.ivu-icon-md-heart-outline:before{content:"\F3BE"}.ivu-icon-md-heart:before{content:"\F3BF"}.ivu-icon-md-help-buoy:before{content:"\F3C0"}.ivu-icon-md-help-circle:before{content:"\F3C1"}.ivu-icon-md-help:before{content:"\F3C2"}.ivu-icon-md-home:before{content:"\F3C3"}.ivu-icon-md-ice-cream:before{content:"\F3C4"}.ivu-icon-md-image:before{content:"\F3C5"}.ivu-icon-md-images:before{content:"\F3C6"}.ivu-icon-md-infinite:before{content:"\F3C7"}.ivu-icon-md-information-circle:before{content:"\F3C8"}.ivu-icon-md-information:before{content:"\F3C9"}.ivu-icon-md-ionic:before{content:"\F3CA"}.ivu-icon-md-ionitron:before{content:"\F3CB"}.ivu-icon-md-jet:before{content:"\F3CC"}.ivu-icon-md-key:before{content:"\F3CD"}.ivu-icon-md-keypad:before{content:"\F3CE"}.ivu-icon-md-laptop:before{content:"\F3CF"}.ivu-icon-md-leaf:before{content:"\F3D0"}.ivu-icon-md-link:before{content:"\F3D1"}.ivu-icon-md-list-box:before{content:"\F3D2"}.ivu-icon-md-list:before{content:"\F3D3"}.ivu-icon-md-locate:before{content:"\F3D4"}.ivu-icon-md-lock:before{content:"\F3D5"}.ivu-icon-md-log-in:before{content:"\F3D6"}.ivu-icon-md-log-out:before{content:"\F3D7"}.ivu-icon-md-magnet:before{content:"\F3D8"}.ivu-icon-md-mail-open:before{content:"\F3D9"}.ivu-icon-md-mail:before{content:"\F3DA"}.ivu-icon-md-male:before{content:"\F3DB"}.ivu-icon-md-man:before{content:"\F3DC"}.ivu-icon-md-map:before{content:"\F3DD"}.ivu-icon-md-medal:before{content:"\F3DE"}.ivu-icon-md-medical:before{content:"\F3DF"}.ivu-icon-md-medkit:before{content:"\F3E0"}.ivu-icon-md-megaphone:before{content:"\F3E1"}.ivu-icon-md-menu:before{content:"\F3E2"}.ivu-icon-md-mic-off:before{content:"\F3E3"}.ivu-icon-md-mic:before{content:"\F3E4"}.ivu-icon-md-microphone:before{content:"\F3E5"}.ivu-icon-md-moon:before{content:"\F3E6"}.ivu-icon-md-more:before{content:"\F3E7"}.ivu-icon-md-move:before{content:"\F3E8"}.ivu-icon-md-musical-note:before{content:"\F3E9"}.ivu-icon-md-musical-notes:before{content:"\F3EA"}.ivu-icon-md-navigate:before{content:"\F3EB"}.ivu-icon-md-no-smoking:before{content:"\F3EC"}.ivu-icon-md-notifications-off:before{content:"\F3ED"}.ivu-icon-md-notifications-outline:before{content:"\F3EE"}.ivu-icon-md-notifications:before{content:"\F3EF"}.ivu-icon-md-nuclear:before{content:"\F3F0"}.ivu-icon-md-nutrition:before{content:"\F3F1"}.ivu-icon-md-open:before{content:"\F3F2"}.ivu-icon-md-options:before{content:"\F3F3"}.ivu-icon-md-outlet:before{content:"\F3F4"}.ivu-icon-md-paper-plane:before{content:"\F3F5"}.ivu-icon-md-paper:before{content:"\F3F6"}.ivu-icon-md-partly-sunny:before{content:"\F3F7"}.ivu-icon-md-pause:before{content:"\F3F8"}.ivu-icon-md-paw:before{content:"\F3F9"}.ivu-icon-md-people:before{content:"\F3FA"}.ivu-icon-md-person-add:before{content:"\F3FB"}.ivu-icon-md-person:before{content:"\F3FC"}.ivu-icon-md-phone-landscape:before{content:"\F3FD"}.ivu-icon-md-phone-portrait:before{content:"\F3FE"}.ivu-icon-md-photos:before{content:"\F3FF"}.ivu-icon-md-pie:before{content:"\F400"}.ivu-icon-md-pin:before{content:"\F401"}.ivu-icon-md-pint:before{content:"\F402"}.ivu-icon-md-pizza:before{content:"\F403"}.ivu-icon-md-plane:before{content:"\F404"}.ivu-icon-md-planet:before{content:"\F405"}.ivu-icon-md-play:before{content:"\F406"}.ivu-icon-md-podium:before{content:"\F407"}.ivu-icon-md-power:before{content:"\F408"}.ivu-icon-md-pricetag:before{content:"\F409"}.ivu-icon-md-pricetags:before{content:"\F40A"}.ivu-icon-md-print:before{content:"\F40B"}.ivu-icon-md-pulse:before{content:"\F40C"}.ivu-icon-md-qr-scanner:before{content:"\F40D"}.ivu-icon-md-quote:before{content:"\F40E"}.ivu-icon-md-radio-button-off:before{content:"\F40F"}.ivu-icon-md-radio-button-on:before{content:"\F410"}.ivu-icon-md-radio:before{content:"\F411"}.ivu-icon-md-rainy:before{content:"\F412"}.ivu-icon-md-recording:before{content:"\F413"}.ivu-icon-md-redo:before{content:"\F414"}.ivu-icon-md-refresh-circle:before{content:"\F415"}.ivu-icon-md-refresh:before{content:"\F416"}.ivu-icon-md-remove-circle:before{content:"\F417"}.ivu-icon-md-remove:before{content:"\F418"}.ivu-icon-md-reorder:before{content:"\F419"}.ivu-icon-md-repeat:before{content:"\F41A"}.ivu-icon-md-resize:before{content:"\F41B"}.ivu-icon-md-restaurant:before{content:"\F41C"}.ivu-icon-md-return-left:before{content:"\F41D"}.ivu-icon-md-return-right:before{content:"\F41E"}.ivu-icon-md-reverse-camera:before{content:"\F41F"}.ivu-icon-md-rewind:before{content:"\F420"}.ivu-icon-md-ribbon:before{content:"\F421"}.ivu-icon-md-rose:before{content:"\F422"}.ivu-icon-md-sad:before{content:"\F423"}.ivu-icon-md-school:before{content:"\F424"}.ivu-icon-md-search:before{content:"\F425"}.ivu-icon-md-send:before{content:"\F426"}.ivu-icon-md-settings:before{content:"\F427"}.ivu-icon-md-share-alt:before{content:"\F428"}.ivu-icon-md-share:before{content:"\F429"}.ivu-icon-md-shirt:before{content:"\F42A"}.ivu-icon-md-shuffle:before{content:"\F42B"}.ivu-icon-md-skip-backward:before{content:"\F42C"}.ivu-icon-md-skip-forward:before{content:"\F42D"}.ivu-icon-md-snow:before{content:"\F42E"}.ivu-icon-md-speedometer:before{content:"\F42F"}.ivu-icon-md-square-outline:before{content:"\F430"}.ivu-icon-md-square:before{content:"\F431"}.ivu-icon-md-star-half:before{content:"\F432"}.ivu-icon-md-star-outline:before{content:"\F433"}.ivu-icon-md-star:before{content:"\F434"}.ivu-icon-md-stats:before{content:"\F435"}.ivu-icon-md-stopwatch:before{content:"\F436"}.ivu-icon-md-subway:before{content:"\F437"}.ivu-icon-md-sunny:before{content:"\F438"}.ivu-icon-md-swap:before{content:"\F439"}.ivu-icon-md-switch:before{content:"\F43A"}.ivu-icon-md-sync:before{content:"\F43B"}.ivu-icon-md-tablet-landscape:before{content:"\F43C"}.ivu-icon-md-tablet-portrait:before{content:"\F43D"}.ivu-icon-md-tennisball:before{content:"\F43E"}.ivu-icon-md-text:before{content:"\F43F"}.ivu-icon-md-thermometer:before{content:"\F440"}.ivu-icon-md-thumbs-down:before{content:"\F441"}.ivu-icon-md-thumbs-up:before{content:"\F442"}.ivu-icon-md-thunderstorm:before{content:"\F443"}.ivu-icon-md-time:before{content:"\F444"}.ivu-icon-md-timer:before{content:"\F445"}.ivu-icon-md-train:before{content:"\F446"}.ivu-icon-md-transgender:before{content:"\F447"}.ivu-icon-md-trash:before{content:"\F448"}.ivu-icon-md-trending-down:before{content:"\F449"}.ivu-icon-md-trending-up:before{content:"\F44A"}.ivu-icon-md-trophy:before{content:"\F44B"}.ivu-icon-md-umbrella:before{content:"\F44C"}.ivu-icon-md-undo:before{content:"\F44D"}.ivu-icon-md-unlock:before{content:"\F44E"}.ivu-icon-md-videocam:before{content:"\F44F"}.ivu-icon-md-volume-down:before{content:"\F450"}.ivu-icon-md-volume-mute:before{content:"\F451"}.ivu-icon-md-volume-off:before{content:"\F452"}.ivu-icon-md-volume-up:before{content:"\F453"}.ivu-icon-md-walk:before{content:"\F454"}.ivu-icon-md-warning:before{content:"\F455"}.ivu-icon-md-watch:before{content:"\F456"}.ivu-icon-md-water:before{content:"\F457"}.ivu-icon-md-wifi:before{content:"\F458"}.ivu-icon-md-wine:before{content:"\F459"}.ivu-icon-md-woman:before{content:"\F45A"}.ivu-icon-ios-loading:before{content:"\F45B"}.ivu-row{position:relative;margin-left:0;margin-right:0;height:auto;zoom:1;display:block}.ivu-row:after,.ivu-row:before{content:"";display:table}.ivu-row:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-row-flex{display:flex;flex-direction:row;flex-wrap:wrap}.ivu-row-flex:after,.ivu-row-flex:before{display:flex}.ivu-row-flex-start{justify-content:flex-start}.ivu-row-flex-center{justify-content:center}.ivu-row-flex-end{justify-content:flex-end}.ivu-row-flex-space-between{justify-content:space-between}.ivu-row-flex-space-around{justify-content:space-around}.ivu-row-flex-top{align-items:flex-start}.ivu-row-flex-middle{align-items:center}.ivu-row-flex-bottom{align-items:flex-end}.ivu-col{position:relative;display:block}.ivu-col-span-1,.ivu-col-span-10,.ivu-col-span-11,.ivu-col-span-12,.ivu-col-span-13,.ivu-col-span-14,.ivu-col-span-15,.ivu-col-span-16,.ivu-col-span-17,.ivu-col-span-18,.ivu-col-span-19,.ivu-col-span-2,.ivu-col-span-20,.ivu-col-span-21,.ivu-col-span-22,.ivu-col-span-23,.ivu-col-span-24,.ivu-col-span-3,.ivu-col-span-4,.ivu-col-span-5,.ivu-col-span-6,.ivu-col-span-7,.ivu-col-span-8,.ivu-col-span-9{float:left;flex:0 0 auto}.ivu-col-span-24{display:block;width:100%}.ivu-col-push-24{left:100%}.ivu-col-pull-24{right:100%}.ivu-col-offset-24{margin-left:100%}.ivu-col-order-24{order:24}.ivu-col-span-23{display:block;width:95.83333333%}.ivu-col-push-23{left:95.83333333%}.ivu-col-pull-23{right:95.83333333%}.ivu-col-offset-23{margin-left:95.83333333%}.ivu-col-order-23{order:23}.ivu-col-span-22{display:block;width:91.66666667%}.ivu-col-push-22{left:91.66666667%}.ivu-col-pull-22{right:91.66666667%}.ivu-col-offset-22{margin-left:91.66666667%}.ivu-col-order-22{order:22}.ivu-col-span-21{display:block;width:87.5%}.ivu-col-push-21{left:87.5%}.ivu-col-pull-21{right:87.5%}.ivu-col-offset-21{margin-left:87.5%}.ivu-col-order-21{order:21}.ivu-col-span-20{display:block;width:83.33333333%}.ivu-col-push-20{left:83.33333333%}.ivu-col-pull-20{right:83.33333333%}.ivu-col-offset-20{margin-left:83.33333333%}.ivu-col-order-20{order:20}.ivu-col-span-19{display:block;width:79.16666667%}.ivu-col-push-19{left:79.16666667%}.ivu-col-pull-19{right:79.16666667%}.ivu-col-offset-19{margin-left:79.16666667%}.ivu-col-order-19{order:19}.ivu-col-span-18{display:block;width:75%}.ivu-col-push-18{left:75%}.ivu-col-pull-18{right:75%}.ivu-col-offset-18{margin-left:75%}.ivu-col-order-18{order:18}.ivu-col-span-17{display:block;width:70.83333333%}.ivu-col-push-17{left:70.83333333%}.ivu-col-pull-17{right:70.83333333%}.ivu-col-offset-17{margin-left:70.83333333%}.ivu-col-order-17{order:17}.ivu-col-span-16{display:block;width:66.66666667%}.ivu-col-push-16{left:66.66666667%}.ivu-col-pull-16{right:66.66666667%}.ivu-col-offset-16{margin-left:66.66666667%}.ivu-col-order-16{order:16}.ivu-col-span-15{display:block;width:62.5%}.ivu-col-push-15{left:62.5%}.ivu-col-pull-15{right:62.5%}.ivu-col-offset-15{margin-left:62.5%}.ivu-col-order-15{order:15}.ivu-col-span-14{display:block;width:58.33333333%}.ivu-col-push-14{left:58.33333333%}.ivu-col-pull-14{right:58.33333333%}.ivu-col-offset-14{margin-left:58.33333333%}.ivu-col-order-14{order:14}.ivu-col-span-13{display:block;width:54.16666667%}.ivu-col-push-13{left:54.16666667%}.ivu-col-pull-13{right:54.16666667%}.ivu-col-offset-13{margin-left:54.16666667%}.ivu-col-order-13{order:13}.ivu-col-span-12{display:block;width:50%}.ivu-col-push-12{left:50%}.ivu-col-pull-12{right:50%}.ivu-col-offset-12{margin-left:50%}.ivu-col-order-12{order:12}.ivu-col-span-11{display:block;width:45.83333333%}.ivu-col-push-11{left:45.83333333%}.ivu-col-pull-11{right:45.83333333%}.ivu-col-offset-11{margin-left:45.83333333%}.ivu-col-order-11{order:11}.ivu-col-span-10{display:block;width:41.66666667%}.ivu-col-push-10{left:41.66666667%}.ivu-col-pull-10{right:41.66666667%}.ivu-col-offset-10{margin-left:41.66666667%}.ivu-col-order-10{order:10}.ivu-col-span-9{display:block;width:37.5%}.ivu-col-push-9{left:37.5%}.ivu-col-pull-9{right:37.5%}.ivu-col-offset-9{margin-left:37.5%}.ivu-col-order-9{order:9}.ivu-col-span-8{display:block;width:33.33333333%}.ivu-col-push-8{left:33.33333333%}.ivu-col-pull-8{right:33.33333333%}.ivu-col-offset-8{margin-left:33.33333333%}.ivu-col-order-8{order:8}.ivu-col-span-7{display:block;width:29.16666667%}.ivu-col-push-7{left:29.16666667%}.ivu-col-pull-7{right:29.16666667%}.ivu-col-offset-7{margin-left:29.16666667%}.ivu-col-order-7{order:7}.ivu-col-span-6{display:block;width:25%}.ivu-col-push-6{left:25%}.ivu-col-pull-6{right:25%}.ivu-col-offset-6{margin-left:25%}.ivu-col-order-6{order:6}.ivu-col-span-5{display:block;width:20.83333333%}.ivu-col-push-5{left:20.83333333%}.ivu-col-pull-5{right:20.83333333%}.ivu-col-offset-5{margin-left:20.83333333%}.ivu-col-order-5{order:5}.ivu-col-span-4{display:block;width:16.66666667%}.ivu-col-push-4{left:16.66666667%}.ivu-col-pull-4{right:16.66666667%}.ivu-col-offset-4{margin-left:16.66666667%}.ivu-col-order-4{order:4}.ivu-col-span-3{display:block;width:12.5%}.ivu-col-push-3{left:12.5%}.ivu-col-pull-3{right:12.5%}.ivu-col-offset-3{margin-left:12.5%}.ivu-col-order-3{order:3}.ivu-col-span-2{display:block;width:8.33333333%}.ivu-col-push-2{left:8.33333333%}.ivu-col-pull-2{right:8.33333333%}.ivu-col-offset-2{margin-left:8.33333333%}.ivu-col-order-2{order:2}.ivu-col-span-1{display:block;width:4.16666667%}.ivu-col-push-1{left:4.16666667%}.ivu-col-pull-1{right:4.16666667%}.ivu-col-offset-1{margin-left:4.16666667%}.ivu-col-order-1{order:1}.ivu-col-span-0{display:none}.ivu-col-push-0{left:auto}.ivu-col-pull-0{right:auto}.ivu-col-offset-0{margin-left:0}.ivu-col-order-0{order:0}.ivu-col-span-xs-1,.ivu-col-span-xs-10,.ivu-col-span-xs-11,.ivu-col-span-xs-12,.ivu-col-span-xs-13,.ivu-col-span-xs-14,.ivu-col-span-xs-15,.ivu-col-span-xs-16,.ivu-col-span-xs-17,.ivu-col-span-xs-18,.ivu-col-span-xs-19,.ivu-col-span-xs-2,.ivu-col-span-xs-20,.ivu-col-span-xs-21,.ivu-col-span-xs-22,.ivu-col-span-xs-23,.ivu-col-span-xs-24,.ivu-col-span-xs-3,.ivu-col-span-xs-4,.ivu-col-span-xs-5,.ivu-col-span-xs-6,.ivu-col-span-xs-7,.ivu-col-span-xs-8,.ivu-col-span-xs-9{float:left;flex:0 0 auto}.ivu-col-span-xs-24{display:block;width:100%}.ivu-col-xs-push-24{left:100%}.ivu-col-xs-pull-24{right:100%}.ivu-col-xs-offset-24{margin-left:100%}.ivu-col-xs-order-24{order:24}.ivu-col-span-xs-23{display:block;width:95.83333333%}.ivu-col-xs-push-23{left:95.83333333%}.ivu-col-xs-pull-23{right:95.83333333%}.ivu-col-xs-offset-23{margin-left:95.83333333%}.ivu-col-xs-order-23{order:23}.ivu-col-span-xs-22{display:block;width:91.66666667%}.ivu-col-xs-push-22{left:91.66666667%}.ivu-col-xs-pull-22{right:91.66666667%}.ivu-col-xs-offset-22{margin-left:91.66666667%}.ivu-col-xs-order-22{order:22}.ivu-col-span-xs-21{display:block;width:87.5%}.ivu-col-xs-push-21{left:87.5%}.ivu-col-xs-pull-21{right:87.5%}.ivu-col-xs-offset-21{margin-left:87.5%}.ivu-col-xs-order-21{order:21}.ivu-col-span-xs-20{display:block;width:83.33333333%}.ivu-col-xs-push-20{left:83.33333333%}.ivu-col-xs-pull-20{right:83.33333333%}.ivu-col-xs-offset-20{margin-left:83.33333333%}.ivu-col-xs-order-20{order:20}.ivu-col-span-xs-19{display:block;width:79.16666667%}.ivu-col-xs-push-19{left:79.16666667%}.ivu-col-xs-pull-19{right:79.16666667%}.ivu-col-xs-offset-19{margin-left:79.16666667%}.ivu-col-xs-order-19{order:19}.ivu-col-span-xs-18{display:block;width:75%}.ivu-col-xs-push-18{left:75%}.ivu-col-xs-pull-18{right:75%}.ivu-col-xs-offset-18{margin-left:75%}.ivu-col-xs-order-18{order:18}.ivu-col-span-xs-17{display:block;width:70.83333333%}.ivu-col-xs-push-17{left:70.83333333%}.ivu-col-xs-pull-17{right:70.83333333%}.ivu-col-xs-offset-17{margin-left:70.83333333%}.ivu-col-xs-order-17{order:17}.ivu-col-span-xs-16{display:block;width:66.66666667%}.ivu-col-xs-push-16{left:66.66666667%}.ivu-col-xs-pull-16{right:66.66666667%}.ivu-col-xs-offset-16{margin-left:66.66666667%}.ivu-col-xs-order-16{order:16}.ivu-col-span-xs-15{display:block;width:62.5%}.ivu-col-xs-push-15{left:62.5%}.ivu-col-xs-pull-15{right:62.5%}.ivu-col-xs-offset-15{margin-left:62.5%}.ivu-col-xs-order-15{order:15}.ivu-col-span-xs-14{display:block;width:58.33333333%}.ivu-col-xs-push-14{left:58.33333333%}.ivu-col-xs-pull-14{right:58.33333333%}.ivu-col-xs-offset-14{margin-left:58.33333333%}.ivu-col-xs-order-14{order:14}.ivu-col-span-xs-13{display:block;width:54.16666667%}.ivu-col-xs-push-13{left:54.16666667%}.ivu-col-xs-pull-13{right:54.16666667%}.ivu-col-xs-offset-13{margin-left:54.16666667%}.ivu-col-xs-order-13{order:13}.ivu-col-span-xs-12{display:block;width:50%}.ivu-col-xs-push-12{left:50%}.ivu-col-xs-pull-12{right:50%}.ivu-col-xs-offset-12{margin-left:50%}.ivu-col-xs-order-12{order:12}.ivu-col-span-xs-11{display:block;width:45.83333333%}.ivu-col-xs-push-11{left:45.83333333%}.ivu-col-xs-pull-11{right:45.83333333%}.ivu-col-xs-offset-11{margin-left:45.83333333%}.ivu-col-xs-order-11{order:11}.ivu-col-span-xs-10{display:block;width:41.66666667%}.ivu-col-xs-push-10{left:41.66666667%}.ivu-col-xs-pull-10{right:41.66666667%}.ivu-col-xs-offset-10{margin-left:41.66666667%}.ivu-col-xs-order-10{order:10}.ivu-col-span-xs-9{display:block;width:37.5%}.ivu-col-xs-push-9{left:37.5%}.ivu-col-xs-pull-9{right:37.5%}.ivu-col-xs-offset-9{margin-left:37.5%}.ivu-col-xs-order-9{order:9}.ivu-col-span-xs-8{display:block;width:33.33333333%}.ivu-col-xs-push-8{left:33.33333333%}.ivu-col-xs-pull-8{right:33.33333333%}.ivu-col-xs-offset-8{margin-left:33.33333333%}.ivu-col-xs-order-8{order:8}.ivu-col-span-xs-7{display:block;width:29.16666667%}.ivu-col-xs-push-7{left:29.16666667%}.ivu-col-xs-pull-7{right:29.16666667%}.ivu-col-xs-offset-7{margin-left:29.16666667%}.ivu-col-xs-order-7{order:7}.ivu-col-span-xs-6{display:block;width:25%}.ivu-col-xs-push-6{left:25%}.ivu-col-xs-pull-6{right:25%}.ivu-col-xs-offset-6{margin-left:25%}.ivu-col-xs-order-6{order:6}.ivu-col-span-xs-5{display:block;width:20.83333333%}.ivu-col-xs-push-5{left:20.83333333%}.ivu-col-xs-pull-5{right:20.83333333%}.ivu-col-xs-offset-5{margin-left:20.83333333%}.ivu-col-xs-order-5{order:5}.ivu-col-span-xs-4{display:block;width:16.66666667%}.ivu-col-xs-push-4{left:16.66666667%}.ivu-col-xs-pull-4{right:16.66666667%}.ivu-col-xs-offset-4{margin-left:16.66666667%}.ivu-col-xs-order-4{order:4}.ivu-col-span-xs-3{display:block;width:12.5%}.ivu-col-xs-push-3{left:12.5%}.ivu-col-xs-pull-3{right:12.5%}.ivu-col-xs-offset-3{margin-left:12.5%}.ivu-col-xs-order-3{order:3}.ivu-col-span-xs-2{display:block;width:8.33333333%}.ivu-col-xs-push-2{left:8.33333333%}.ivu-col-xs-pull-2{right:8.33333333%}.ivu-col-xs-offset-2{margin-left:8.33333333%}.ivu-col-xs-order-2{order:2}.ivu-col-span-xs-1{display:block;width:4.16666667%}.ivu-col-xs-push-1{left:4.16666667%}.ivu-col-xs-pull-1{right:4.16666667%}.ivu-col-xs-offset-1{margin-left:4.16666667%}.ivu-col-xs-order-1{order:1}.ivu-col-span-xs-0{display:none}.ivu-col-xs-push-0{left:auto}.ivu-col-xs-pull-0{right:auto}.ivu-col-xs-offset-0{margin-left:0}.ivu-col-xs-order-0{order:0}@media (min-width:576px){.ivu-col-span-sm-1,.ivu-col-span-sm-10,.ivu-col-span-sm-11,.ivu-col-span-sm-12,.ivu-col-span-sm-13,.ivu-col-span-sm-14,.ivu-col-span-sm-15,.ivu-col-span-sm-16,.ivu-col-span-sm-17,.ivu-col-span-sm-18,.ivu-col-span-sm-19,.ivu-col-span-sm-2,.ivu-col-span-sm-20,.ivu-col-span-sm-21,.ivu-col-span-sm-22,.ivu-col-span-sm-23,.ivu-col-span-sm-24,.ivu-col-span-sm-3,.ivu-col-span-sm-4,.ivu-col-span-sm-5,.ivu-col-span-sm-6,.ivu-col-span-sm-7,.ivu-col-span-sm-8,.ivu-col-span-sm-9{float:left;flex:0 0 auto}.ivu-col-span-sm-24{display:block;width:100%}.ivu-col-sm-push-24{left:100%}.ivu-col-sm-pull-24{right:100%}.ivu-col-sm-offset-24{margin-left:100%}.ivu-col-sm-order-24{order:24}.ivu-col-span-sm-23{display:block;width:95.83333333%}.ivu-col-sm-push-23{left:95.83333333%}.ivu-col-sm-pull-23{right:95.83333333%}.ivu-col-sm-offset-23{margin-left:95.83333333%}.ivu-col-sm-order-23{order:23}.ivu-col-span-sm-22{display:block;width:91.66666667%}.ivu-col-sm-push-22{left:91.66666667%}.ivu-col-sm-pull-22{right:91.66666667%}.ivu-col-sm-offset-22{margin-left:91.66666667%}.ivu-col-sm-order-22{order:22}.ivu-col-span-sm-21{display:block;width:87.5%}.ivu-col-sm-push-21{left:87.5%}.ivu-col-sm-pull-21{right:87.5%}.ivu-col-sm-offset-21{margin-left:87.5%}.ivu-col-sm-order-21{order:21}.ivu-col-span-sm-20{display:block;width:83.33333333%}.ivu-col-sm-push-20{left:83.33333333%}.ivu-col-sm-pull-20{right:83.33333333%}.ivu-col-sm-offset-20{margin-left:83.33333333%}.ivu-col-sm-order-20{order:20}.ivu-col-span-sm-19{display:block;width:79.16666667%}.ivu-col-sm-push-19{left:79.16666667%}.ivu-col-sm-pull-19{right:79.16666667%}.ivu-col-sm-offset-19{margin-left:79.16666667%}.ivu-col-sm-order-19{order:19}.ivu-col-span-sm-18{display:block;width:75%}.ivu-col-sm-push-18{left:75%}.ivu-col-sm-pull-18{right:75%}.ivu-col-sm-offset-18{margin-left:75%}.ivu-col-sm-order-18{order:18}.ivu-col-span-sm-17{display:block;width:70.83333333%}.ivu-col-sm-push-17{left:70.83333333%}.ivu-col-sm-pull-17{right:70.83333333%}.ivu-col-sm-offset-17{margin-left:70.83333333%}.ivu-col-sm-order-17{order:17}.ivu-col-span-sm-16{display:block;width:66.66666667%}.ivu-col-sm-push-16{left:66.66666667%}.ivu-col-sm-pull-16{right:66.66666667%}.ivu-col-sm-offset-16{margin-left:66.66666667%}.ivu-col-sm-order-16{order:16}.ivu-col-span-sm-15{display:block;width:62.5%}.ivu-col-sm-push-15{left:62.5%}.ivu-col-sm-pull-15{right:62.5%}.ivu-col-sm-offset-15{margin-left:62.5%}.ivu-col-sm-order-15{order:15}.ivu-col-span-sm-14{display:block;width:58.33333333%}.ivu-col-sm-push-14{left:58.33333333%}.ivu-col-sm-pull-14{right:58.33333333%}.ivu-col-sm-offset-14{margin-left:58.33333333%}.ivu-col-sm-order-14{order:14}.ivu-col-span-sm-13{display:block;width:54.16666667%}.ivu-col-sm-push-13{left:54.16666667%}.ivu-col-sm-pull-13{right:54.16666667%}.ivu-col-sm-offset-13{margin-left:54.16666667%}.ivu-col-sm-order-13{order:13}.ivu-col-span-sm-12{display:block;width:50%}.ivu-col-sm-push-12{left:50%}.ivu-col-sm-pull-12{right:50%}.ivu-col-sm-offset-12{margin-left:50%}.ivu-col-sm-order-12{order:12}.ivu-col-span-sm-11{display:block;width:45.83333333%}.ivu-col-sm-push-11{left:45.83333333%}.ivu-col-sm-pull-11{right:45.83333333%}.ivu-col-sm-offset-11{margin-left:45.83333333%}.ivu-col-sm-order-11{order:11}.ivu-col-span-sm-10{display:block;width:41.66666667%}.ivu-col-sm-push-10{left:41.66666667%}.ivu-col-sm-pull-10{right:41.66666667%}.ivu-col-sm-offset-10{margin-left:41.66666667%}.ivu-col-sm-order-10{order:10}.ivu-col-span-sm-9{display:block;width:37.5%}.ivu-col-sm-push-9{left:37.5%}.ivu-col-sm-pull-9{right:37.5%}.ivu-col-sm-offset-9{margin-left:37.5%}.ivu-col-sm-order-9{order:9}.ivu-col-span-sm-8{display:block;width:33.33333333%}.ivu-col-sm-push-8{left:33.33333333%}.ivu-col-sm-pull-8{right:33.33333333%}.ivu-col-sm-offset-8{margin-left:33.33333333%}.ivu-col-sm-order-8{order:8}.ivu-col-span-sm-7{display:block;width:29.16666667%}.ivu-col-sm-push-7{left:29.16666667%}.ivu-col-sm-pull-7{right:29.16666667%}.ivu-col-sm-offset-7{margin-left:29.16666667%}.ivu-col-sm-order-7{order:7}.ivu-col-span-sm-6{display:block;width:25%}.ivu-col-sm-push-6{left:25%}.ivu-col-sm-pull-6{right:25%}.ivu-col-sm-offset-6{margin-left:25%}.ivu-col-sm-order-6{order:6}.ivu-col-span-sm-5{display:block;width:20.83333333%}.ivu-col-sm-push-5{left:20.83333333%}.ivu-col-sm-pull-5{right:20.83333333%}.ivu-col-sm-offset-5{margin-left:20.83333333%}.ivu-col-sm-order-5{order:5}.ivu-col-span-sm-4{display:block;width:16.66666667%}.ivu-col-sm-push-4{left:16.66666667%}.ivu-col-sm-pull-4{right:16.66666667%}.ivu-col-sm-offset-4{margin-left:16.66666667%}.ivu-col-sm-order-4{order:4}.ivu-col-span-sm-3{display:block;width:12.5%}.ivu-col-sm-push-3{left:12.5%}.ivu-col-sm-pull-3{right:12.5%}.ivu-col-sm-offset-3{margin-left:12.5%}.ivu-col-sm-order-3{order:3}.ivu-col-span-sm-2{display:block;width:8.33333333%}.ivu-col-sm-push-2{left:8.33333333%}.ivu-col-sm-pull-2{right:8.33333333%}.ivu-col-sm-offset-2{margin-left:8.33333333%}.ivu-col-sm-order-2{order:2}.ivu-col-span-sm-1{display:block;width:4.16666667%}.ivu-col-sm-push-1{left:4.16666667%}.ivu-col-sm-pull-1{right:4.16666667%}.ivu-col-sm-offset-1{margin-left:4.16666667%}.ivu-col-sm-order-1{order:1}.ivu-col-span-sm-0{display:none}.ivu-col-sm-push-0{left:auto}.ivu-col-sm-pull-0{right:auto}.ivu-col-sm-offset-0{margin-left:0}.ivu-col-sm-order-0{order:0}}@media (min-width:768px){.ivu-col-span-md-1,.ivu-col-span-md-10,.ivu-col-span-md-11,.ivu-col-span-md-12,.ivu-col-span-md-13,.ivu-col-span-md-14,.ivu-col-span-md-15,.ivu-col-span-md-16,.ivu-col-span-md-17,.ivu-col-span-md-18,.ivu-col-span-md-19,.ivu-col-span-md-2,.ivu-col-span-md-20,.ivu-col-span-md-21,.ivu-col-span-md-22,.ivu-col-span-md-23,.ivu-col-span-md-24,.ivu-col-span-md-3,.ivu-col-span-md-4,.ivu-col-span-md-5,.ivu-col-span-md-6,.ivu-col-span-md-7,.ivu-col-span-md-8,.ivu-col-span-md-9{float:left;flex:0 0 auto}.ivu-col-span-md-24{display:block;width:100%}.ivu-col-md-push-24{left:100%}.ivu-col-md-pull-24{right:100%}.ivu-col-md-offset-24{margin-left:100%}.ivu-col-md-order-24{order:24}.ivu-col-span-md-23{display:block;width:95.83333333%}.ivu-col-md-push-23{left:95.83333333%}.ivu-col-md-pull-23{right:95.83333333%}.ivu-col-md-offset-23{margin-left:95.83333333%}.ivu-col-md-order-23{order:23}.ivu-col-span-md-22{display:block;width:91.66666667%}.ivu-col-md-push-22{left:91.66666667%}.ivu-col-md-pull-22{right:91.66666667%}.ivu-col-md-offset-22{margin-left:91.66666667%}.ivu-col-md-order-22{order:22}.ivu-col-span-md-21{display:block;width:87.5%}.ivu-col-md-push-21{left:87.5%}.ivu-col-md-pull-21{right:87.5%}.ivu-col-md-offset-21{margin-left:87.5%}.ivu-col-md-order-21{order:21}.ivu-col-span-md-20{display:block;width:83.33333333%}.ivu-col-md-push-20{left:83.33333333%}.ivu-col-md-pull-20{right:83.33333333%}.ivu-col-md-offset-20{margin-left:83.33333333%}.ivu-col-md-order-20{order:20}.ivu-col-span-md-19{display:block;width:79.16666667%}.ivu-col-md-push-19{left:79.16666667%}.ivu-col-md-pull-19{right:79.16666667%}.ivu-col-md-offset-19{margin-left:79.16666667%}.ivu-col-md-order-19{order:19}.ivu-col-span-md-18{display:block;width:75%}.ivu-col-md-push-18{left:75%}.ivu-col-md-pull-18{right:75%}.ivu-col-md-offset-18{margin-left:75%}.ivu-col-md-order-18{order:18}.ivu-col-span-md-17{display:block;width:70.83333333%}.ivu-col-md-push-17{left:70.83333333%}.ivu-col-md-pull-17{right:70.83333333%}.ivu-col-md-offset-17{margin-left:70.83333333%}.ivu-col-md-order-17{order:17}.ivu-col-span-md-16{display:block;width:66.66666667%}.ivu-col-md-push-16{left:66.66666667%}.ivu-col-md-pull-16{right:66.66666667%}.ivu-col-md-offset-16{margin-left:66.66666667%}.ivu-col-md-order-16{order:16}.ivu-col-span-md-15{display:block;width:62.5%}.ivu-col-md-push-15{left:62.5%}.ivu-col-md-pull-15{right:62.5%}.ivu-col-md-offset-15{margin-left:62.5%}.ivu-col-md-order-15{order:15}.ivu-col-span-md-14{display:block;width:58.33333333%}.ivu-col-md-push-14{left:58.33333333%}.ivu-col-md-pull-14{right:58.33333333%}.ivu-col-md-offset-14{margin-left:58.33333333%}.ivu-col-md-order-14{order:14}.ivu-col-span-md-13{display:block;width:54.16666667%}.ivu-col-md-push-13{left:54.16666667%}.ivu-col-md-pull-13{right:54.16666667%}.ivu-col-md-offset-13{margin-left:54.16666667%}.ivu-col-md-order-13{order:13}.ivu-col-span-md-12{display:block;width:50%}.ivu-col-md-push-12{left:50%}.ivu-col-md-pull-12{right:50%}.ivu-col-md-offset-12{margin-left:50%}.ivu-col-md-order-12{order:12}.ivu-col-span-md-11{display:block;width:45.83333333%}.ivu-col-md-push-11{left:45.83333333%}.ivu-col-md-pull-11{right:45.83333333%}.ivu-col-md-offset-11{margin-left:45.83333333%}.ivu-col-md-order-11{order:11}.ivu-col-span-md-10{display:block;width:41.66666667%}.ivu-col-md-push-10{left:41.66666667%}.ivu-col-md-pull-10{right:41.66666667%}.ivu-col-md-offset-10{margin-left:41.66666667%}.ivu-col-md-order-10{order:10}.ivu-col-span-md-9{display:block;width:37.5%}.ivu-col-md-push-9{left:37.5%}.ivu-col-md-pull-9{right:37.5%}.ivu-col-md-offset-9{margin-left:37.5%}.ivu-col-md-order-9{order:9}.ivu-col-span-md-8{display:block;width:33.33333333%}.ivu-col-md-push-8{left:33.33333333%}.ivu-col-md-pull-8{right:33.33333333%}.ivu-col-md-offset-8{margin-left:33.33333333%}.ivu-col-md-order-8{order:8}.ivu-col-span-md-7{display:block;width:29.16666667%}.ivu-col-md-push-7{left:29.16666667%}.ivu-col-md-pull-7{right:29.16666667%}.ivu-col-md-offset-7{margin-left:29.16666667%}.ivu-col-md-order-7{order:7}.ivu-col-span-md-6{display:block;width:25%}.ivu-col-md-push-6{left:25%}.ivu-col-md-pull-6{right:25%}.ivu-col-md-offset-6{margin-left:25%}.ivu-col-md-order-6{order:6}.ivu-col-span-md-5{display:block;width:20.83333333%}.ivu-col-md-push-5{left:20.83333333%}.ivu-col-md-pull-5{right:20.83333333%}.ivu-col-md-offset-5{margin-left:20.83333333%}.ivu-col-md-order-5{order:5}.ivu-col-span-md-4{display:block;width:16.66666667%}.ivu-col-md-push-4{left:16.66666667%}.ivu-col-md-pull-4{right:16.66666667%}.ivu-col-md-offset-4{margin-left:16.66666667%}.ivu-col-md-order-4{order:4}.ivu-col-span-md-3{display:block;width:12.5%}.ivu-col-md-push-3{left:12.5%}.ivu-col-md-pull-3{right:12.5%}.ivu-col-md-offset-3{margin-left:12.5%}.ivu-col-md-order-3{order:3}.ivu-col-span-md-2{display:block;width:8.33333333%}.ivu-col-md-push-2{left:8.33333333%}.ivu-col-md-pull-2{right:8.33333333%}.ivu-col-md-offset-2{margin-left:8.33333333%}.ivu-col-md-order-2{order:2}.ivu-col-span-md-1{display:block;width:4.16666667%}.ivu-col-md-push-1{left:4.16666667%}.ivu-col-md-pull-1{right:4.16666667%}.ivu-col-md-offset-1{margin-left:4.16666667%}.ivu-col-md-order-1{order:1}.ivu-col-span-md-0{display:none}.ivu-col-md-push-0{left:auto}.ivu-col-md-pull-0{right:auto}.ivu-col-md-offset-0{margin-left:0}.ivu-col-md-order-0{order:0}}@media (min-width:992px){.ivu-col-span-lg-1,.ivu-col-span-lg-10,.ivu-col-span-lg-11,.ivu-col-span-lg-12,.ivu-col-span-lg-13,.ivu-col-span-lg-14,.ivu-col-span-lg-15,.ivu-col-span-lg-16,.ivu-col-span-lg-17,.ivu-col-span-lg-18,.ivu-col-span-lg-19,.ivu-col-span-lg-2,.ivu-col-span-lg-20,.ivu-col-span-lg-21,.ivu-col-span-lg-22,.ivu-col-span-lg-23,.ivu-col-span-lg-24,.ivu-col-span-lg-3,.ivu-col-span-lg-4,.ivu-col-span-lg-5,.ivu-col-span-lg-6,.ivu-col-span-lg-7,.ivu-col-span-lg-8,.ivu-col-span-lg-9{float:left;flex:0 0 auto}.ivu-col-span-lg-24{display:block;width:100%}.ivu-col-lg-push-24{left:100%}.ivu-col-lg-pull-24{right:100%}.ivu-col-lg-offset-24{margin-left:100%}.ivu-col-lg-order-24{order:24}.ivu-col-span-lg-23{display:block;width:95.83333333%}.ivu-col-lg-push-23{left:95.83333333%}.ivu-col-lg-pull-23{right:95.83333333%}.ivu-col-lg-offset-23{margin-left:95.83333333%}.ivu-col-lg-order-23{order:23}.ivu-col-span-lg-22{display:block;width:91.66666667%}.ivu-col-lg-push-22{left:91.66666667%}.ivu-col-lg-pull-22{right:91.66666667%}.ivu-col-lg-offset-22{margin-left:91.66666667%}.ivu-col-lg-order-22{order:22}.ivu-col-span-lg-21{display:block;width:87.5%}.ivu-col-lg-push-21{left:87.5%}.ivu-col-lg-pull-21{right:87.5%}.ivu-col-lg-offset-21{margin-left:87.5%}.ivu-col-lg-order-21{order:21}.ivu-col-span-lg-20{display:block;width:83.33333333%}.ivu-col-lg-push-20{left:83.33333333%}.ivu-col-lg-pull-20{right:83.33333333%}.ivu-col-lg-offset-20{margin-left:83.33333333%}.ivu-col-lg-order-20{order:20}.ivu-col-span-lg-19{display:block;width:79.16666667%}.ivu-col-lg-push-19{left:79.16666667%}.ivu-col-lg-pull-19{right:79.16666667%}.ivu-col-lg-offset-19{margin-left:79.16666667%}.ivu-col-lg-order-19{order:19}.ivu-col-span-lg-18{display:block;width:75%}.ivu-col-lg-push-18{left:75%}.ivu-col-lg-pull-18{right:75%}.ivu-col-lg-offset-18{margin-left:75%}.ivu-col-lg-order-18{order:18}.ivu-col-span-lg-17{display:block;width:70.83333333%}.ivu-col-lg-push-17{left:70.83333333%}.ivu-col-lg-pull-17{right:70.83333333%}.ivu-col-lg-offset-17{margin-left:70.83333333%}.ivu-col-lg-order-17{order:17}.ivu-col-span-lg-16{display:block;width:66.66666667%}.ivu-col-lg-push-16{left:66.66666667%}.ivu-col-lg-pull-16{right:66.66666667%}.ivu-col-lg-offset-16{margin-left:66.66666667%}.ivu-col-lg-order-16{order:16}.ivu-col-span-lg-15{display:block;width:62.5%}.ivu-col-lg-push-15{left:62.5%}.ivu-col-lg-pull-15{right:62.5%}.ivu-col-lg-offset-15{margin-left:62.5%}.ivu-col-lg-order-15{order:15}.ivu-col-span-lg-14{display:block;width:58.33333333%}.ivu-col-lg-push-14{left:58.33333333%}.ivu-col-lg-pull-14{right:58.33333333%}.ivu-col-lg-offset-14{margin-left:58.33333333%}.ivu-col-lg-order-14{order:14}.ivu-col-span-lg-13{display:block;width:54.16666667%}.ivu-col-lg-push-13{left:54.16666667%}.ivu-col-lg-pull-13{right:54.16666667%}.ivu-col-lg-offset-13{margin-left:54.16666667%}.ivu-col-lg-order-13{order:13}.ivu-col-span-lg-12{display:block;width:50%}.ivu-col-lg-push-12{left:50%}.ivu-col-lg-pull-12{right:50%}.ivu-col-lg-offset-12{margin-left:50%}.ivu-col-lg-order-12{order:12}.ivu-col-span-lg-11{display:block;width:45.83333333%}.ivu-col-lg-push-11{left:45.83333333%}.ivu-col-lg-pull-11{right:45.83333333%}.ivu-col-lg-offset-11{margin-left:45.83333333%}.ivu-col-lg-order-11{order:11}.ivu-col-span-lg-10{display:block;width:41.66666667%}.ivu-col-lg-push-10{left:41.66666667%}.ivu-col-lg-pull-10{right:41.66666667%}.ivu-col-lg-offset-10{margin-left:41.66666667%}.ivu-col-lg-order-10{order:10}.ivu-col-span-lg-9{display:block;width:37.5%}.ivu-col-lg-push-9{left:37.5%}.ivu-col-lg-pull-9{right:37.5%}.ivu-col-lg-offset-9{margin-left:37.5%}.ivu-col-lg-order-9{order:9}.ivu-col-span-lg-8{display:block;width:33.33333333%}.ivu-col-lg-push-8{left:33.33333333%}.ivu-col-lg-pull-8{right:33.33333333%}.ivu-col-lg-offset-8{margin-left:33.33333333%}.ivu-col-lg-order-8{order:8}.ivu-col-span-lg-7{display:block;width:29.16666667%}.ivu-col-lg-push-7{left:29.16666667%}.ivu-col-lg-pull-7{right:29.16666667%}.ivu-col-lg-offset-7{margin-left:29.16666667%}.ivu-col-lg-order-7{order:7}.ivu-col-span-lg-6{display:block;width:25%}.ivu-col-lg-push-6{left:25%}.ivu-col-lg-pull-6{right:25%}.ivu-col-lg-offset-6{margin-left:25%}.ivu-col-lg-order-6{order:6}.ivu-col-span-lg-5{display:block;width:20.83333333%}.ivu-col-lg-push-5{left:20.83333333%}.ivu-col-lg-pull-5{right:20.83333333%}.ivu-col-lg-offset-5{margin-left:20.83333333%}.ivu-col-lg-order-5{order:5}.ivu-col-span-lg-4{display:block;width:16.66666667%}.ivu-col-lg-push-4{left:16.66666667%}.ivu-col-lg-pull-4{right:16.66666667%}.ivu-col-lg-offset-4{margin-left:16.66666667%}.ivu-col-lg-order-4{order:4}.ivu-col-span-lg-3{display:block;width:12.5%}.ivu-col-lg-push-3{left:12.5%}.ivu-col-lg-pull-3{right:12.5%}.ivu-col-lg-offset-3{margin-left:12.5%}.ivu-col-lg-order-3{order:3}.ivu-col-span-lg-2{display:block;width:8.33333333%}.ivu-col-lg-push-2{left:8.33333333%}.ivu-col-lg-pull-2{right:8.33333333%}.ivu-col-lg-offset-2{margin-left:8.33333333%}.ivu-col-lg-order-2{order:2}.ivu-col-span-lg-1{display:block;width:4.16666667%}.ivu-col-lg-push-1{left:4.16666667%}.ivu-col-lg-pull-1{right:4.16666667%}.ivu-col-lg-offset-1{margin-left:4.16666667%}.ivu-col-lg-order-1{order:1}.ivu-col-span-lg-0{display:none}.ivu-col-lg-push-0{left:auto}.ivu-col-lg-pull-0{right:auto}.ivu-col-lg-offset-0{margin-left:0}.ivu-col-lg-order-0{order:0}}@media (min-width:1200px){.ivu-col-span-xl-1,.ivu-col-span-xl-10,.ivu-col-span-xl-11,.ivu-col-span-xl-12,.ivu-col-span-xl-13,.ivu-col-span-xl-14,.ivu-col-span-xl-15,.ivu-col-span-xl-16,.ivu-col-span-xl-17,.ivu-col-span-xl-18,.ivu-col-span-xl-19,.ivu-col-span-xl-2,.ivu-col-span-xl-20,.ivu-col-span-xl-21,.ivu-col-span-xl-22,.ivu-col-span-xl-23,.ivu-col-span-xl-24,.ivu-col-span-xl-3,.ivu-col-span-xl-4,.ivu-col-span-xl-5,.ivu-col-span-xl-6,.ivu-col-span-xl-7,.ivu-col-span-xl-8,.ivu-col-span-xl-9{float:left;flex:0 0 auto}.ivu-col-span-xl-24{display:block;width:100%}.ivu-col-xl-push-24{left:100%}.ivu-col-xl-pull-24{right:100%}.ivu-col-xl-offset-24{margin-left:100%}.ivu-col-xl-order-24{order:24}.ivu-col-span-xl-23{display:block;width:95.83333333%}.ivu-col-xl-push-23{left:95.83333333%}.ivu-col-xl-pull-23{right:95.83333333%}.ivu-col-xl-offset-23{margin-left:95.83333333%}.ivu-col-xl-order-23{order:23}.ivu-col-span-xl-22{display:block;width:91.66666667%}.ivu-col-xl-push-22{left:91.66666667%}.ivu-col-xl-pull-22{right:91.66666667%}.ivu-col-xl-offset-22{margin-left:91.66666667%}.ivu-col-xl-order-22{order:22}.ivu-col-span-xl-21{display:block;width:87.5%}.ivu-col-xl-push-21{left:87.5%}.ivu-col-xl-pull-21{right:87.5%}.ivu-col-xl-offset-21{margin-left:87.5%}.ivu-col-xl-order-21{order:21}.ivu-col-span-xl-20{display:block;width:83.33333333%}.ivu-col-xl-push-20{left:83.33333333%}.ivu-col-xl-pull-20{right:83.33333333%}.ivu-col-xl-offset-20{margin-left:83.33333333%}.ivu-col-xl-order-20{order:20}.ivu-col-span-xl-19{display:block;width:79.16666667%}.ivu-col-xl-push-19{left:79.16666667%}.ivu-col-xl-pull-19{right:79.16666667%}.ivu-col-xl-offset-19{margin-left:79.16666667%}.ivu-col-xl-order-19{order:19}.ivu-col-span-xl-18{display:block;width:75%}.ivu-col-xl-push-18{left:75%}.ivu-col-xl-pull-18{right:75%}.ivu-col-xl-offset-18{margin-left:75%}.ivu-col-xl-order-18{order:18}.ivu-col-span-xl-17{display:block;width:70.83333333%}.ivu-col-xl-push-17{left:70.83333333%}.ivu-col-xl-pull-17{right:70.83333333%}.ivu-col-xl-offset-17{margin-left:70.83333333%}.ivu-col-xl-order-17{order:17}.ivu-col-span-xl-16{display:block;width:66.66666667%}.ivu-col-xl-push-16{left:66.66666667%}.ivu-col-xl-pull-16{right:66.66666667%}.ivu-col-xl-offset-16{margin-left:66.66666667%}.ivu-col-xl-order-16{order:16}.ivu-col-span-xl-15{display:block;width:62.5%}.ivu-col-xl-push-15{left:62.5%}.ivu-col-xl-pull-15{right:62.5%}.ivu-col-xl-offset-15{margin-left:62.5%}.ivu-col-xl-order-15{order:15}.ivu-col-span-xl-14{display:block;width:58.33333333%}.ivu-col-xl-push-14{left:58.33333333%}.ivu-col-xl-pull-14{right:58.33333333%}.ivu-col-xl-offset-14{margin-left:58.33333333%}.ivu-col-xl-order-14{order:14}.ivu-col-span-xl-13{display:block;width:54.16666667%}.ivu-col-xl-push-13{left:54.16666667%}.ivu-col-xl-pull-13{right:54.16666667%}.ivu-col-xl-offset-13{margin-left:54.16666667%}.ivu-col-xl-order-13{order:13}.ivu-col-span-xl-12{display:block;width:50%}.ivu-col-xl-push-12{left:50%}.ivu-col-xl-pull-12{right:50%}.ivu-col-xl-offset-12{margin-left:50%}.ivu-col-xl-order-12{order:12}.ivu-col-span-xl-11{display:block;width:45.83333333%}.ivu-col-xl-push-11{left:45.83333333%}.ivu-col-xl-pull-11{right:45.83333333%}.ivu-col-xl-offset-11{margin-left:45.83333333%}.ivu-col-xl-order-11{order:11}.ivu-col-span-xl-10{display:block;width:41.66666667%}.ivu-col-xl-push-10{left:41.66666667%}.ivu-col-xl-pull-10{right:41.66666667%}.ivu-col-xl-offset-10{margin-left:41.66666667%}.ivu-col-xl-order-10{order:10}.ivu-col-span-xl-9{display:block;width:37.5%}.ivu-col-xl-push-9{left:37.5%}.ivu-col-xl-pull-9{right:37.5%}.ivu-col-xl-offset-9{margin-left:37.5%}.ivu-col-xl-order-9{order:9}.ivu-col-span-xl-8{display:block;width:33.33333333%}.ivu-col-xl-push-8{left:33.33333333%}.ivu-col-xl-pull-8{right:33.33333333%}.ivu-col-xl-offset-8{margin-left:33.33333333%}.ivu-col-xl-order-8{order:8}.ivu-col-span-xl-7{display:block;width:29.16666667%}.ivu-col-xl-push-7{left:29.16666667%}.ivu-col-xl-pull-7{right:29.16666667%}.ivu-col-xl-offset-7{margin-left:29.16666667%}.ivu-col-xl-order-7{order:7}.ivu-col-span-xl-6{display:block;width:25%}.ivu-col-xl-push-6{left:25%}.ivu-col-xl-pull-6{right:25%}.ivu-col-xl-offset-6{margin-left:25%}.ivu-col-xl-order-6{order:6}.ivu-col-span-xl-5{display:block;width:20.83333333%}.ivu-col-xl-push-5{left:20.83333333%}.ivu-col-xl-pull-5{right:20.83333333%}.ivu-col-xl-offset-5{margin-left:20.83333333%}.ivu-col-xl-order-5{order:5}.ivu-col-span-xl-4{display:block;width:16.66666667%}.ivu-col-xl-push-4{left:16.66666667%}.ivu-col-xl-pull-4{right:16.66666667%}.ivu-col-xl-offset-4{margin-left:16.66666667%}.ivu-col-xl-order-4{order:4}.ivu-col-span-xl-3{display:block;width:12.5%}.ivu-col-xl-push-3{left:12.5%}.ivu-col-xl-pull-3{right:12.5%}.ivu-col-xl-offset-3{margin-left:12.5%}.ivu-col-xl-order-3{order:3}.ivu-col-span-xl-2{display:block;width:8.33333333%}.ivu-col-xl-push-2{left:8.33333333%}.ivu-col-xl-pull-2{right:8.33333333%}.ivu-col-xl-offset-2{margin-left:8.33333333%}.ivu-col-xl-order-2{order:2}.ivu-col-span-xl-1{display:block;width:4.16666667%}.ivu-col-xl-push-1{left:4.16666667%}.ivu-col-xl-pull-1{right:4.16666667%}.ivu-col-xl-offset-1{margin-left:4.16666667%}.ivu-col-xl-order-1{order:1}.ivu-col-span-xl-0{display:none}.ivu-col-xl-push-0{left:auto}.ivu-col-xl-pull-0{right:auto}.ivu-col-xl-offset-0{margin-left:0}.ivu-col-xl-order-0{order:0}}@media (min-width:1600px){.ivu-col-span-xxl-1,.ivu-col-span-xxl-10,.ivu-col-span-xxl-11,.ivu-col-span-xxl-12,.ivu-col-span-xxl-13,.ivu-col-span-xxl-14,.ivu-col-span-xxl-15,.ivu-col-span-xxl-16,.ivu-col-span-xxl-17,.ivu-col-span-xxl-18,.ivu-col-span-xxl-19,.ivu-col-span-xxl-2,.ivu-col-span-xxl-20,.ivu-col-span-xxl-21,.ivu-col-span-xxl-22,.ivu-col-span-xxl-23,.ivu-col-span-xxl-24,.ivu-col-span-xxl-3,.ivu-col-span-xxl-4,.ivu-col-span-xxl-5,.ivu-col-span-xxl-6,.ivu-col-span-xxl-7,.ivu-col-span-xxl-8,.ivu-col-span-xxl-9{float:left;flex:0 0 auto}.ivu-col-span-xxl-24{display:block;width:100%}.ivu-col-xxl-push-24{left:100%}.ivu-col-xxl-pull-24{right:100%}.ivu-col-xxl-offset-24{margin-left:100%}.ivu-col-xxl-order-24{order:24}.ivu-col-span-xxl-23{display:block;width:95.83333333%}.ivu-col-xxl-push-23{left:95.83333333%}.ivu-col-xxl-pull-23{right:95.83333333%}.ivu-col-xxl-offset-23{margin-left:95.83333333%}.ivu-col-xxl-order-23{order:23}.ivu-col-span-xxl-22{display:block;width:91.66666667%}.ivu-col-xxl-push-22{left:91.66666667%}.ivu-col-xxl-pull-22{right:91.66666667%}.ivu-col-xxl-offset-22{margin-left:91.66666667%}.ivu-col-xxl-order-22{order:22}.ivu-col-span-xxl-21{display:block;width:87.5%}.ivu-col-xxl-push-21{left:87.5%}.ivu-col-xxl-pull-21{right:87.5%}.ivu-col-xxl-offset-21{margin-left:87.5%}.ivu-col-xxl-order-21{order:21}.ivu-col-span-xxl-20{display:block;width:83.33333333%}.ivu-col-xxl-push-20{left:83.33333333%}.ivu-col-xxl-pull-20{right:83.33333333%}.ivu-col-xxl-offset-20{margin-left:83.33333333%}.ivu-col-xxl-order-20{order:20}.ivu-col-span-xxl-19{display:block;width:79.16666667%}.ivu-col-xxl-push-19{left:79.16666667%}.ivu-col-xxl-pull-19{right:79.16666667%}.ivu-col-xxl-offset-19{margin-left:79.16666667%}.ivu-col-xxl-order-19{order:19}.ivu-col-span-xxl-18{display:block;width:75%}.ivu-col-xxl-push-18{left:75%}.ivu-col-xxl-pull-18{right:75%}.ivu-col-xxl-offset-18{margin-left:75%}.ivu-col-xxl-order-18{order:18}.ivu-col-span-xxl-17{display:block;width:70.83333333%}.ivu-col-xxl-push-17{left:70.83333333%}.ivu-col-xxl-pull-17{right:70.83333333%}.ivu-col-xxl-offset-17{margin-left:70.83333333%}.ivu-col-xxl-order-17{order:17}.ivu-col-span-xxl-16{display:block;width:66.66666667%}.ivu-col-xxl-push-16{left:66.66666667%}.ivu-col-xxl-pull-16{right:66.66666667%}.ivu-col-xxl-offset-16{margin-left:66.66666667%}.ivu-col-xxl-order-16{order:16}.ivu-col-span-xxl-15{display:block;width:62.5%}.ivu-col-xxl-push-15{left:62.5%}.ivu-col-xxl-pull-15{right:62.5%}.ivu-col-xxl-offset-15{margin-left:62.5%}.ivu-col-xxl-order-15{order:15}.ivu-col-span-xxl-14{display:block;width:58.33333333%}.ivu-col-xxl-push-14{left:58.33333333%}.ivu-col-xxl-pull-14{right:58.33333333%}.ivu-col-xxl-offset-14{margin-left:58.33333333%}.ivu-col-xxl-order-14{order:14}.ivu-col-span-xxl-13{display:block;width:54.16666667%}.ivu-col-xxl-push-13{left:54.16666667%}.ivu-col-xxl-pull-13{right:54.16666667%}.ivu-col-xxl-offset-13{margin-left:54.16666667%}.ivu-col-xxl-order-13{order:13}.ivu-col-span-xxl-12{display:block;width:50%}.ivu-col-xxl-push-12{left:50%}.ivu-col-xxl-pull-12{right:50%}.ivu-col-xxl-offset-12{margin-left:50%}.ivu-col-xxl-order-12{order:12}.ivu-col-span-xxl-11{display:block;width:45.83333333%}.ivu-col-xxl-push-11{left:45.83333333%}.ivu-col-xxl-pull-11{right:45.83333333%}.ivu-col-xxl-offset-11{margin-left:45.83333333%}.ivu-col-xxl-order-11{order:11}.ivu-col-span-xxl-10{display:block;width:41.66666667%}.ivu-col-xxl-push-10{left:41.66666667%}.ivu-col-xxl-pull-10{right:41.66666667%}.ivu-col-xxl-offset-10{margin-left:41.66666667%}.ivu-col-xxl-order-10{order:10}.ivu-col-span-xxl-9{display:block;width:37.5%}.ivu-col-xxl-push-9{left:37.5%}.ivu-col-xxl-pull-9{right:37.5%}.ivu-col-xxl-offset-9{margin-left:37.5%}.ivu-col-xxl-order-9{order:9}.ivu-col-span-xxl-8{display:block;width:33.33333333%}.ivu-col-xxl-push-8{left:33.33333333%}.ivu-col-xxl-pull-8{right:33.33333333%}.ivu-col-xxl-offset-8{margin-left:33.33333333%}.ivu-col-xxl-order-8{order:8}.ivu-col-span-xxl-7{display:block;width:29.16666667%}.ivu-col-xxl-push-7{left:29.16666667%}.ivu-col-xxl-pull-7{right:29.16666667%}.ivu-col-xxl-offset-7{margin-left:29.16666667%}.ivu-col-xxl-order-7{order:7}.ivu-col-span-xxl-6{display:block;width:25%}.ivu-col-xxl-push-6{left:25%}.ivu-col-xxl-pull-6{right:25%}.ivu-col-xxl-offset-6{margin-left:25%}.ivu-col-xxl-order-6{order:6}.ivu-col-span-xxl-5{display:block;width:20.83333333%}.ivu-col-xxl-push-5{left:20.83333333%}.ivu-col-xxl-pull-5{right:20.83333333%}.ivu-col-xxl-offset-5{margin-left:20.83333333%}.ivu-col-xxl-order-5{order:5}.ivu-col-span-xxl-4{display:block;width:16.66666667%}.ivu-col-xxl-push-4{left:16.66666667%}.ivu-col-xxl-pull-4{right:16.66666667%}.ivu-col-xxl-offset-4{margin-left:16.66666667%}.ivu-col-xxl-order-4{order:4}.ivu-col-span-xxl-3{display:block;width:12.5%}.ivu-col-xxl-push-3{left:12.5%}.ivu-col-xxl-pull-3{right:12.5%}.ivu-col-xxl-offset-3{margin-left:12.5%}.ivu-col-xxl-order-3{order:3}.ivu-col-span-xxl-2{display:block;width:8.33333333%}.ivu-col-xxl-push-2{left:8.33333333%}.ivu-col-xxl-pull-2{right:8.33333333%}.ivu-col-xxl-offset-2{margin-left:8.33333333%}.ivu-col-xxl-order-2{order:2}.ivu-col-span-xxl-1{display:block;width:4.16666667%}.ivu-col-xxl-push-1{left:4.16666667%}.ivu-col-xxl-pull-1{right:4.16666667%}.ivu-col-xxl-offset-1{margin-left:4.16666667%}.ivu-col-xxl-order-1{order:1}.ivu-col-span-xxl-0{display:none}.ivu-col-xxl-push-0{left:auto}.ivu-col-xxl-pull-0{right:auto}.ivu-col-xxl-offset-0{margin-left:0}.ivu-col-xxl-order-0{order:0}}.ivu-article h1{font-size:26px;font-weight:400}.ivu-article h2{font-size:20px;font-weight:400}.ivu-article h3{font-size:16px;font-weight:400}.ivu-article h4{font-size:14px;font-weight:400}.ivu-article h5{font-size:12px;font-weight:400}.ivu-article h6{font-size:12px;font-weight:400}.ivu-article blockquote{padding:5px 5px 3px 10px;line-height:1.5;border-left:4px solid #ddd;margin-bottom:20px;color:#666;font-size:14px}.ivu-article ul:not([class^=ivu-]){padding-left:40px;list-style-type:disc}.ivu-article li:not([class^=ivu-]){margin-bottom:5px;font-size:14px}.ivu-article ol ul:not([class^=ivu-]),.ivu-article ul ul:not([class^=ivu-]){list-style-type:circle}.ivu-article p{margin:5px;font-size:14px}.ivu-article a:not([class^=ivu-])[target="_blank"]:after{content:"\F3F2";font-family:Ionicons;color:#aaa;margin-left:3px}.fade-appear,.fade-enter-active{animation-duration:.15s;animation-fill-mode:both;animation-play-state:paused}.fade-leave-active{animation-duration:.15s;animation-fill-mode:both;animation-play-state:paused}.fade-appear,.fade-enter-active{animation-name:ivuFadeIn;animation-play-state:running}.fade-leave-active{animation-name:ivuFadeOut;animation-play-state:running}.fade-appear,.fade-enter-active{opacity:0;animation-timing-function:linear}.fade-leave-active{animation-timing-function:linear}@keyframes ivuFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ivuFadeOut{0%{opacity:1}100%{opacity:0}}.move-up-appear,.move-up-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-up-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-up-appear,.move-up-enter-active{animation-name:ivuMoveUpIn;animation-play-state:running}.move-up-leave-active{animation-name:ivuMoveUpOut;animation-play-state:running}.move-up-appear,.move-up-enter-active{opacity:0;animation-timing-function:ease-in-out}.move-up-leave-active{animation-timing-function:ease-in-out}.move-down-appear,.move-down-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-down-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-down-appear,.move-down-enter-active{animation-name:ivuMoveDownIn;animation-play-state:running}.move-down-leave-active{animation-name:ivuMoveDownOut;animation-play-state:running}.move-down-appear,.move-down-enter-active{opacity:0;animation-timing-function:ease-in-out}.move-down-leave-active{animation-timing-function:ease-in-out}.move-left-appear,.move-left-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-left-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-left-appear,.move-left-enter-active{animation-name:ivuMoveLeftIn;animation-play-state:running}.move-left-leave-active{animation-name:ivuMoveLeftOut;animation-play-state:running}.move-left-appear,.move-left-enter-active{opacity:0;animation-timing-function:ease-in-out}.move-left-leave-active{animation-timing-function:ease-in-out}.move-right-appear,.move-right-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-right-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-right-appear,.move-right-enter-active{animation-name:ivuMoveRightIn;animation-play-state:running}.move-right-leave-active{animation-name:ivuMoveRightOut;animation-play-state:running}.move-right-appear,.move-right-enter-active{opacity:0;animation-timing-function:ease-in-out}.move-right-leave-active{animation-timing-function:ease-in-out}@keyframes ivuMoveDownIn{0%{transform-origin:0 0;transform:translateY(100%);opacity:0}100%{transform-origin:0 0;transform:translateY(0);opacity:1}}@keyframes ivuMoveDownOut{0%{transform-origin:0 0;transform:translateY(0);opacity:1}100%{transform-origin:0 0;transform:translateY(100%);opacity:0}}@keyframes ivuMoveLeftIn{0%{transform-origin:0 0;transform:translateX(-100%);opacity:0}100%{transform-origin:0 0;transform:translateX(0);opacity:1}}@keyframes ivuMoveLeftOut{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}@keyframes ivuMoveRightIn{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}100%{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes ivuMoveRightOut{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes ivuMoveUpIn{0%{transform-origin:0 0;transform:translateY(-100%);opacity:0}100%{transform-origin:0 0;transform:translateY(0);opacity:1}}@keyframes ivuMoveUpOut{0%{transform-origin:0 0;transform:translateY(0);opacity:1}100%{transform-origin:0 0;transform:translateY(-100%);opacity:0}}.move-notice-appear,.move-notice-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-notice-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.move-notice-appear,.move-notice-enter-active{animation-name:ivuMoveNoticeIn;animation-play-state:running}.move-notice-leave-active{animation-name:ivuMoveNoticeOut;animation-play-state:running}.move-notice-appear,.move-notice-enter-active{opacity:0;animation-timing-function:ease-in-out}.move-notice-leave-active{animation-timing-function:ease-in-out}@keyframes ivuMoveNoticeIn{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}100%{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes ivuMoveNoticeOut{0%{transform-origin:0 0;transform:translateX(0);opacity:1}70%{transform-origin:0 0;transform:translateX(100%);height:auto;padding:16px;margin-bottom:10px;opacity:0}100%{transform-origin:0 0;transform:translateX(100%);height:0;padding:0;margin-bottom:0;opacity:0}}.ease-appear,.ease-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.ease-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.ease-appear,.ease-enter-active{animation-name:ivuEaseIn;animation-play-state:running}.ease-leave-active{animation-name:ivuEaseOut;animation-play-state:running}.ease-appear,.ease-enter-active{opacity:0;animation-timing-function:linear;animation-duration:.2s}.ease-leave-active{animation-timing-function:linear;animation-duration:.2s}@keyframes ivuEaseIn{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes ivuEaseOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.transition-drop-appear,.transition-drop-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.transition-drop-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.transition-drop-appear,.transition-drop-enter-active{animation-name:ivuTransitionDropIn;animation-play-state:running}.transition-drop-leave-active{animation-name:ivuTransitionDropOut;animation-play-state:running}.transition-drop-appear,.transition-drop-enter-active{opacity:0;animation-timing-function:ease-in-out}.transition-drop-leave-active{animation-timing-function:ease-in-out}.slide-up-appear,.slide-up-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-up-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-up-appear,.slide-up-enter-active{animation-name:ivuSlideUpIn;animation-play-state:running}.slide-up-leave-active{animation-name:ivuSlideUpOut;animation-play-state:running}.slide-up-appear,.slide-up-enter-active{opacity:0;animation-timing-function:ease-in-out}.slide-up-leave-active{animation-timing-function:ease-in-out}.slide-down-appear,.slide-down-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-down-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-down-appear,.slide-down-enter-active{animation-name:ivuSlideDownIn;animation-play-state:running}.slide-down-leave-active{animation-name:ivuSlideDownOut;animation-play-state:running}.slide-down-appear,.slide-down-enter-active{opacity:0;animation-timing-function:ease-in-out}.slide-down-leave-active{animation-timing-function:ease-in-out}.slide-left-appear,.slide-left-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-left-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-left-appear,.slide-left-enter-active{animation-name:ivuSlideLeftIn;animation-play-state:running}.slide-left-leave-active{animation-name:ivuSlideLeftOut;animation-play-state:running}.slide-left-appear,.slide-left-enter-active{opacity:0;animation-timing-function:ease-in-out}.slide-left-leave-active{animation-timing-function:ease-in-out}.slide-right-appear,.slide-right-enter-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-right-leave-active{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.slide-right-appear,.slide-right-enter-active{animation-name:ivuSlideRightIn;animation-play-state:running}.slide-right-leave-active{animation-name:ivuSlideRightOut;animation-play-state:running}.slide-right-appear,.slide-right-enter-active{opacity:0;animation-timing-function:ease-in-out}.slide-right-leave-active{animation-timing-function:ease-in-out}@keyframes ivuTransitionDropIn{0%{opacity:0;transform:scaleY(.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes ivuTransitionDropOut{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.8)}}@keyframes ivuSlideUpIn{0%{opacity:0;transform-origin:0 0;transform:scaleY(.8)}100%{opacity:1;transform-origin:0 0;transform:scaleY(1)}}@keyframes ivuSlideUpOut{0%{opacity:1;transform-origin:0 0;transform:scaleY(1)}100%{opacity:0;transform-origin:0 0;transform:scaleY(.8)}}@keyframes ivuSlideDownIn{0%{opacity:0;transform-origin:100% 100%;transform:scaleY(.8)}100%{opacity:1;transform-origin:100% 100%;transform:scaleY(1)}}@keyframes ivuSlideDownOut{0%{opacity:1;transform-origin:100% 100%;transform:scaleY(1)}100%{opacity:0;transform-origin:100% 100%;transform:scaleY(.8)}}@keyframes ivuSlideLeftIn{0%{opacity:0;transform-origin:0 0;transform:scaleX(.8)}100%{opacity:1;transform-origin:0 0;transform:scaleX(1)}}@keyframes ivuSlideLeftOut{0%{opacity:1;transform-origin:0 0;transform:scaleX(1)}100%{opacity:0;transform-origin:0 0;transform:scaleX(.8)}}@keyframes ivuSlideRightIn{0%{opacity:0;transform-origin:100% 0;transform:scaleX(.8)}100%{opacity:1;transform-origin:100% 0;transform:scaleX(1)}}@keyframes ivuSlideRightOut{0%{opacity:1;transform-origin:100% 0;transform:scaleX(1)}100%{opacity:0;transform-origin:100% 0;transform:scaleX(.8)}}.collapse-transition{transition:.2s height ease-in-out,.2s padding-top ease-in-out,.2s padding-bottom ease-in-out}.ivu-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;line-height:1.5;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:32px;padding:0 15px;font-size:14px;border-radius:4px;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;color:#515a6e;background-color:#fff;border-color:#dcdee2}.ivu-btn>.ivu-icon{line-height:1.5}.ivu-btn-icon-only.ivu-btn-circle>.ivu-icon{vertical-align:baseline}.ivu-btn>i,.ivu-btn>span{display:inline-block}.ivu-btn,.ivu-btn:active,.ivu-btn:focus{outline:0}.ivu-btn:not([disabled]):hover{text-decoration:none}.ivu-btn:not([disabled]):active{outline:0}.ivu-btn.disabled,.ivu-btn[disabled]{cursor:not-allowed}.ivu-btn.disabled>*,.ivu-btn[disabled]>*{pointer-events:none}.ivu-btn-large{height:40px;padding:0 15px;font-size:16px;border-radius:4px}.ivu-btn-small{height:24px;padding:0 7px;font-size:14px;border-radius:3px}.ivu-btn-icon-only{width:32px;height:32px;padding:0;font-size:16px;border-radius:4px}.ivu-btn-icon-only.ivu-btn-large{width:40px;height:40px;padding:0;font-size:18px;border-radius:4px}.ivu-btn-icon-only.ivu-btn-small{width:24px;height:24px;padding:0;font-size:14px;border-radius:4px}.ivu-btn>a:only-child{color:currentColor}.ivu-btn>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn:hover{color:#747b8b;background-color:#fff;border-color:#e3e5e8}.ivu-btn:hover>a:only-child{color:currentColor}.ivu-btn:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn.active,.ivu-btn:active{color:#4d5669;background-color:#f2f2f2;border-color:#f2f2f2}.ivu-btn.active>a:only-child,.ivu-btn:active>a:only-child{color:currentColor}.ivu-btn.active>a:only-child:after,.ivu-btn:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn.disabled,.ivu-btn.disabled.active,.ivu-btn.disabled:active,.ivu-btn.disabled:focus,.ivu-btn.disabled:hover,.ivu-btn[disabled],.ivu-btn[disabled].active,.ivu-btn[disabled]:active,.ivu-btn[disabled]:focus,.ivu-btn[disabled]:hover,fieldset[disabled] .ivu-btn,fieldset[disabled] .ivu-btn.active,fieldset[disabled] .ivu-btn:active,fieldset[disabled] .ivu-btn:focus,fieldset[disabled] .ivu-btn:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn.disabled.active>a:only-child,.ivu-btn.disabled:active>a:only-child,.ivu-btn.disabled:focus>a:only-child,.ivu-btn.disabled:hover>a:only-child,.ivu-btn.disabled>a:only-child,.ivu-btn[disabled].active>a:only-child,.ivu-btn[disabled]:active>a:only-child,.ivu-btn[disabled]:focus>a:only-child,.ivu-btn[disabled]:hover>a:only-child,.ivu-btn[disabled]>a:only-child,fieldset[disabled] .ivu-btn.active>a:only-child,fieldset[disabled] .ivu-btn:active>a:only-child,fieldset[disabled] .ivu-btn:focus>a:only-child,fieldset[disabled] .ivu-btn:hover>a:only-child,fieldset[disabled] .ivu-btn>a:only-child{color:currentColor}.ivu-btn.disabled.active>a:only-child:after,.ivu-btn.disabled:active>a:only-child:after,.ivu-btn.disabled:focus>a:only-child:after,.ivu-btn.disabled:hover>a:only-child:after,.ivu-btn.disabled>a:only-child:after,.ivu-btn[disabled].active>a:only-child:after,.ivu-btn[disabled]:active>a:only-child:after,.ivu-btn[disabled]:focus>a:only-child:after,.ivu-btn[disabled]:hover>a:only-child:after,.ivu-btn[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn.active>a:only-child:after,fieldset[disabled] .ivu-btn:active>a:only-child:after,fieldset[disabled] .ivu-btn:focus>a:only-child:after,fieldset[disabled] .ivu-btn:hover>a:only-child:after,fieldset[disabled] .ivu-btn>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn:hover{color:#57a3f3;background-color:#fff;border-color:#57a3f3}.ivu-btn:hover>a:only-child{color:currentColor}.ivu-btn:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn.active,.ivu-btn:active{color:#2b85e4;background-color:#fff;border-color:#2b85e4}.ivu-btn.active>a:only-child,.ivu-btn:active>a:only-child{color:currentColor}.ivu-btn.active>a:only-child:after,.ivu-btn:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn:focus{box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-long{width:100%}.ivu-btn>.ivu-icon+span,.ivu-btn>span+.ivu-icon{margin-left:4px}.ivu-btn-primary{color:#fff;background-color:#2d8cf0;border-color:#2d8cf0}.ivu-btn-primary>a:only-child{color:currentColor}.ivu-btn-primary>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary:hover{color:#fff;background-color:#57a3f3;border-color:#57a3f3}.ivu-btn-primary:hover>a:only-child{color:currentColor}.ivu-btn-primary:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary.active,.ivu-btn-primary:active{color:#f2f2f2;background-color:#2b85e4;border-color:#2b85e4}.ivu-btn-primary.active>a:only-child,.ivu-btn-primary:active>a:only-child{color:currentColor}.ivu-btn-primary.active>a:only-child:after,.ivu-btn-primary:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary.disabled,.ivu-btn-primary.disabled.active,.ivu-btn-primary.disabled:active,.ivu-btn-primary.disabled:focus,.ivu-btn-primary.disabled:hover,.ivu-btn-primary[disabled],.ivu-btn-primary[disabled].active,.ivu-btn-primary[disabled]:active,.ivu-btn-primary[disabled]:focus,.ivu-btn-primary[disabled]:hover,fieldset[disabled] .ivu-btn-primary,fieldset[disabled] .ivu-btn-primary.active,fieldset[disabled] .ivu-btn-primary:active,fieldset[disabled] .ivu-btn-primary:focus,fieldset[disabled] .ivu-btn-primary:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-primary.disabled.active>a:only-child,.ivu-btn-primary.disabled:active>a:only-child,.ivu-btn-primary.disabled:focus>a:only-child,.ivu-btn-primary.disabled:hover>a:only-child,.ivu-btn-primary.disabled>a:only-child,.ivu-btn-primary[disabled].active>a:only-child,.ivu-btn-primary[disabled]:active>a:only-child,.ivu-btn-primary[disabled]:focus>a:only-child,.ivu-btn-primary[disabled]:hover>a:only-child,.ivu-btn-primary[disabled]>a:only-child,fieldset[disabled] .ivu-btn-primary.active>a:only-child,fieldset[disabled] .ivu-btn-primary:active>a:only-child,fieldset[disabled] .ivu-btn-primary:focus>a:only-child,fieldset[disabled] .ivu-btn-primary:hover>a:only-child,fieldset[disabled] .ivu-btn-primary>a:only-child{color:currentColor}.ivu-btn-primary.disabled.active>a:only-child:after,.ivu-btn-primary.disabled:active>a:only-child:after,.ivu-btn-primary.disabled:focus>a:only-child:after,.ivu-btn-primary.disabled:hover>a:only-child:after,.ivu-btn-primary.disabled>a:only-child:after,.ivu-btn-primary[disabled].active>a:only-child:after,.ivu-btn-primary[disabled]:active>a:only-child:after,.ivu-btn-primary[disabled]:focus>a:only-child:after,.ivu-btn-primary[disabled]:hover>a:only-child:after,.ivu-btn-primary[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-primary.active>a:only-child:after,fieldset[disabled] .ivu-btn-primary:active>a:only-child:after,fieldset[disabled] .ivu-btn-primary:focus>a:only-child:after,fieldset[disabled] .ivu-btn-primary:hover>a:only-child:after,fieldset[disabled] .ivu-btn-primary>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-primary.active,.ivu-btn-primary:active,.ivu-btn-primary:hover{color:#fff}.ivu-btn-primary:focus{box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:not(:first-child):not(:last-child){border-right-color:#2b85e4;border-left-color:#2b85e4}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child){border-right-color:#2b85e4}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:first-child:not(:last-child)[disabled]{border-right-color:#dcdee2}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn,.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child){border-left-color:#2b85e4}.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary+.ivu-btn[disabled],.ivu-btn-group:not(.ivu-btn-group-vertical) .ivu-btn-primary:last-child:not(:first-child)[disabled]{border-left-color:#dcdee2}.ivu-btn-group-vertical .ivu-btn-primary:not(:first-child):not(:last-child){border-top-color:#2b85e4;border-bottom-color:#2b85e4}.ivu-btn-group-vertical .ivu-btn-primary:first-child:not(:last-child){border-bottom-color:#2b85e4}.ivu-btn-group-vertical .ivu-btn-primary:first-child:not(:last-child)[disabled]{border-top-color:#dcdee2}.ivu-btn-group-vertical .ivu-btn-primary+.ivu-btn,.ivu-btn-group-vertical .ivu-btn-primary:last-child:not(:first-child){border-top-color:#2b85e4}.ivu-btn-group-vertical .ivu-btn-primary+.ivu-btn[disabled],.ivu-btn-group-vertical .ivu-btn-primary:last-child:not(:first-child)[disabled]{border-bottom-color:#dcdee2}.ivu-btn-dashed{color:#515a6e;background-color:#fff;border-color:#dcdee2;border-style:dashed}.ivu-btn-dashed>a:only-child{color:currentColor}.ivu-btn-dashed>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed:hover{color:#747b8b;background-color:#fff;border-color:#e3e5e8}.ivu-btn-dashed:hover>a:only-child{color:currentColor}.ivu-btn-dashed:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed.active,.ivu-btn-dashed:active{color:#4d5669;background-color:#f2f2f2;border-color:#f2f2f2}.ivu-btn-dashed.active>a:only-child,.ivu-btn-dashed:active>a:only-child{color:currentColor}.ivu-btn-dashed.active>a:only-child:after,.ivu-btn-dashed:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed.disabled,.ivu-btn-dashed.disabled.active,.ivu-btn-dashed.disabled:active,.ivu-btn-dashed.disabled:focus,.ivu-btn-dashed.disabled:hover,.ivu-btn-dashed[disabled],.ivu-btn-dashed[disabled].active,.ivu-btn-dashed[disabled]:active,.ivu-btn-dashed[disabled]:focus,.ivu-btn-dashed[disabled]:hover,fieldset[disabled] .ivu-btn-dashed,fieldset[disabled] .ivu-btn-dashed.active,fieldset[disabled] .ivu-btn-dashed:active,fieldset[disabled] .ivu-btn-dashed:focus,fieldset[disabled] .ivu-btn-dashed:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-dashed.disabled.active>a:only-child,.ivu-btn-dashed.disabled:active>a:only-child,.ivu-btn-dashed.disabled:focus>a:only-child,.ivu-btn-dashed.disabled:hover>a:only-child,.ivu-btn-dashed.disabled>a:only-child,.ivu-btn-dashed[disabled].active>a:only-child,.ivu-btn-dashed[disabled]:active>a:only-child,.ivu-btn-dashed[disabled]:focus>a:only-child,.ivu-btn-dashed[disabled]:hover>a:only-child,.ivu-btn-dashed[disabled]>a:only-child,fieldset[disabled] .ivu-btn-dashed.active>a:only-child,fieldset[disabled] .ivu-btn-dashed:active>a:only-child,fieldset[disabled] .ivu-btn-dashed:focus>a:only-child,fieldset[disabled] .ivu-btn-dashed:hover>a:only-child,fieldset[disabled] .ivu-btn-dashed>a:only-child{color:currentColor}.ivu-btn-dashed.disabled.active>a:only-child:after,.ivu-btn-dashed.disabled:active>a:only-child:after,.ivu-btn-dashed.disabled:focus>a:only-child:after,.ivu-btn-dashed.disabled:hover>a:only-child:after,.ivu-btn-dashed.disabled>a:only-child:after,.ivu-btn-dashed[disabled].active>a:only-child:after,.ivu-btn-dashed[disabled]:active>a:only-child:after,.ivu-btn-dashed[disabled]:focus>a:only-child:after,.ivu-btn-dashed[disabled]:hover>a:only-child:after,.ivu-btn-dashed[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-dashed.active>a:only-child:after,fieldset[disabled] .ivu-btn-dashed:active>a:only-child:after,fieldset[disabled] .ivu-btn-dashed:focus>a:only-child:after,fieldset[disabled] .ivu-btn-dashed:hover>a:only-child:after,fieldset[disabled] .ivu-btn-dashed>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed:hover{color:#57a3f3;background-color:#fff;border-color:#57a3f3}.ivu-btn-dashed:hover>a:only-child{color:currentColor}.ivu-btn-dashed:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed.active,.ivu-btn-dashed:active{color:#2b85e4;background-color:#fff;border-color:#2b85e4}.ivu-btn-dashed.active>a:only-child,.ivu-btn-dashed:active>a:only-child{color:currentColor}.ivu-btn-dashed.active>a:only-child:after,.ivu-btn-dashed:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-dashed:focus{box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-text{color:#515a6e;background-color:transparent;border-color:transparent}.ivu-btn-text>a:only-child{color:currentColor}.ivu-btn-text>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text:hover{color:#747b8b;background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.2)}.ivu-btn-text:hover>a:only-child{color:currentColor}.ivu-btn-text:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.active,.ivu-btn-text:active{color:#4d5669;background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.05)}.ivu-btn-text.active>a:only-child,.ivu-btn-text:active>a:only-child{color:currentColor}.ivu-btn-text.active>a:only-child:after,.ivu-btn-text:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.disabled,.ivu-btn-text.disabled.active,.ivu-btn-text.disabled:active,.ivu-btn-text.disabled:focus,.ivu-btn-text.disabled:hover,.ivu-btn-text[disabled],.ivu-btn-text[disabled].active,.ivu-btn-text[disabled]:active,.ivu-btn-text[disabled]:focus,.ivu-btn-text[disabled]:hover,fieldset[disabled] .ivu-btn-text,fieldset[disabled] .ivu-btn-text.active,fieldset[disabled] .ivu-btn-text:active,fieldset[disabled] .ivu-btn-text:focus,fieldset[disabled] .ivu-btn-text:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-text.disabled.active>a:only-child,.ivu-btn-text.disabled:active>a:only-child,.ivu-btn-text.disabled:focus>a:only-child,.ivu-btn-text.disabled:hover>a:only-child,.ivu-btn-text.disabled>a:only-child,.ivu-btn-text[disabled].active>a:only-child,.ivu-btn-text[disabled]:active>a:only-child,.ivu-btn-text[disabled]:focus>a:only-child,.ivu-btn-text[disabled]:hover>a:only-child,.ivu-btn-text[disabled]>a:only-child,fieldset[disabled] .ivu-btn-text.active>a:only-child,fieldset[disabled] .ivu-btn-text:active>a:only-child,fieldset[disabled] .ivu-btn-text:focus>a:only-child,fieldset[disabled] .ivu-btn-text:hover>a:only-child,fieldset[disabled] .ivu-btn-text>a:only-child{color:currentColor}.ivu-btn-text.disabled.active>a:only-child:after,.ivu-btn-text.disabled:active>a:only-child:after,.ivu-btn-text.disabled:focus>a:only-child:after,.ivu-btn-text.disabled:hover>a:only-child:after,.ivu-btn-text.disabled>a:only-child:after,.ivu-btn-text[disabled].active>a:only-child:after,.ivu-btn-text[disabled]:active>a:only-child:after,.ivu-btn-text[disabled]:focus>a:only-child:after,.ivu-btn-text[disabled]:hover>a:only-child:after,.ivu-btn-text[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-text.active>a:only-child:after,fieldset[disabled] .ivu-btn-text:active>a:only-child:after,fieldset[disabled] .ivu-btn-text:focus>a:only-child:after,fieldset[disabled] .ivu-btn-text:hover>a:only-child:after,fieldset[disabled] .ivu-btn-text>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.disabled,.ivu-btn-text.disabled.active,.ivu-btn-text.disabled:active,.ivu-btn-text.disabled:focus,.ivu-btn-text.disabled:hover,.ivu-btn-text[disabled],.ivu-btn-text[disabled].active,.ivu-btn-text[disabled]:active,.ivu-btn-text[disabled]:focus,.ivu-btn-text[disabled]:hover,fieldset[disabled] .ivu-btn-text,fieldset[disabled] .ivu-btn-text.active,fieldset[disabled] .ivu-btn-text:active,fieldset[disabled] .ivu-btn-text:focus,fieldset[disabled] .ivu-btn-text:hover{color:#c5c8ce;background-color:#fff;border-color:transparent}.ivu-btn-text.disabled.active>a:only-child,.ivu-btn-text.disabled:active>a:only-child,.ivu-btn-text.disabled:focus>a:only-child,.ivu-btn-text.disabled:hover>a:only-child,.ivu-btn-text.disabled>a:only-child,.ivu-btn-text[disabled].active>a:only-child,.ivu-btn-text[disabled]:active>a:only-child,.ivu-btn-text[disabled]:focus>a:only-child,.ivu-btn-text[disabled]:hover>a:only-child,.ivu-btn-text[disabled]>a:only-child,fieldset[disabled] .ivu-btn-text.active>a:only-child,fieldset[disabled] .ivu-btn-text:active>a:only-child,fieldset[disabled] .ivu-btn-text:focus>a:only-child,fieldset[disabled] .ivu-btn-text:hover>a:only-child,fieldset[disabled] .ivu-btn-text>a:only-child{color:currentColor}.ivu-btn-text.disabled.active>a:only-child:after,.ivu-btn-text.disabled:active>a:only-child:after,.ivu-btn-text.disabled:focus>a:only-child:after,.ivu-btn-text.disabled:hover>a:only-child:after,.ivu-btn-text.disabled>a:only-child:after,.ivu-btn-text[disabled].active>a:only-child:after,.ivu-btn-text[disabled]:active>a:only-child:after,.ivu-btn-text[disabled]:focus>a:only-child:after,.ivu-btn-text[disabled]:hover>a:only-child:after,.ivu-btn-text[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-text.active>a:only-child:after,fieldset[disabled] .ivu-btn-text:active>a:only-child:after,fieldset[disabled] .ivu-btn-text:focus>a:only-child:after,fieldset[disabled] .ivu-btn-text:hover>a:only-child:after,fieldset[disabled] .ivu-btn-text>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text:hover{color:#57a3f3;background-color:#fff;border-color:transparent}.ivu-btn-text:hover>a:only-child{color:currentColor}.ivu-btn-text:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text.active,.ivu-btn-text:active{color:#2b85e4;background-color:#fff;border-color:transparent}.ivu-btn-text.active>a:only-child,.ivu-btn-text:active>a:only-child{color:currentColor}.ivu-btn-text.active>a:only-child:after,.ivu-btn-text:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-text:focus{box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-btn-success{color:#fff;background-color:#19be6b;border-color:#19be6b}.ivu-btn-success>a:only-child{color:currentColor}.ivu-btn-success>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success:hover{color:#fff;background-color:#47cb89;border-color:#47cb89}.ivu-btn-success:hover>a:only-child{color:currentColor}.ivu-btn-success:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success.active,.ivu-btn-success:active{color:#f2f2f2;background-color:#18b566;border-color:#18b566}.ivu-btn-success.active>a:only-child,.ivu-btn-success:active>a:only-child{color:currentColor}.ivu-btn-success.active>a:only-child:after,.ivu-btn-success:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success.disabled,.ivu-btn-success.disabled.active,.ivu-btn-success.disabled:active,.ivu-btn-success.disabled:focus,.ivu-btn-success.disabled:hover,.ivu-btn-success[disabled],.ivu-btn-success[disabled].active,.ivu-btn-success[disabled]:active,.ivu-btn-success[disabled]:focus,.ivu-btn-success[disabled]:hover,fieldset[disabled] .ivu-btn-success,fieldset[disabled] .ivu-btn-success.active,fieldset[disabled] .ivu-btn-success:active,fieldset[disabled] .ivu-btn-success:focus,fieldset[disabled] .ivu-btn-success:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-success.disabled.active>a:only-child,.ivu-btn-success.disabled:active>a:only-child,.ivu-btn-success.disabled:focus>a:only-child,.ivu-btn-success.disabled:hover>a:only-child,.ivu-btn-success.disabled>a:only-child,.ivu-btn-success[disabled].active>a:only-child,.ivu-btn-success[disabled]:active>a:only-child,.ivu-btn-success[disabled]:focus>a:only-child,.ivu-btn-success[disabled]:hover>a:only-child,.ivu-btn-success[disabled]>a:only-child,fieldset[disabled] .ivu-btn-success.active>a:only-child,fieldset[disabled] .ivu-btn-success:active>a:only-child,fieldset[disabled] .ivu-btn-success:focus>a:only-child,fieldset[disabled] .ivu-btn-success:hover>a:only-child,fieldset[disabled] .ivu-btn-success>a:only-child{color:currentColor}.ivu-btn-success.disabled.active>a:only-child:after,.ivu-btn-success.disabled:active>a:only-child:after,.ivu-btn-success.disabled:focus>a:only-child:after,.ivu-btn-success.disabled:hover>a:only-child:after,.ivu-btn-success.disabled>a:only-child:after,.ivu-btn-success[disabled].active>a:only-child:after,.ivu-btn-success[disabled]:active>a:only-child:after,.ivu-btn-success[disabled]:focus>a:only-child:after,.ivu-btn-success[disabled]:hover>a:only-child:after,.ivu-btn-success[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-success.active>a:only-child:after,fieldset[disabled] .ivu-btn-success:active>a:only-child:after,fieldset[disabled] .ivu-btn-success:focus>a:only-child:after,fieldset[disabled] .ivu-btn-success:hover>a:only-child:after,fieldset[disabled] .ivu-btn-success>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-success.active,.ivu-btn-success:active,.ivu-btn-success:hover{color:#fff}.ivu-btn-success:focus{box-shadow:0 0 0 2px rgba(25,190,107,.2)}.ivu-btn-warning{color:#fff;background-color:#f90;border-color:#f90}.ivu-btn-warning>a:only-child{color:currentColor}.ivu-btn-warning>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning:hover{color:#fff;background-color:#ffad33;border-color:#ffad33}.ivu-btn-warning:hover>a:only-child{color:currentColor}.ivu-btn-warning:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning.active,.ivu-btn-warning:active{color:#f2f2f2;background-color:#f29100;border-color:#f29100}.ivu-btn-warning.active>a:only-child,.ivu-btn-warning:active>a:only-child{color:currentColor}.ivu-btn-warning.active>a:only-child:after,.ivu-btn-warning:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning.disabled,.ivu-btn-warning.disabled.active,.ivu-btn-warning.disabled:active,.ivu-btn-warning.disabled:focus,.ivu-btn-warning.disabled:hover,.ivu-btn-warning[disabled],.ivu-btn-warning[disabled].active,.ivu-btn-warning[disabled]:active,.ivu-btn-warning[disabled]:focus,.ivu-btn-warning[disabled]:hover,fieldset[disabled] .ivu-btn-warning,fieldset[disabled] .ivu-btn-warning.active,fieldset[disabled] .ivu-btn-warning:active,fieldset[disabled] .ivu-btn-warning:focus,fieldset[disabled] .ivu-btn-warning:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-warning.disabled.active>a:only-child,.ivu-btn-warning.disabled:active>a:only-child,.ivu-btn-warning.disabled:focus>a:only-child,.ivu-btn-warning.disabled:hover>a:only-child,.ivu-btn-warning.disabled>a:only-child,.ivu-btn-warning[disabled].active>a:only-child,.ivu-btn-warning[disabled]:active>a:only-child,.ivu-btn-warning[disabled]:focus>a:only-child,.ivu-btn-warning[disabled]:hover>a:only-child,.ivu-btn-warning[disabled]>a:only-child,fieldset[disabled] .ivu-btn-warning.active>a:only-child,fieldset[disabled] .ivu-btn-warning:active>a:only-child,fieldset[disabled] .ivu-btn-warning:focus>a:only-child,fieldset[disabled] .ivu-btn-warning:hover>a:only-child,fieldset[disabled] .ivu-btn-warning>a:only-child{color:currentColor}.ivu-btn-warning.disabled.active>a:only-child:after,.ivu-btn-warning.disabled:active>a:only-child:after,.ivu-btn-warning.disabled:focus>a:only-child:after,.ivu-btn-warning.disabled:hover>a:only-child:after,.ivu-btn-warning.disabled>a:only-child:after,.ivu-btn-warning[disabled].active>a:only-child:after,.ivu-btn-warning[disabled]:active>a:only-child:after,.ivu-btn-warning[disabled]:focus>a:only-child:after,.ivu-btn-warning[disabled]:hover>a:only-child:after,.ivu-btn-warning[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-warning.active>a:only-child:after,fieldset[disabled] .ivu-btn-warning:active>a:only-child:after,fieldset[disabled] .ivu-btn-warning:focus>a:only-child:after,fieldset[disabled] .ivu-btn-warning:hover>a:only-child:after,fieldset[disabled] .ivu-btn-warning>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-warning.active,.ivu-btn-warning:active,.ivu-btn-warning:hover{color:#fff}.ivu-btn-warning:focus{box-shadow:0 0 0 2px rgba(255,153,0,.2)}.ivu-btn-error{color:#fff;background-color:#ed4014;border-color:#ed4014}.ivu-btn-error>a:only-child{color:currentColor}.ivu-btn-error>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error:hover{color:#fff;background-color:#f16643;border-color:#f16643}.ivu-btn-error:hover>a:only-child{color:currentColor}.ivu-btn-error:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error.active,.ivu-btn-error:active{color:#f2f2f2;background-color:#e13d13;border-color:#e13d13}.ivu-btn-error.active>a:only-child,.ivu-btn-error:active>a:only-child{color:currentColor}.ivu-btn-error.active>a:only-child:after,.ivu-btn-error:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error.disabled,.ivu-btn-error.disabled.active,.ivu-btn-error.disabled:active,.ivu-btn-error.disabled:focus,.ivu-btn-error.disabled:hover,.ivu-btn-error[disabled],.ivu-btn-error[disabled].active,.ivu-btn-error[disabled]:active,.ivu-btn-error[disabled]:focus,.ivu-btn-error[disabled]:hover,fieldset[disabled] .ivu-btn-error,fieldset[disabled] .ivu-btn-error.active,fieldset[disabled] .ivu-btn-error:active,fieldset[disabled] .ivu-btn-error:focus,fieldset[disabled] .ivu-btn-error:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-error.disabled.active>a:only-child,.ivu-btn-error.disabled:active>a:only-child,.ivu-btn-error.disabled:focus>a:only-child,.ivu-btn-error.disabled:hover>a:only-child,.ivu-btn-error.disabled>a:only-child,.ivu-btn-error[disabled].active>a:only-child,.ivu-btn-error[disabled]:active>a:only-child,.ivu-btn-error[disabled]:focus>a:only-child,.ivu-btn-error[disabled]:hover>a:only-child,.ivu-btn-error[disabled]>a:only-child,fieldset[disabled] .ivu-btn-error.active>a:only-child,fieldset[disabled] .ivu-btn-error:active>a:only-child,fieldset[disabled] .ivu-btn-error:focus>a:only-child,fieldset[disabled] .ivu-btn-error:hover>a:only-child,fieldset[disabled] .ivu-btn-error>a:only-child{color:currentColor}.ivu-btn-error.disabled.active>a:only-child:after,.ivu-btn-error.disabled:active>a:only-child:after,.ivu-btn-error.disabled:focus>a:only-child:after,.ivu-btn-error.disabled:hover>a:only-child:after,.ivu-btn-error.disabled>a:only-child:after,.ivu-btn-error[disabled].active>a:only-child:after,.ivu-btn-error[disabled]:active>a:only-child:after,.ivu-btn-error[disabled]:focus>a:only-child:after,.ivu-btn-error[disabled]:hover>a:only-child:after,.ivu-btn-error[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-error.active>a:only-child:after,fieldset[disabled] .ivu-btn-error:active>a:only-child:after,fieldset[disabled] .ivu-btn-error:focus>a:only-child:after,fieldset[disabled] .ivu-btn-error:hover>a:only-child:after,fieldset[disabled] .ivu-btn-error>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-error.active,.ivu-btn-error:active,.ivu-btn-error:hover{color:#fff}.ivu-btn-error:focus{box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-btn-info{color:#fff;background-color:#2db7f5;border-color:#2db7f5}.ivu-btn-info>a:only-child{color:currentColor}.ivu-btn-info>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info:hover{color:#fff;background-color:#57c5f7;border-color:#57c5f7}.ivu-btn-info:hover>a:only-child{color:currentColor}.ivu-btn-info:hover>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info.active,.ivu-btn-info:active{color:#f2f2f2;background-color:#2baee9;border-color:#2baee9}.ivu-btn-info.active>a:only-child,.ivu-btn-info:active>a:only-child{color:currentColor}.ivu-btn-info.active>a:only-child:after,.ivu-btn-info:active>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info.disabled,.ivu-btn-info.disabled.active,.ivu-btn-info.disabled:active,.ivu-btn-info.disabled:focus,.ivu-btn-info.disabled:hover,.ivu-btn-info[disabled],.ivu-btn-info[disabled].active,.ivu-btn-info[disabled]:active,.ivu-btn-info[disabled]:focus,.ivu-btn-info[disabled]:hover,fieldset[disabled] .ivu-btn-info,fieldset[disabled] .ivu-btn-info.active,fieldset[disabled] .ivu-btn-info:active,fieldset[disabled] .ivu-btn-info:focus,fieldset[disabled] .ivu-btn-info:hover{color:#c5c8ce;background-color:#f7f7f7;border-color:#dcdee2}.ivu-btn-info.disabled.active>a:only-child,.ivu-btn-info.disabled:active>a:only-child,.ivu-btn-info.disabled:focus>a:only-child,.ivu-btn-info.disabled:hover>a:only-child,.ivu-btn-info.disabled>a:only-child,.ivu-btn-info[disabled].active>a:only-child,.ivu-btn-info[disabled]:active>a:only-child,.ivu-btn-info[disabled]:focus>a:only-child,.ivu-btn-info[disabled]:hover>a:only-child,.ivu-btn-info[disabled]>a:only-child,fieldset[disabled] .ivu-btn-info.active>a:only-child,fieldset[disabled] .ivu-btn-info:active>a:only-child,fieldset[disabled] .ivu-btn-info:focus>a:only-child,fieldset[disabled] .ivu-btn-info:hover>a:only-child,fieldset[disabled] .ivu-btn-info>a:only-child{color:currentColor}.ivu-btn-info.disabled.active>a:only-child:after,.ivu-btn-info.disabled:active>a:only-child:after,.ivu-btn-info.disabled:focus>a:only-child:after,.ivu-btn-info.disabled:hover>a:only-child:after,.ivu-btn-info.disabled>a:only-child:after,.ivu-btn-info[disabled].active>a:only-child:after,.ivu-btn-info[disabled]:active>a:only-child:after,.ivu-btn-info[disabled]:focus>a:only-child:after,.ivu-btn-info[disabled]:hover>a:only-child:after,.ivu-btn-info[disabled]>a:only-child:after,fieldset[disabled] .ivu-btn-info.active>a:only-child:after,fieldset[disabled] .ivu-btn-info:active>a:only-child:after,fieldset[disabled] .ivu-btn-info:focus>a:only-child:after,fieldset[disabled] .ivu-btn-info:hover>a:only-child:after,fieldset[disabled] .ivu-btn-info>a:only-child:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:0 0}.ivu-btn-info.active,.ivu-btn-info:active,.ivu-btn-info:hover{color:#fff}.ivu-btn-info:focus{box-shadow:0 0 0 2px rgba(45,183,245,.2)}.ivu-btn-circle,.ivu-btn-circle-outline{border-radius:32px}.ivu-btn-circle-outline.ivu-btn-large,.ivu-btn-circle.ivu-btn-large{border-radius:40px}.ivu-btn-circle-outline.ivu-btn-size,.ivu-btn-circle.ivu-btn-size{border-radius:24px}.ivu-btn-circle-outline.ivu-btn-icon-only,.ivu-btn-circle.ivu-btn-icon-only{width:32px;height:32px;padding:0;font-size:16px;border-radius:50%}.ivu-btn-circle-outline.ivu-btn-icon-only.ivu-btn-large,.ivu-btn-circle.ivu-btn-icon-only.ivu-btn-large{width:40px;height:40px;padding:0;font-size:18px;border-radius:50%}.ivu-btn-circle-outline.ivu-btn-icon-only.ivu-btn-small,.ivu-btn-circle.ivu-btn-icon-only.ivu-btn-small{width:24px;height:24px;padding:0;font-size:14px;border-radius:50%}.ivu-btn:before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;background:#fff;opacity:.35;content:'';border-radius:inherit;z-index:1;transition:opacity .2s;pointer-events:none;display:none}.ivu-btn.ivu-btn-loading{pointer-events:none;position:relative}.ivu-btn.ivu-btn-loading:before{display:block}.ivu-btn-group{position:relative;display:inline-block;vertical-align:middle}.ivu-btn-group>.ivu-btn{position:relative;float:left}.ivu-btn-group>.ivu-btn.active,.ivu-btn-group>.ivu-btn:active,.ivu-btn-group>.ivu-btn:hover{z-index:2}.ivu-btn-group-circle .ivu-btn{border-radius:32px}.ivu-btn-group-large.ivu-btn-group-circle .ivu-btn{border-radius:40px}.ivu-btn-group-large>.ivu-btn{height:40px;padding:0 15px;font-size:16px;border-radius:4px}.ivu-btn-group-small.ivu-btn-group-circle .ivu-btn{border-radius:24px}.ivu-btn-group-small>.ivu-btn{height:24px;padding:0 7px;font-size:14px;border-radius:3px}.ivu-btn-group-small>.ivu-btn>.ivu-icon{font-size:14px}.ivu-btn-group-small .ivu-btn-icon-only{width:24px;height:24px;padding:0}.ivu-btn-group-large .ivu-btn-icon-only{width:40px;height:40px;padding:0}.ivu-btn+.ivu-btn-group,.ivu-btn-group .ivu-btn+.ivu-btn,.ivu-btn-group+.ivu-btn,.ivu-btn-group+.ivu-btn-group{margin-left:-1px}.ivu-btn-group .ivu-btn:not(:first-child):not(:last-child){border-radius:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child{margin-left:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.ivu-btn-group>.ivu-btn-group{float:left}.ivu-btn-group>.ivu-btn-group:not(:first-child):not(:last-child)>.ivu-btn{border-radius:0}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn-group:first-child:not(:last-child)>.ivu-btn:last-child{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}.ivu-btn-group:not(.ivu-btn-group-vertical)>.ivu-btn-group:last-child:not(:first-child)>.ivu-btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0;padding-left:8px}.ivu-btn-group-vertical{display:inline-block;vertical-align:middle}.ivu-btn-group-vertical>.ivu-btn{display:block;width:100%;max-width:100%;float:none;min-width:32px}.ivu-btn-group-vertical.ivu-btn-group-small>.ivu-btn{min-width:24px}.ivu-btn-group-vertical.ivu-btn-group-large>.ivu-btn{min-width:40px}.ivu-btn+.ivu-btn-group-vertical,.ivu-btn-group-vertical .ivu-btn+.ivu-btn,.ivu-btn-group-vertical+.ivu-btn,.ivu-btn-group-vertical+.ivu-btn-group-vertical{margin-top:-1px;margin-left:0}.ivu-btn-group-vertical>.ivu-btn:first-child{margin-top:0}.ivu-btn-group-vertical>.ivu-btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.ivu-btn-group-vertical>.ivu-btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.ivu-btn-group-vertical>.ivu-btn-group-vertical:first-child:not(:last-child)>.ivu-btn:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:8px}.ivu-btn-group-vertical>.ivu-btn-group-vertical:last-child:not(:first-child)>.ivu-btn:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0;padding-top:8px}.ivu-btn-ghost{color:#fff;background:0 0}.ivu-btn-ghost:hover{background:0 0}.ivu-btn-ghost.ivu-btn-dashed,.ivu-btn-ghost.ivu-btn-default{color:#fff;border-color:#fff}.ivu-btn-ghost.ivu-btn-dashed:hover,.ivu-btn-ghost.ivu-btn-default:hover{color:#57a3f3;border-color:#57a3f3}.ivu-btn-ghost.ivu-btn-primary{color:#2d8cf0}.ivu-btn-ghost.ivu-btn-primary:hover{color:#57a3f3;background:rgba(245,249,254,.5)}.ivu-btn-ghost.ivu-btn-info{color:#2db7f5}.ivu-btn-ghost.ivu-btn-info:hover{color:#57c5f7;background:rgba(245,251,254,.5)}.ivu-btn-ghost.ivu-btn-success{color:#19be6b}.ivu-btn-ghost.ivu-btn-success:hover{color:#47cb89;background:rgba(244,252,248,.5)}.ivu-btn-ghost.ivu-btn-warning{color:#f90}.ivu-btn-ghost.ivu-btn-warning:hover{color:#ffad33;background:rgba(255,250,242,.5)}.ivu-btn-ghost.ivu-btn-error{color:#ed4014}.ivu-btn-ghost.ivu-btn-error:hover{color:#f16643;background:rgba(254,245,243,.5)}.ivu-btn-ghost.ivu-btn-dashed[disabled],.ivu-btn-ghost.ivu-btn-default[disabled],.ivu-btn-ghost.ivu-btn-error[disabled],.ivu-btn-ghost.ivu-btn-info[disabled],.ivu-btn-ghost.ivu-btn-primary[disabled],.ivu-btn-ghost.ivu-btn-success[disabled],.ivu-btn-ghost.ivu-btn-warning[disabled]{background:0 0;color:rgba(0,0,0,.25);border-color:#dcdee2}.ivu-btn-ghost.ivu-btn-text[disabled]{background:0 0;color:rgba(0,0,0,.25)}a.ivu-btn{padding-top:.1px;line-height:30px}a.ivu-btn-large{line-height:38px}a.ivu-btn-small{line-height:22px}.ivu-affix{position:fixed;z-index:10}.ivu-back-top{z-index:10;position:fixed;cursor:pointer;display:none}.ivu-back-top.ivu-back-top-show{display:block}.ivu-back-top-inner{background-color:rgba(0,0,0,.6);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s ease-in-out}.ivu-back-top-inner:hover{background-color:rgba(0,0,0,.7)}.ivu-back-top i{color:#fff;font-size:24px;padding:8px 12px}.ivu-badge{position:relative;display:inline-block}.ivu-badge-count{font-family:"Monospaced Number";line-height:1;vertical-align:middle;position:absolute;transform:translateX(50%);top:-10px;right:0;height:20px;border-radius:10px;min-width:20px;background:#ed4014;border:1px solid transparent;color:#fff;line-height:18px;text-align:center;padding:0 6px;font-size:12px;white-space:nowrap;transform-origin:-10% center;z-index:10;box-shadow:0 0 0 1px #fff}.ivu-badge-count-custom{background:0 0;color:inherit;border-color:transparent;box-shadow:none}.ivu-badge-count a,.ivu-badge-count a:hover{color:#fff}.ivu-badge-count-alone{top:auto;display:block;position:relative;transform:translateX(0)}.ivu-badge-count-primary{background:#2d8cf0}.ivu-badge-count-success{background:#19be6b}.ivu-badge-count-error{background:#ed4014}.ivu-badge-count-warning{background:#f90}.ivu-badge-count-info{background:#2db7f5}.ivu-badge-count-normal{background:#e6ebf1;color:#808695}.ivu-badge-dot{position:absolute;transform:translateX(-50%);transform-origin:0 center;top:-4px;right:-8px;height:8px;width:8px;border-radius:100%;background:#ed4014;z-index:10;box-shadow:0 0 0 1px #fff}.ivu-badge-status{line-height:inherit;vertical-align:baseline}.ivu-badge-status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;vertical-align:middle;position:relative;top:-1px}.ivu-badge-status-success{background-color:#19be6b}.ivu-badge-status-processing{background-color:#2d8cf0;position:relative}.ivu-badge-status-processing:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid #2d8cf0;content:'';animation:aniStatusProcessing 1.2s infinite ease-in-out}.ivu-badge-status-default{background-color:#e6ebf1}.ivu-badge-status-error{background-color:#ed4014}.ivu-badge-status-warning{background-color:#f90}.ivu-badge-status-text{display:inline-block;color:#515a6e;font-size:14px;margin-left:6px}.ivu-badge-status-pink{background-color:#eb2f96}.ivu-badge-status-magenta{background-color:#eb2f96}.ivu-badge-status-red{background-color:#f5222d}.ivu-badge-status-volcano{background-color:#fa541c}.ivu-badge-status-orange{background-color:#fa8c16}.ivu-badge-status-yellow{background-color:#fadb14}.ivu-badge-status-gold{background-color:#faad14}.ivu-badge-status-cyan{background-color:#13c2c2}.ivu-badge-status-lime{background-color:#a0d911}.ivu-badge-status-green{background-color:#52c41a}.ivu-badge-status-blue{background-color:#1890ff}.ivu-badge-status-geekblue{background-color:#2f54eb}.ivu-badge-status-purple{background-color:#722ed1}@keyframes aniStatusProcessing{0%{transform:scale(.8);opacity:.5}100%{transform:scale(2.4);opacity:0}}.ivu-chart-circle{display:inline-block;position:relative}.ivu-chart-circle-inner{width:100%;text-align:center;position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:1}.ivu-spin{color:#2d8cf0;vertical-align:middle;text-align:center}.ivu-spin-dot{position:relative;display:block;border-radius:50%;background-color:#2d8cf0;width:20px;height:20px;animation:ani-spin-bounce 1s 0s ease-in-out infinite}.ivu-spin-large .ivu-spin-dot{width:32px;height:32px}.ivu-spin-small .ivu-spin-dot{width:12px;height:12px}.ivu-spin-fix{position:absolute;top:0;left:0;z-index:8;width:100%;height:100%;background-color:rgba(255,255,255,.9)}.ivu-spin-fullscreen{z-index:2010}.ivu-spin-fullscreen-wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.ivu-spin-fix .ivu-spin-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ivu-spin-fix .ivu-spin-dot{display:inline-block}.ivu-spin-show-text .ivu-spin-dot,.ivu-spin-text{display:none}.ivu-spin-show-text .ivu-spin-text{display:block}.ivu-table-wrapper>.ivu-spin-fix{border:none}.ivu-table-wrapper-with-border>.ivu-spin-fix{border:1px solid #dcdee2;border-top:0;border-left:0}@keyframes ani-spin-bounce{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.ivu-alert{position:relative;padding:8px 48px 8px 16px;border-radius:4px;color:#515a6e;font-size:14px;line-height:16px;margin-bottom:10px}.ivu-alert.ivu-alert-with-icon{padding:8px 48px 8px 38px}.ivu-alert-icon{font-size:16px;top:6px;left:12px;position:absolute}.ivu-alert-desc{font-size:14px;color:#515a6e;line-height:21px;display:none;text-align:justify}.ivu-alert-success{border:1px solid #8ce6b0;background-color:#edfff3}.ivu-alert-success .ivu-alert-icon{color:#19be6b}.ivu-alert-info{border:1px solid #abdcff;background-color:#f0faff}.ivu-alert-info .ivu-alert-icon{color:#2d8cf0}.ivu-alert-warning{border:1px solid #ffd77a;background-color:#fff9e6}.ivu-alert-warning .ivu-alert-icon{color:#f90}.ivu-alert-error{border:1px solid #ffb08f;background-color:#ffefe6}.ivu-alert-error .ivu-alert-icon{color:#ed4014}.ivu-alert-close{font-size:12px;position:absolute;right:8px;top:8px;overflow:hidden;cursor:pointer}.ivu-alert-close .ivu-icon-ios-close{font-size:22px;color:#999;transition:color .2s ease;position:relative;top:-3px}.ivu-alert-close .ivu-icon-ios-close:hover{color:#444}.ivu-alert-with-desc{padding:16px;position:relative;border-radius:4px;margin-bottom:10px;color:#515a6e;line-height:1.5}.ivu-alert-with-desc.ivu-alert-with-icon{padding:16px 16px 16px 69px}.ivu-alert-with-desc .ivu-alert-desc{display:block}.ivu-alert-with-desc .ivu-alert-message{font-size:16px;color:#17233d;display:block;margin-bottom:4px}.ivu-alert-with-desc .ivu-alert-icon{top:50%;left:24px;margin-top:-24px;font-size:28px}.ivu-alert-with-banner{border-radius:0}.ivu-collapse{background-color:#f7f7f7;border-radius:3px;border:1px solid #dcdee2}.ivu-collapse-simple{border-left:none;border-right:none;background-color:#fff;border-radius:0}.ivu-collapse>.ivu-collapse-item{border-top:1px solid #dcdee2}.ivu-collapse>.ivu-collapse-item:first-child{border-top:0}.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header{height:38px;line-height:38px;padding-left:16px;color:#666;cursor:pointer;position:relative;border-bottom:1px solid transparent;transition:all .2s ease-in-out}.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i{transition:transform .2s ease-in-out;margin-right:14px}.ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header{border-bottom:1px solid #dcdee2}.ivu-collapse-simple>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header{border-bottom:1px solid transparent}.ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header>i{transform:rotate(90deg)}.ivu-collapse-content{color:#515a6e;padding:0 16px;background-color:#fff}.ivu-collapse-content>.ivu-collapse-content-box{padding-top:16px;padding-bottom:16px}.ivu-collapse-simple>.ivu-collapse-item>.ivu-collapse-content>.ivu-collapse-content-box{padding-top:0}.ivu-collapse-item:last-child>.ivu-collapse-content{border-radius:0 0 3px 3px}.ivu-card{display:block;background:#fff;border-radius:4px;font-size:14px;position:relative;transition:all .2s ease-in-out}.ivu-card-bordered{border:1px solid #dcdee2;border-color:#e8eaec}.ivu-card-shadow{box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.ivu-card:hover{box-shadow:0 1px 6px rgba(0,0,0,.2);border-color:#eee}.ivu-card.ivu-card-dis-hover:hover{box-shadow:none;border-color:transparent}.ivu-card.ivu-card-dis-hover.ivu-card-bordered:hover{border-color:#e8eaec}.ivu-card.ivu-card-shadow:hover{box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.ivu-card-head{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ivu-card-head p,.ivu-card-head-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-card-extra{position:absolute;right:16px;top:14px}.ivu-card-body{padding:16px}.ivu-message{font-size:14px;position:fixed;z-index:1010;width:100%;top:16px;left:0;pointer-events:none}.ivu-message-notice{padding:8px;text-align:center;transition:height .3s ease-in-out,padding .3s ease-in-out}.ivu-message-notice:first-child{margin-top:-8px}.ivu-message-notice-close{position:absolute;right:4px;top:10px;color:#999;outline:0}.ivu-message-notice-close i.ivu-icon{font-size:22px;color:#999;transition:color .2s ease;position:relative;top:-3px}.ivu-message-notice-close i.ivu-icon:hover{color:#444}.ivu-message-notice-content{display:inline-block;pointer-events:all;padding:8px 16px;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);background:#fff;position:relative}.ivu-message-notice-content-text{display:inline-block}.ivu-message-notice-closable .ivu-message-notice-content-text{padding-right:32px}.ivu-message-success .ivu-icon{color:#19be6b}.ivu-message-error .ivu-icon{color:#ed4014}.ivu-message-warning .ivu-icon{color:#f90}.ivu-message-info .ivu-icon,.ivu-message-loading .ivu-icon{color:#2d8cf0}.ivu-message .ivu-icon{margin-right:4px;font-size:16px;vertical-align:middle}.ivu-message-custom-content span{vertical-align:middle}.ivu-message-notice-with-background .ivu-message-notice-content-background{box-shadow:none}.ivu-message-notice-with-background .ivu-message-notice-content-info{background:#f0faff;color:#2e8bf0;border:1px solid #d4eeff}.ivu-message-notice-with-background .ivu-message-notice-content-success{background:#edfff3;color:#19bf6c;border:1px solid #bbf2cf}.ivu-message-notice-with-background .ivu-message-notice-content-warning{background:#fff9e6;color:#f90;border:1px solid #ffe7a3}.ivu-message-notice-with-background .ivu-message-notice-content-error{background:#ffefe6;color:#ed3f13;border:1px solid #ffcfb8}.ivu-notice{width:335px;margin-right:24px;position:fixed;z-index:1010}.ivu-notice-content-with-icon{margin-left:51px}.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-title{margin-left:51px}.ivu-notice-notice{margin-bottom:10px;padding:16px;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);background:#fff;line-height:1;position:relative;overflow:hidden}.ivu-notice-notice-close{position:absolute;right:8px;top:15px;color:#999;outline:0}.ivu-notice-notice-close i{font-size:22px;color:#999;transition:color .2s ease;position:relative;top:-3px}.ivu-notice-notice-close i:hover{color:#444}.ivu-notice-notice-content-with-render .ivu-notice-desc{display:none}.ivu-notice-notice-with-desc .ivu-notice-notice-close{top:11px}.ivu-notice-content-with-render-notitle{margin-left:26px}.ivu-notice-title{font-size:16px;line-height:19px;color:#17233d;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-notice-with-desc .ivu-notice-title{margin-bottom:8px}.ivu-notice-desc{font-size:14px;color:#515a6e;text-align:justify;line-height:1.5}.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-desc{margin-left:51px}.ivu-notice-with-icon .ivu-notice-title{margin-left:26px}.ivu-notice-icon{position:absolute;top:-2px;font-size:20px}.ivu-notice-icon-success{color:#19be6b}.ivu-notice-icon-info{color:#2d8cf0}.ivu-notice-icon-warning{color:#f90}.ivu-notice-icon-error{color:#ed4014}.ivu-notice-with-desc .ivu-notice-icon{font-size:36px;top:-6px}.ivu-notice-custom-content{position:relative}.ivu-radio-focus{box-shadow:0 0 0 2px rgba(45,140,240,.2);z-index:1}.ivu-radio-group{display:inline-block;font-size:14px;vertical-align:middle}.ivu-radio-group-vertical .ivu-radio-wrapper{display:block;height:30px;line-height:30px}.ivu-radio-wrapper{font-size:14px;vertical-align:middle;display:inline-block;position:relative;white-space:nowrap;margin-right:8px;cursor:pointer}.ivu-radio-wrapper-disabled{cursor:not-allowed}.ivu-radio{display:inline-block;margin-right:4px;white-space:nowrap;position:relative;line-height:1;vertical-align:middle;cursor:pointer}.ivu-radio:hover .ivu-radio-inner{border-color:#bcbcbc}.ivu-radio-inner{display:inline-block;width:16px;height:16px;position:relative;top:0;left:0;background-color:#fff;border:1px solid #dcdee2;border-radius:50%;transition:all .2s ease-in-out}.ivu-radio-inner:after{position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:6px;display:table;border-top:0;border-left:0;content:' ';background-color:#2d8cf0;opacity:0;transition:all .2s ease-in-out;transform:scale(0)}.ivu-radio-large{font-size:16px}.ivu-radio-large .ivu-radio-inner{width:18px;height:18px}.ivu-radio-large .ivu-radio-inner:after{width:12px;height:12px}.ivu-radio-large .ivu-radio-wrapper,.ivu-radio-large.ivu-radio-wrapper{font-size:16px}.ivu-radio-small .ivu-radio-inner{width:14px;height:14px}.ivu-radio-small .ivu-radio-inner:after{width:8px;height:8px}.ivu-radio-input{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;opacity:0;cursor:pointer}.ivu-radio-border{border:1px solid #dcdee2;border-radius:4px;height:32px;line-height:30px;padding:0 15px;transition:border .2s ease-in-out}.ivu-radio-group-small .ivu-radio-border,.ivu-radio-small.ivu-radio-border{height:24px;line-height:22px;padding:0 7px}.ivu-radio-group-large .ivu-radio-border,.ivu-radio-large.ivu-radio-border{height:40px;line-height:36px;padding:0 15px}.ivu-radio-wrapper-checked.ivu-radio-border{border-color:#2d8cf0}.ivu-radio-wrapper-disabled.ivu-radio-border{border-color:#dcdee2}.ivu-radio-checked .ivu-radio-inner{border-color:#2d8cf0}.ivu-radio-checked .ivu-radio-inner:after{opacity:1;transform:scale(1);transition:all .2s ease-in-out}.ivu-radio-checked:hover .ivu-radio-inner{border-color:#2d8cf0}.ivu-radio-disabled{cursor:not-allowed}.ivu-radio-disabled .ivu-radio-input{cursor:not-allowed}.ivu-radio-disabled:hover .ivu-radio-inner{border-color:#dcdee2}.ivu-radio-disabled .ivu-radio-inner{border-color:#dcdee2;background-color:#f3f3f3}.ivu-radio-disabled .ivu-radio-inner:after{background-color:#ccc}.ivu-radio-disabled .ivu-radio-disabled+span{color:#ccc}span.ivu-radio+*{margin-left:2px;margin-right:2px}.ivu-radio-group-button{font-size:0;-webkit-text-size-adjust:none}.ivu-radio-group-button .ivu-radio{width:0;margin-right:0}.ivu-radio-group-button .ivu-radio-wrapper{display:inline-block;height:32px;line-height:30px;margin:0;padding:0 15px;font-size:14px;color:#515a6e;transition:all .2s ease-in-out;cursor:pointer;border:1px solid #dcdee2;border-left:0;background:#fff;position:relative}.ivu-radio-group-button .ivu-radio-wrapper>span{margin-left:0}.ivu-radio-group-button .ivu-radio-wrapper:after,.ivu-radio-group-button .ivu-radio-wrapper:before{content:'';display:block;position:absolute;width:1px;height:100%;left:-1px;top:0;background:#dcdee2;transition:all .2s ease-in-out}.ivu-radio-group-button .ivu-radio-wrapper:after{height:36px;left:-1px;top:-3px;background:rgba(45,140,240,.2);opacity:0}.ivu-radio-group-button .ivu-radio-wrapper:first-child{border-radius:4px 0 0 4px;border-left:1px solid #dcdee2}.ivu-radio-group-button .ivu-radio-wrapper:first-child:after,.ivu-radio-group-button .ivu-radio-wrapper:first-child:before{display:none}.ivu-radio-group-button .ivu-radio-wrapper:last-child{border-radius:0 4px 4px 0}.ivu-radio-group-button .ivu-radio-wrapper:first-child:last-child{border-radius:4px}.ivu-radio-group-button .ivu-radio-wrapper:hover{position:relative;color:#2d8cf0}.ivu-radio-group-button .ivu-radio-wrapper:hover .ivu-radio{background-color:#000}.ivu-radio-group-button .ivu-radio-wrapper .ivu-radio-inner,.ivu-radio-group-button .ivu-radio-wrapper input{opacity:0;width:0;height:0}.ivu-radio-group-button .ivu-radio-wrapper-checked{background:#fff;border-color:#2d8cf0;color:#2d8cf0;box-shadow:-1px 0 0 0 #2d8cf0;z-index:1}.ivu-radio-group-button .ivu-radio-wrapper-checked:before{background:#2d8cf0;opacity:.1}.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus{box-shadow:-1px 0 0 0 #2d8cf0,0 0 0 2px rgba(45,140,240,.2);transition:all .2s ease-in-out}.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus:after{left:-3px;top:-3px;opacity:1;background:rgba(45,140,240,.2)}.ivu-radio-group-button .ivu-radio-wrapper-checked.ivu-radio-focus:first-child{box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-radio-group-button .ivu-radio-wrapper-checked:first-child{border-color:#2d8cf0;box-shadow:none}.ivu-radio-group-button .ivu-radio-wrapper-checked:hover{border-color:#57a3f3;color:#57a3f3}.ivu-radio-group-button .ivu-radio-wrapper-checked:active{border-color:#2b85e4;color:#2b85e4}.ivu-radio-group-button .ivu-radio-wrapper-disabled{border-color:#dcdee2;background-color:#f7f7f7;cursor:not-allowed;color:#ccc}.ivu-radio-group-button .ivu-radio-wrapper-disabled:first-child,.ivu-radio-group-button .ivu-radio-wrapper-disabled:hover{border-color:#dcdee2;background-color:#f7f7f7;color:#ccc}.ivu-radio-group-button .ivu-radio-wrapper-disabled:first-child{border-left-color:#dcdee2}.ivu-radio-group-button .ivu-radio-wrapper-disabled.ivu-radio-wrapper-checked{color:#fff;background-color:#e6e6e6;border-color:#dcdee2;box-shadow:none!important}.ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper{height:40px;line-height:38px;font-size:16px}.ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper:after{height:44px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper{height:24px;line-height:22px;padding:0 12px;font-size:14px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:after{height:28px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:first-child{border-radius:3px 0 0 3px}.ivu-radio-group-button.ivu-radio-group-small .ivu-radio-wrapper:last-child{border-radius:0 3px 3px 0}.ivu-checkbox-focus{box-shadow:0 0 0 2px rgba(45,140,240,.2);z-index:1}.ivu-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;cursor:pointer;line-height:1;position:relative}.ivu-checkbox-disabled{cursor:not-allowed}.ivu-checkbox:hover .ivu-checkbox-inner{border-color:#bcbcbc}.ivu-checkbox-inner{display:inline-block;width:16px;height:16px;position:relative;top:0;left:0;border:1px solid #dcdee2;border-radius:2px;background-color:#fff;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out}.ivu-checkbox-inner:after{content:'';display:table;width:4px;height:8px;position:absolute;top:1px;left:4px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all .2s ease-in-out}.ivu-checkbox-large .ivu-checkbox-inner{width:18px;height:18px}.ivu-checkbox-large .ivu-checkbox-inner:after{width:5px;height:9px}.ivu-checkbox-small{font-size:14px}.ivu-checkbox-small .ivu-checkbox-inner{width:14px;height:14px}.ivu-checkbox-small .ivu-checkbox-inner:after{top:0;left:3px}.ivu-checkbox-input{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;cursor:pointer;opacity:0}.ivu-checkbox-input[disabled]{cursor:not-allowed}.ivu-checkbox-border{border:1px solid #dcdee2;border-radius:4px;height:32px;line-height:30px;padding:0 15px;transition:border .2s ease-in-out}.ivu-checkbox-group.ivu-checkbox-small .ivu-checkbox-border,.ivu-checkbox-small.ivu-checkbox-border{height:24px;line-height:22px;padding:0 7px}.ivu-checkbox-group.ivu-checkbox-large .ivu-checkbox-border,.ivu-checkbox-large.ivu-checkbox-border{height:40px;line-height:36px;padding:0 15px}.ivu-checkbox-wrapper-checked.ivu-checkbox-border{border-color:#2d8cf0}.ivu-checkbox-wrapper-disabled.ivu-checkbox-border{border-color:#dcdee2}.ivu-checkbox-checked:hover .ivu-checkbox-inner{border-color:#2d8cf0}.ivu-checkbox-checked .ivu-checkbox-inner{border-color:#2d8cf0;background-color:#2d8cf0}.ivu-checkbox-checked .ivu-checkbox-inner:after{content:'';display:table;width:4px;height:8px;position:absolute;top:2px;left:5px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1);transition:all .2s ease-in-out}.ivu-checkbox-large .ivu-checkbox-checked .ivu-checkbox-inner:after{width:6px;height:10px}.ivu-checkbox-small .ivu-checkbox-checked .ivu-checkbox-inner:after{top:1px;left:4px}.ivu-checkbox-disabled.ivu-checkbox-checked:hover .ivu-checkbox-inner{border-color:#dcdee2}.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner{background-color:#f3f3f3;border-color:#dcdee2}.ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner:after{animation-name:none;border-color:#ccc}.ivu-checkbox-disabled:hover .ivu-checkbox-inner{border-color:#dcdee2}.ivu-checkbox-disabled .ivu-checkbox-inner{border-color:#dcdee2;background-color:#f3f3f3}.ivu-checkbox-disabled .ivu-checkbox-inner:after{animation-name:none;border-color:#f3f3f3}.ivu-checkbox-disabled .ivu-checkbox-inner-input{cursor:default}.ivu-checkbox-disabled+span{color:#ccc;cursor:not-allowed}.ivu-checkbox-indeterminate .ivu-checkbox-inner:after{content:'';width:10px;height:1px;transform:scale(1);position:absolute;left:2px;top:6px}.ivu-checkbox-indeterminate:hover .ivu-checkbox-inner{border-color:#2d8cf0}.ivu-checkbox-indeterminate .ivu-checkbox-inner{background-color:#2d8cf0;border-color:#2d8cf0}.ivu-checkbox-indeterminate.ivu-checkbox-disabled .ivu-checkbox-inner{background-color:#f3f3f3;border-color:#dcdee2}.ivu-checkbox-indeterminate.ivu-checkbox-disabled .ivu-checkbox-inner:after{border-color:#c5c8ce}.ivu-checkbox-large .ivu-checkbox-indeterminate .ivu-checkbox-inner:after{width:12px;top:7px}.ivu-checkbox-small .ivu-checkbox-indeterminate .ivu-checkbox-inner:after{width:8px;top:5px}.ivu-checkbox-wrapper{cursor:pointer;font-size:14px;display:inline-block;margin-right:8px}.ivu-checkbox-wrapper-disabled{cursor:not-allowed}.ivu-checkbox-wrapper.ivu-checkbox-large{font-size:16px}.ivu-checkbox+span,.ivu-checkbox-wrapper+span{margin-right:4px}.ivu-checkbox-group{font-size:14px}.ivu-checkbox-group-item{display:inline-block}.ivu-switch{display:inline-block;width:44px;height:22px;line-height:20px;border-radius:22px;vertical-align:middle;border:1px solid #ccc;background-color:#ccc;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in-out}.ivu-switch-loading{opacity:.4}.ivu-switch-inner{color:#fff;font-size:12px;position:absolute;left:23px}.ivu-switch-inner i{width:12px;height:12px;text-align:center;position:relative;top:-1px}.ivu-switch:after{content:'';width:18px;height:18px;border-radius:18px;background-color:#fff;position:absolute;left:1px;top:1px;cursor:pointer;transition:left .2s ease-in-out,width .2s ease-in-out}.ivu-switch:active:after{width:26px}.ivu-switch:before{content:'';display:none;width:14px;height:14px;border-radius:50%;background-color:transparent;position:absolute;left:3px;top:3px;z-index:1;border:1px solid #2d8cf0;border-color:transparent transparent transparent #2d8cf0;animation:switch-loading 1s linear;animation-iteration-count:infinite}.ivu-switch-loading:before{display:block}.ivu-switch:focus{box-shadow:0 0 0 2px rgba(45,140,240,.2);outline:0}.ivu-switch:focus:hover{box-shadow:none}.ivu-switch-small{width:28px;height:16px;line-height:14px}.ivu-switch-small:after{width:12px;height:12px}.ivu-switch-small:active:after{width:14px}.ivu-switch-small:before{width:10px;height:10px;left:2px;top:2px}.ivu-switch-small.ivu-switch-checked:after{left:13px}.ivu-switch-small.ivu-switch-checked:before{left:14px}.ivu-switch-small:active.ivu-switch-checked:after{left:11px}.ivu-switch-large{width:56px}.ivu-switch-large:active:after{width:26px}.ivu-switch-large:active:after{width:30px}.ivu-switch-large.ivu-switch-checked:after{left:35px}.ivu-switch-large.ivu-switch-checked:before{left:37px}.ivu-switch-large:active.ivu-switch-checked:after{left:23px}.ivu-switch-checked{border-color:#2d8cf0;background-color:#2d8cf0}.ivu-switch-checked .ivu-switch-inner{left:7px}.ivu-switch-checked:after{left:23px}.ivu-switch-checked:before{left:25px}.ivu-switch-checked:active:after{left:15px}.ivu-switch-disabled{cursor:not-allowed;opacity:.4}.ivu-switch-disabled:after{background:#fff;cursor:not-allowed}.ivu-switch-disabled .ivu-switch-inner{color:#fff}.ivu-switch-disabled.ivu-switch-checked{border-color:#2d8cf0;background-color:#2d8cf0;opacity:.4}.ivu-switch-disabled.ivu-switch-checked:after{background:#fff}.ivu-switch-disabled.ivu-switch-checked .ivu-switch-inner{color:#fff}@keyframes switch-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ivu-input-number{display:inline-block;width:100%;line-height:1.5;padding:4px 7px;font-size:14px;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;margin:0;padding:0;width:80px;height:32px;line-height:32px;vertical-align:middle;border:1px solid #dcdee2;border-radius:4px;overflow:hidden;cursor:default}.ivu-input-number::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-input-number:-ms-input-placeholder{color:#c5c8ce}.ivu-input-number::-webkit-input-placeholder{color:#c5c8ce}.ivu-input-number:hover{border-color:#57a3f3}.ivu-input-number:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-input-number[disabled],fieldset[disabled] .ivu-input-number{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input-number[disabled]:hover,fieldset[disabled] .ivu-input-number:hover{border-color:#e3e5e8}textarea.ivu-input-number{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-input-number-large{font-size:16px;padding:6px 7px;height:40px}.ivu-input-number-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-input-number-handler-wrap{width:22px;height:100%;border-left:1px solid #dcdee2;border-radius:0 4px 4px 0;background:#fff;position:absolute;top:0;right:0;opacity:0;transition:opacity .2s ease-in-out}.ivu-input-number:hover .ivu-input-number-handler-wrap{opacity:1}.ivu-input-number-handler-up{cursor:pointer}.ivu-input-number-handler-up-inner{top:1px}.ivu-input-number-handler-down{border-top:1px solid #dcdee2;top:-1px;cursor:pointer}.ivu-input-number-handler{display:block;width:100%;height:16px;line-height:0;text-align:center;overflow:hidden;color:#999;position:relative}.ivu-input-number-handler:hover .ivu-input-number-handler-down-inner,.ivu-input-number-handler:hover .ivu-input-number-handler-up-inner{color:#57a3f3}.ivu-input-number-handler-down-inner,.ivu-input-number-handler-up-inner{width:12px;height:12px;line-height:12px;font-size:14px;color:#999;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:5px;transition:all .2s linear}.ivu-input-number:hover{border-color:#57a3f3}.ivu-input-number-focused{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-input-number-disabled{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input-number-disabled:hover{border-color:#e3e5e8}.ivu-input-number-input-wrap{overflow:hidden;height:32px}.ivu-input-number-input{width:100%;height:32px;line-height:32px;padding:0 7px;text-align:left;outline:0;-moz-appearance:textfield;color:#666;border:0;border-radius:4px;transition:all .2s linear}.ivu-input-number-input[disabled]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input-number-input[disabled]:hover{border-color:#e3e5e8}.ivu-input-number-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-input-number-input::-ms-input-placeholder{color:#c5c8ce}.ivu-input-number-input::placeholder{color:#c5c8ce}.ivu-input-number-large{padding:0}.ivu-input-number-large .ivu-input-number-input-wrap{height:40px}.ivu-input-number-large .ivu-input-number-handler{height:20px}.ivu-input-number-large input{height:40px;line-height:40px}.ivu-input-number-large .ivu-input-number-handler-up-inner{top:2px}.ivu-input-number-large .ivu-input-number-handler-down-inner{bottom:2px}.ivu-input-number-small{padding:0}.ivu-input-number-small .ivu-input-number-input-wrap{height:24px}.ivu-input-number-small .ivu-input-number-handler{height:12px}.ivu-input-number-small input{height:24px;line-height:24px;margin-top:-1px;vertical-align:top}.ivu-input-number-small .ivu-input-number-handler-up-inner{top:-1px}.ivu-input-number-small .ivu-input-number-handler-down-inner{bottom:-1px}.ivu-input-number-disabled .ivu-input-number-handler-down-inner,.ivu-input-number-disabled .ivu-input-number-handler-up-inner,.ivu-input-number-handler-down-disabled .ivu-input-number-handler-down-inner,.ivu-input-number-handler-down-disabled .ivu-input-number-handler-up-inner,.ivu-input-number-handler-up-disabled .ivu-input-number-handler-down-inner,.ivu-input-number-handler-up-disabled .ivu-input-number-handler-up-inner{opacity:.72;color:#ccc!important;cursor:not-allowed}.ivu-input-number-disabled .ivu-input-number-input{opacity:.72;cursor:not-allowed;background-color:#f3f3f3}.ivu-input-number-disabled .ivu-input-number-handler-wrap{display:none}.ivu-input-number-disabled .ivu-input-number-handler{opacity:.72;color:#ccc!important;cursor:not-allowed}.ivu-form-item-error .ivu-input-number{border:1px solid #ed4014}.ivu-form-item-error .ivu-input-number:hover{border-color:#ed4014}.ivu-form-item-error .ivu-input-number:focus{border-color:#ed4014;outline:0;box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-form-item-error .ivu-input-number-focused{border-color:#ed4014;outline:0;box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-scroll-wrapper{width:auto;margin:0 auto;position:relative;outline:0}.ivu-scroll-container{overflow-y:scroll}.ivu-scroll-content{opacity:1;transition:opacity .5s}.ivu-scroll-content-loading{opacity:.5}.ivu-scroll-loader{text-align:center;padding:0;transition:padding .5s}.ivu-scroll-loader-wrapper{padding:5px 0;height:0;background-color:inherit;transform:scale(0);transition:opacity .3s,transform .5s,height .5s}.ivu-scroll-loader-wrapper-active{height:40px;transform:scale(1)}@keyframes ani-demo-spin{from{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.ivu-scroll-loader-wrapper .ivu-scroll-spinner{position:relative}.ivu-scroll-loader-wrapper .ivu-scroll-spinner-icon{animation:ani-demo-spin 1s linear infinite}.ivu-tag{display:inline-block;height:22px;line-height:22px;margin:2px 4px 2px 0;padding:0 8px;border:1px solid #e8eaec;border-radius:3px;background:#f7f7f7;font-size:12px;vertical-align:middle;opacity:1;overflow:hidden}.ivu-tag-size-large{height:32px;line-height:32px;padding:0 12px}.ivu-tag-size-medium{height:28px;line-height:28px;padding:0 10px}.ivu-tag:not(.ivu-tag-border):not(.ivu-tag-dot):not(.ivu-tag-checked){background:0 0;border:0;color:#515a6e}.ivu-tag:not(.ivu-tag-border):not(.ivu-tag-dot):not(.ivu-tag-checked) .ivu-icon-ios-close{color:#515a6e!important}.ivu-tag-color-error{color:#ed4014!important;border-color:#ed4014}.ivu-tag-color-success{color:#19be6b!important;border-color:#19be6b}.ivu-tag-color-primary{color:#2d8cf0!important;border-color:#2d8cf0}.ivu-tag-color-warning{color:#f90!important;border-color:#f90}.ivu-tag-color-white{color:#fff!important}.ivu-tag-dot{height:32px;line-height:32px;border:1px solid #e8eaec!important;color:#515a6e!important;background:#fff!important;padding:0 12px}.ivu-tag-dot-inner{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;background:#e8eaec;position:relative;top:1px}.ivu-tag-dot .ivu-icon-ios-close{color:#666!important;margin-left:12px!important}.ivu-tag-border{height:24px;line-height:24px;border:1px solid #e8eaec;color:#e8eaec;background:#fff!important;position:relative}.ivu-tag-border .ivu-icon-ios-close{color:#666;margin-left:12px!important}.ivu-tag-border:after{content:"";display:none;width:1px;background:currentColor;position:absolute;top:0;bottom:0;right:22px}.ivu-tag-border.ivu-tag-closable:after{display:block}.ivu-tag-border.ivu-tag-closable .ivu-icon-ios-close{margin-left:18px!important;left:4px;top:-1px}.ivu-tag-border.ivu-tag-primary{color:#2d8cf0!important;border:1px solid #2d8cf0!important}.ivu-tag-border.ivu-tag-primary:after{background:#2d8cf0}.ivu-tag-border.ivu-tag-primary .ivu-icon-ios-close{color:#2d8cf0!important}.ivu-tag-border.ivu-tag-success{color:#19be6b!important;border:1px solid #19be6b!important}.ivu-tag-border.ivu-tag-success:after{background:#19be6b}.ivu-tag-border.ivu-tag-success .ivu-icon-ios-close{color:#19be6b!important}.ivu-tag-border.ivu-tag-warning{color:#f90!important;border:1px solid #f90!important}.ivu-tag-border.ivu-tag-warning:after{background:#f90}.ivu-tag-border.ivu-tag-warning .ivu-icon-ios-close{color:#f90!important}.ivu-tag-border.ivu-tag-error{color:#ed4014!important;border:1px solid #ed4014!important}.ivu-tag-border.ivu-tag-error:after{background:#ed4014}.ivu-tag-border.ivu-tag-error .ivu-icon-ios-close{color:#ed4014!important}.ivu-tag:hover{opacity:.85}.ivu-tag-text{color:#515a6e}.ivu-tag-text a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ivu-tag .ivu-icon-ios-close{display:inline-block;font-size:14px;transform:scale(1.42857143) rotate(0);cursor:pointer;margin-left:2px;color:#666;opacity:.66;position:relative;top:-1px}:root .ivu-tag .ivu-icon-ios-close{font-size:14px}.ivu-tag .ivu-icon-ios-close:hover{opacity:1}.ivu-tag-error,.ivu-tag-primary,.ivu-tag-success,.ivu-tag-warning{border:0}.ivu-tag-error,.ivu-tag-error .ivu-icon-ios-close,.ivu-tag-error .ivu-icon-ios-close:hover,.ivu-tag-error a,.ivu-tag-error a:hover,.ivu-tag-primary,.ivu-tag-primary .ivu-icon-ios-close,.ivu-tag-primary .ivu-icon-ios-close:hover,.ivu-tag-primary a,.ivu-tag-primary a:hover,.ivu-tag-success,.ivu-tag-success .ivu-icon-ios-close,.ivu-tag-success .ivu-icon-ios-close:hover,.ivu-tag-success a,.ivu-tag-success a:hover,.ivu-tag-warning,.ivu-tag-warning .ivu-icon-ios-close,.ivu-tag-warning .ivu-icon-ios-close:hover,.ivu-tag-warning a,.ivu-tag-warning a:hover{color:#fff}.ivu-tag-primary,.ivu-tag-primary.ivu-tag-dot .ivu-tag-dot-inner{background:#2d8cf0}.ivu-tag-success,.ivu-tag-success.ivu-tag-dot .ivu-tag-dot-inner{background:#19be6b}.ivu-tag-warning,.ivu-tag-warning.ivu-tag-dot .ivu-tag-dot-inner{background:#f90}.ivu-tag-error,.ivu-tag-error.ivu-tag-dot .ivu-tag-dot-inner{background:#ed4014}.ivu-tag-pink{line-height:20px;background:#fff0f6;border-color:#ffadd2}.ivu-tag-pink .ivu-tag-text{color:#eb2f96!important}.ivu-tag-pink.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-pink{line-height:30px}.ivu-tag-size-medium.ivu-tag-pink{line-height:26px}.ivu-tag-magenta{line-height:20px;background:#fff0f6;border-color:#ffadd2}.ivu-tag-magenta .ivu-tag-text{color:#eb2f96!important}.ivu-tag-magenta.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-magenta{line-height:30px}.ivu-tag-size-medium.ivu-tag-magenta{line-height:26px}.ivu-tag-red{line-height:20px;background:#fff1f0;border-color:#ffa39e}.ivu-tag-red .ivu-tag-text{color:#f5222d!important}.ivu-tag-red.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-red{line-height:30px}.ivu-tag-size-medium.ivu-tag-red{line-height:26px}.ivu-tag-volcano{line-height:20px;background:#fff2e8;border-color:#ffbb96}.ivu-tag-volcano .ivu-tag-text{color:#fa541c!important}.ivu-tag-volcano.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-volcano{line-height:30px}.ivu-tag-size-medium.ivu-tag-volcano{line-height:26px}.ivu-tag-orange{line-height:20px;background:#fff7e6;border-color:#ffd591}.ivu-tag-orange .ivu-tag-text{color:#fa8c16!important}.ivu-tag-orange.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-orange{line-height:30px}.ivu-tag-size-medium.ivu-tag-orange{line-height:26px}.ivu-tag-yellow{line-height:20px;background:#feffe6;border-color:#fffb8f}.ivu-tag-yellow .ivu-tag-text{color:#fadb14!important}.ivu-tag-yellow.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-yellow{line-height:30px}.ivu-tag-size-medium.ivu-tag-yellow{line-height:26px}.ivu-tag-gold{line-height:20px;background:#fffbe6;border-color:#ffe58f}.ivu-tag-gold .ivu-tag-text{color:#faad14!important}.ivu-tag-gold.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-gold{line-height:30px}.ivu-tag-size-medium.ivu-tag-gold{line-height:26px}.ivu-tag-cyan{line-height:20px;background:#e6fffb;border-color:#87e8de}.ivu-tag-cyan .ivu-tag-text{color:#13c2c2!important}.ivu-tag-cyan.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-cyan{line-height:30px}.ivu-tag-size-medium.ivu-tag-cyan{line-height:26px}.ivu-tag-lime{line-height:20px;background:#fcffe6;border-color:#eaff8f}.ivu-tag-lime .ivu-tag-text{color:#a0d911!important}.ivu-tag-lime.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-lime{line-height:30px}.ivu-tag-size-medium.ivu-tag-lime{line-height:26px}.ivu-tag-green{line-height:20px;background:#f6ffed;border-color:#b7eb8f}.ivu-tag-green .ivu-tag-text{color:#52c41a!important}.ivu-tag-green.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-green{line-height:30px}.ivu-tag-size-medium.ivu-tag-green{line-height:26px}.ivu-tag-blue{line-height:20px;background:#e6f7ff;border-color:#91d5ff}.ivu-tag-blue .ivu-tag-text{color:#1890ff!important}.ivu-tag-blue.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-blue{line-height:30px}.ivu-tag-size-medium.ivu-tag-blue{line-height:26px}.ivu-tag-geekblue{line-height:20px;background:#f0f5ff;border-color:#adc6ff}.ivu-tag-geekblue .ivu-tag-text{color:#2f54eb!important}.ivu-tag-geekblue.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-geekblue{line-height:30px}.ivu-tag-size-medium.ivu-tag-geekblue{line-height:26px}.ivu-tag-purple{line-height:20px;background:#f9f0ff;border-color:#d3adf7}.ivu-tag-purple .ivu-tag-text{color:#722ed1!important}.ivu-tag-purple.ivu-tag-dot{line-height:32px}.ivu-tag-size-large.ivu-tag-purple{line-height:30px}.ivu-tag-size-medium.ivu-tag-purple{line-height:26px}.ivu-layout{display:flex;flex-direction:column;flex:auto;background:#f5f7f9}.ivu-layout.ivu-layout-has-sider{flex-direction:row}.ivu-layout.ivu-layout-has-sider>.ivu-layout,.ivu-layout.ivu-layout-has-sider>.ivu-layout-content{overflow-x:hidden}.ivu-layout-footer,.ivu-layout-header{flex:0 0 auto}.ivu-layout-header{background:#515a6e;padding:0 50px;height:64px;line-height:64px}.ivu-layout-sider{transition:all .2s ease-in-out;position:relative;background:#515a6e;min-width:0}.ivu-layout-sider-children{height:100%;padding-top:.1px;margin-top:-.1px}.ivu-layout-sider-has-trigger{padding-bottom:48px}.ivu-layout-sider-trigger{position:fixed;bottom:0;text-align:center;cursor:pointer;height:48px;line-height:48px;color:#fff;background:#515a6e;z-index:1000;transition:all .2s ease-in-out}.ivu-layout-sider-trigger .ivu-icon{font-size:16px}.ivu-layout-sider-trigger>*{transition:all .2s}.ivu-layout-sider-trigger-collapsed .ivu-layout-sider-trigger-icon{transform:rotateZ(180deg)}.ivu-layout-sider-zero-width>*{overflow:hidden}.ivu-layout-sider-zero-width-trigger{position:absolute;top:64px;right:-36px;text-align:center;width:36px;height:42px;line-height:42px;background:#515a6e;color:#fff;font-size:18px;border-radius:0 6px 6px 0;cursor:pointer;transition:background .3s ease}.ivu-layout-sider-zero-width-trigger:hover{background:#626b7d}.ivu-layout-sider-zero-width-trigger.ivu-layout-sider-zero-width-trigger-left{right:0;left:-36px;border-radius:6px 0 0 6px}.ivu-layout-footer{background:#f5f7f9;padding:24px 50px;color:#515a6e;font-size:14px}.ivu-layout-content{flex:auto}.ivu-loading-bar{width:100%;position:fixed;top:0;left:0;right:0;z-index:2000}.ivu-loading-bar-inner{transition:width .2s linear}.ivu-loading-bar-inner-color-primary{background-color:#2d8cf0}.ivu-loading-bar-inner-failed-color-error{background-color:#ed4014}.ivu-progress{display:inline-block;width:100%;font-size:12px;position:relative}.ivu-progress-vertical{height:100%;width:auto}.ivu-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ivu-progress-show-info .ivu-progress-outer{padding-right:55px;margin-right:-55px}.ivu-progress-vertical .ivu-progress-outer{height:100%;width:auto}.ivu-progress-inner{display:inline-block;width:100%;background-color:#f3f3f3;border-radius:100px;vertical-align:middle;position:relative}.ivu-progress-inner-text{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 6px}.ivu-progress-vertical .ivu-progress-inner{height:100%;width:auto}.ivu-progress-vertical .ivu-progress-inner:after,.ivu-progress-vertical .ivu-progress-inner>*{display:inline-block;vertical-align:bottom}.ivu-progress-vertical .ivu-progress-inner:after{content:'';height:100%}.ivu-progress-bg{text-align:right;border-radius:100px;background-color:#2d8cf0;transition:all .2s linear;position:relative}.ivu-progress-bg:after{content:'';display:inline-block;height:100%;vertical-align:middle}.ivu-progress-success-bg{border-radius:100px;background-color:#19be6b;transition:all .2s linear;position:absolute;top:0;left:0}.ivu-progress-text{display:inline-block;margin-left:5px;text-align:left;font-size:1em;vertical-align:middle;color:#808695}.ivu-progress-active .ivu-progress-bg:before{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;animation:ivu-progress-active 2s ease-in-out infinite}.ivu-progress-vertical.ivu-progress-active .ivu-progress-bg:before{top:auto;animation:ivu-progress-active-vertical 2s ease-in-out infinite}.ivu-progress-wrong .ivu-progress-bg{background-color:#ed4014}.ivu-progress-wrong .ivu-progress-text{color:#ed4014}.ivu-progress-success .ivu-progress-bg{background-color:#19be6b}.ivu-progress-success .ivu-progress-text{color:#19be6b}@keyframes ivu-progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes ivu-progress-active-vertical{0%{opacity:.3;height:0}100%{opacity:0;height:100%}}.ivu-timeline{list-style:none;margin:0;padding:0}.ivu-timeline-item{margin:0!important;padding:0 0 12px 0;list-style:none;position:relative}.ivu-timeline-item-tail{height:100%;border-left:1px solid #e8eaec;position:absolute;left:6px;top:0}.ivu-timeline-item-pending .ivu-timeline-item-tail{display:none}.ivu-timeline-item-head{width:13px;height:13px;background-color:#fff;border-radius:50%;border:1px solid transparent;position:absolute}.ivu-timeline-item-head-blue{border-color:#2d8cf0;color:#2d8cf0}.ivu-timeline-item-head-red{border-color:#ed4014;color:#ed4014}.ivu-timeline-item-head-green{border-color:#19be6b;color:#19be6b}.ivu-timeline-item-head-custom{width:40px;height:auto;margin-top:6px;padding:3px 0;text-align:center;line-height:1;border:0;border-radius:0;font-size:14px;position:absolute;left:-13px;transform:translateY(-50%)}.ivu-timeline-item-content{padding:1px 1px 10px 24px;font-size:14px;position:relative;top:-3px}.ivu-timeline-item:last-child .ivu-timeline-item-tail{display:none}.ivu-timeline.ivu-timeline-pending .ivu-timeline-item:nth-last-of-type(2) .ivu-timeline-item-tail{border-left:1px dotted #e8eaec}.ivu-timeline.ivu-timeline-pending .ivu-timeline-item:nth-last-of-type(2) .ivu-timeline-item-content{min-height:48px}.ivu-page:after{content:'';display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.ivu-page-item{display:inline-block;vertical-align:middle;min-width:32px;height:32px;line-height:30px;margin-right:4px;text-align:center;list-style:none;background-color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-family:Arial;font-weight:500;border:1px solid #dcdee2;border-radius:4px;transition:border .2s ease-in-out,color .2s ease-in-out}.ivu-page-item a{margin:0 6px;text-decoration:none;color:#515a6e}.ivu-page-item:hover{border-color:#2d8cf0}.ivu-page-item:hover a{color:#2d8cf0}.ivu-page-item-active{border-color:#2d8cf0}.ivu-page-item-active a,.ivu-page-item-active:hover a{color:#2d8cf0}.ivu-page-with-disabled .ivu-page-disabled,.ivu-page-with-disabled .ivu-page-item{cursor:not-allowed;background-color:#f3f3f3}.ivu-page-with-disabled .ivu-page-disabled a,.ivu-page-with-disabled .ivu-page-item a{color:#ccc}.ivu-page-with-disabled .ivu-page-disabled:hover,.ivu-page-with-disabled .ivu-page-item:hover{border-color:#dcdee2}.ivu-page-with-disabled .ivu-page-disabled:hover a,.ivu-page-with-disabled .ivu-page-item:hover a{color:#ccc;cursor:not-allowed}.ivu-page-with-disabled .ivu-page-disabled-active,.ivu-page-with-disabled .ivu-page-item-active{background-color:#dcdee2;border-color:#dcdee2}.ivu-page-with-disabled .ivu-page-disabled-active a,.ivu-page-with-disabled .ivu-page-disabled-active:hover a,.ivu-page-with-disabled .ivu-page-item-active a,.ivu-page-with-disabled .ivu-page-item-active:hover a{color:#fff}.ivu-page-item-jump-next:after,.ivu-page-item-jump-prev:after{content:"\2022\2022\2022";display:block;letter-spacing:1px;color:#ccc;text-align:center}.ivu-page-item-jump-next i,.ivu-page-item-jump-prev i{display:none}.ivu-page-item-jump-next:hover:after,.ivu-page-item-jump-prev:hover:after{display:none}.ivu-page-item-jump-next:hover i,.ivu-page-item-jump-prev:hover i{display:inline}.ivu-page-with-disabled .ivu-page-item-jump-next,.ivu-page-with-disabled .ivu-page-item-jump-prev{cursor:not-allowed}.ivu-page-with-disabled .ivu-page-item-jump-next:hover:after,.ivu-page-with-disabled .ivu-page-item-jump-prev:hover:after{display:block}.ivu-page-with-disabled .ivu-page-item-jump-next:hover i,.ivu-page-with-disabled .ivu-page-item-jump-prev:hover i{display:none}.ivu-page-item-jump-prev:hover i:after{content:"\F115";margin-left:-8px}.ivu-page-item-jump-next:hover i:after{content:"\F11F";margin-left:-8px}.ivu-page-prev{margin-right:4px}.ivu-page-item-jump-next,.ivu-page-item-jump-prev{margin-right:4px}.ivu-page-item-jump-next,.ivu-page-item-jump-prev,.ivu-page-next,.ivu-page-prev{display:inline-block;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-width:32px;height:32px;line-height:30px;list-style:none;text-align:center;cursor:pointer;color:#666;font-family:Arial;border:1px solid #dcdee2;border-radius:4px;transition:all .2s ease-in-out}.ivu-page-item-jump-next,.ivu-page-item-jump-prev{border-color:transparent}.ivu-page-next,.ivu-page-prev{background-color:#fff}.ivu-page-next a,.ivu-page-prev a{color:#666;font-size:14px}.ivu-page-next:hover,.ivu-page-prev:hover{border-color:#2d8cf0}.ivu-page-next:hover a,.ivu-page-prev:hover a{color:#2d8cf0}.ivu-page-disabled{cursor:not-allowed}.ivu-page-disabled a{color:#ccc}.ivu-page-disabled:hover{border-color:#dcdee2}.ivu-page-disabled:hover a{color:#ccc;cursor:not-allowed}.ivu-page-options{display:inline-block;vertical-align:middle;margin-left:15px}.ivu-page-options-sizer{display:inline-block;margin-right:10px}.ivu-page-options-elevator{display:inline-block;vertical-align:middle;height:32px;line-height:32px}.ivu-page-options-elevator input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:4px;margin:0 8px;width:50px}.ivu-page-options-elevator input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-page-options-elevator input:-ms-input-placeholder{color:#c5c8ce}.ivu-page-options-elevator input::-webkit-input-placeholder{color:#c5c8ce}.ivu-page-options-elevator input:hover{border-color:#57a3f3}.ivu-page-options-elevator input:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-page-options-elevator input[disabled],fieldset[disabled] .ivu-page-options-elevator input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-page-options-elevator input[disabled]:hover,fieldset[disabled] .ivu-page-options-elevator input:hover{border-color:#e3e5e8}textarea.ivu-page-options-elevator input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-page-options-elevator input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-page-options-elevator input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-page-total{display:inline-block;height:32px;line-height:32px;margin-right:10px}.ivu-page-simple .ivu-page-next,.ivu-page-simple .ivu-page-prev{margin:0;border:0;height:24px;line-height:normal;font-size:18px}.ivu-page-simple .ivu-page-simple-pager{display:inline-block;margin-right:8px;vertical-align:middle}.ivu-page-simple .ivu-page-simple-pager input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;color:#515a6e;background-image:none;position:relative;cursor:text;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;width:30px;height:24px;margin:0 8px;padding:5px 8px;text-align:center;box-sizing:border-box;background-color:#fff;outline:0;border:1px solid #dcdee2;border-radius:4px;transition:border-color .2s ease-in-out}.ivu-page-simple .ivu-page-simple-pager input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-page-simple .ivu-page-simple-pager input:-ms-input-placeholder{color:#c5c8ce}.ivu-page-simple .ivu-page-simple-pager input::-webkit-input-placeholder{color:#c5c8ce}.ivu-page-simple .ivu-page-simple-pager input:hover{border-color:#57a3f3}.ivu-page-simple .ivu-page-simple-pager input:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-page-simple .ivu-page-simple-pager input[disabled],fieldset[disabled] .ivu-page-simple .ivu-page-simple-pager input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-page-simple .ivu-page-simple-pager input[disabled]:hover,fieldset[disabled] .ivu-page-simple .ivu-page-simple-pager input:hover{border-color:#e3e5e8}textarea.ivu-page-simple .ivu-page-simple-pager input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-page-simple .ivu-page-simple-pager input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-page-simple .ivu-page-simple-pager input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-page-simple .ivu-page-simple-pager input:hover{border-color:#2d8cf0}.ivu-page-simple .ivu-page-simple-pager span{padding:0 8px 0 2px}.ivu-page-custom-text,.ivu-page-custom-text:hover{border-color:transparent}.ivu-page.mini .ivu-page-total{height:24px;line-height:24px}.ivu-page.mini .ivu-page-item{border:0;margin:0;min-width:24px;height:24px;line-height:24px;border-radius:3px}.ivu-page.mini .ivu-page-next,.ivu-page.mini .ivu-page-prev{margin:0;min-width:24px;height:24px;line-height:22px;border:0}.ivu-page.mini .ivu-page-next a i:after,.ivu-page.mini .ivu-page-prev a i:after{height:24px;line-height:24px}.ivu-page.mini .ivu-page-item-jump-next,.ivu-page.mini .ivu-page-item-jump-prev{height:24px;line-height:24px;border:none;margin-right:0}.ivu-page.mini .ivu-page-options{margin-left:8px}.ivu-page.mini .ivu-page-options-elevator{height:24px;line-height:24px}.ivu-page.mini .ivu-page-options-elevator input{padding:1px 7px;height:24px;border-radius:3px;width:44px}.ivu-steps{display:flex;width:100%;font-size:0;line-height:1.5}.ivu-steps-item{display:inline-block;position:relative;vertical-align:top;flex:1;overflow:hidden}.ivu-steps-item:last-child{flex:none}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner{background-color:#fff}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner span,.ivu-steps-item.ivu-steps-status-wait .ivu-steps-head-inner>.ivu-steps-icon{color:#ccc}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-title{color:#999}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-content{color:#999}.ivu-steps-item.ivu-steps-status-wait .ivu-steps-tail>i{background-color:#e8eaec}.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner{border-color:#2d8cf0;background-color:#2d8cf0}.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner span,.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner>.ivu-steps-icon{color:#fff}.ivu-steps-item.ivu-steps-status-process .ivu-steps-title{color:#666}.ivu-steps-item.ivu-steps-status-process .ivu-steps-content{color:#666}.ivu-steps-item.ivu-steps-status-process .ivu-steps-tail>i{background-color:#e8eaec}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner{background-color:#fff;border-color:#2d8cf0}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span,.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner>.ivu-steps-icon{color:#2d8cf0}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-tail>i:after{width:100%;background:#2d8cf0;transition:all .2s ease-in-out;opacity:1}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-title{color:#999}.ivu-steps-item.ivu-steps-status-finish .ivu-steps-content{color:#999}.ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner{background-color:#fff;border-color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-head-inner>.ivu-steps-icon{color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-title{color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-content{color:#ed4014}.ivu-steps-item.ivu-steps-status-error .ivu-steps-tail>i{background-color:#e8eaec}.ivu-steps-item.ivu-steps-next-error .ivu-steps-tail>i,.ivu-steps-item.ivu-steps-next-error .ivu-steps-tail>i:after{background-color:#ed4014}.ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner{background:0 0;border:0;width:auto;height:auto}.ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner>.ivu-steps-icon{font-size:20px;top:2px;width:20px;height:20px}.ivu-steps-item.ivu-steps-custom.ivu-steps-status-process .ivu-steps-head-inner>.ivu-steps-icon{color:#2d8cf0}.ivu-steps-item:last-child .ivu-steps-tail{display:none}.ivu-steps .ivu-steps-head,.ivu-steps .ivu-steps-main{position:relative;display:inline-block;vertical-align:top}.ivu-steps .ivu-steps-head{background:#fff}.ivu-steps .ivu-steps-head-inner{display:block;width:26px;height:26px;line-height:24px;margin-right:8px;text-align:center;border:1px solid #ccc;border-radius:50%;font-size:14px;transition:background-color .2s ease-in-out}.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon{line-height:1;position:relative}.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon{font-size:24px}.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon-ios-checkmark-empty,.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon-ios-close-empty{font-weight:700}.ivu-steps .ivu-steps-main{margin-top:2.5px;display:inline}.ivu-steps .ivu-steps-custom .ivu-steps-title{margin-top:2.5px}.ivu-steps .ivu-steps-title{display:inline-block;margin-bottom:4px;padding-right:10px;font-size:14px;font-weight:700;color:#666;background:#fff}.ivu-steps .ivu-steps-title>a:first-child:last-child{color:#666}.ivu-steps .ivu-steps-item-last .ivu-steps-title{padding-right:0;width:100%}.ivu-steps .ivu-steps-content{font-size:12px;color:#999}.ivu-steps .ivu-steps-tail{width:100%;padding:0 10px;position:absolute;left:0;top:13px}.ivu-steps .ivu-steps-tail>i{display:inline-block;width:100%;height:1px;vertical-align:top;background:#e8eaec;border-radius:1px;position:relative}.ivu-steps .ivu-steps-tail>i:after{content:'';width:0;height:100%;background:#e8eaec;opacity:0;position:absolute;top:0}.ivu-steps.ivu-steps-small .ivu-steps-head-inner{width:18px;height:18px;line-height:16px;margin-right:10px;text-align:center;border-radius:50%;font-size:12px}.ivu-steps.ivu-steps-small .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon{font-size:16px;top:0}.ivu-steps.ivu-steps-small .ivu-steps-main{margin-top:0}.ivu-steps.ivu-steps-small .ivu-steps-title{margin-bottom:4px;margin-top:0;color:#666;font-size:12px;font-weight:700}.ivu-steps.ivu-steps-small .ivu-steps-content{font-size:12px;color:#999;padding-left:30px}.ivu-steps.ivu-steps-small .ivu-steps-tail{top:8px;padding:0 8px}.ivu-steps.ivu-steps-small .ivu-steps-tail>i{height:1px;width:100%;border-radius:1px}.ivu-steps .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner,.ivu-steps.ivu-steps-small .ivu-steps-item.ivu-steps-custom .ivu-steps-head-inner{width:inherit;height:inherit;line-height:inherit;border-radius:0;border:0;background:0 0}.ivu-steps-vertical{display:block}.ivu-steps-vertical .ivu-steps-item{display:block;overflow:visible}.ivu-steps-vertical .ivu-steps-tail{position:absolute;left:13px;top:0;height:100%;width:1px;padding:30px 0 4px 0}.ivu-steps-vertical .ivu-steps-tail>i{height:100%;width:1px}.ivu-steps-vertical .ivu-steps-tail>i:after{height:0;width:100%}.ivu-steps-vertical .ivu-steps-status-finish .ivu-steps-tail>i:after{height:100%}.ivu-steps-vertical .ivu-steps-head{float:left}.ivu-steps-vertical .ivu-steps-head-inner{margin-right:16px}.ivu-steps-vertical .ivu-steps-main{min-height:47px;overflow:hidden;display:block}.ivu-steps-vertical .ivu-steps-main .ivu-steps-title{line-height:26px}.ivu-steps-vertical .ivu-steps-main .ivu-steps-content{padding-bottom:12px;padding-left:0}.ivu-steps-vertical .ivu-steps-custom .ivu-steps-icon{left:4px}.ivu-steps-vertical.ivu-steps-small .ivu-steps-custom .ivu-steps-icon{left:0}.ivu-steps-vertical.ivu-steps-small .ivu-steps-tail{position:absolute;left:9px;top:0;padding:22px 0 4px 0}.ivu-steps-vertical.ivu-steps-small .ivu-steps-tail>i{height:100%}.ivu-steps-vertical.ivu-steps-small .ivu-steps-title{line-height:18px}.ivu-steps-horizontal.ivu-steps-hidden{visibility:hidden}.ivu-steps-horizontal .ivu-steps-content{padding-left:35px}.ivu-steps-horizontal .ivu-steps-item:not(:first-child) .ivu-steps-head{padding-left:10px;margin-left:-10px}.ivu-modal{width:auto;margin:0 auto;position:relative;outline:0;top:100px}.ivu-modal-hidden{display:none!important}.ivu-modal-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ivu-modal-wrap *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ivu-modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.6);height:100%;z-index:1000}.ivu-modal-mask-hidden{display:none}.ivu-modal-content{position:relative;background-color:#fff;border:0;border-radius:6px;background-clip:padding-box;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ivu-modal-content-no-mask{pointer-events:auto}.ivu-modal-content-drag{position:absolute}.ivu-modal-content-drag .ivu-modal-header{cursor:move}.ivu-modal-content-dragging{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ivu-modal-header{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ivu-modal-header p,.ivu-modal-header-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-modal-close{z-index:1;font-size:12px;position:absolute;right:8px;top:8px;overflow:hidden;cursor:pointer}.ivu-modal-close .ivu-icon-ios-close{font-size:31px;color:#999;transition:color .2s ease;position:relative;top:1px}.ivu-modal-close .ivu-icon-ios-close:hover{color:#444}.ivu-modal-body{padding:16px;font-size:14px;line-height:1.5}.ivu-modal-footer{border-top:1px solid #e8eaec;padding:12px 18px 12px 18px;text-align:right}.ivu-modal-footer button+button{margin-left:8px;margin-bottom:0}.ivu-modal-fullscreen{width:100%!important;top:0;bottom:0;position:absolute}.ivu-modal-fullscreen .ivu-modal-content{width:100%;border-radius:0;position:absolute;top:0;bottom:0}.ivu-modal-fullscreen .ivu-modal-body{width:100%;overflow:auto;position:absolute;top:51px;bottom:61px}.ivu-modal-fullscreen-no-header .ivu-modal-body{top:0}.ivu-modal-fullscreen-no-footer .ivu-modal-body{bottom:0}.ivu-modal-fullscreen .ivu-modal-footer{position:absolute;width:100%;bottom:0}.ivu-modal-no-mask{pointer-events:none}@media (max-width:576px){.ivu-modal{width:auto!important;margin:10px}.ivu-modal-fullscreen{width:100%!important;margin:0}.vertical-center-modal .ivu-modal{flex:1}}.ivu-modal-confirm{padding:6px 16px 8px}.ivu-modal-confirm-head{padding:0 12px 0 0}.ivu-modal-confirm-head-icon{display:inline-block;font-size:28px;vertical-align:middle;position:relative;top:-2px}.ivu-modal-confirm-head-icon-info{color:#2d8cf0}.ivu-modal-confirm-head-icon-success{color:#19be6b}.ivu-modal-confirm-head-icon-warning{color:#f90}.ivu-modal-confirm-head-icon-error{color:#ed4014}.ivu-modal-confirm-head-icon-confirm{color:#f90}.ivu-modal-confirm-head-title{display:inline-block;vertical-align:middle;margin-left:12px;font-size:16px;color:#17233d;font-weight:500}.ivu-modal-confirm-body{padding-left:40px;font-size:14px;color:#515a6e;position:relative}.ivu-modal-confirm-body-render{margin:0;padding:0}.ivu-modal-confirm-footer{margin-top:20px;text-align:right}.ivu-modal-confirm-footer button+button{margin-left:8px;margin-bottom:0}.ivu-select{display:inline-block;width:100%;box-sizing:border-box;vertical-align:middle;color:#515a6e;font-size:14px;line-height:normal}.ivu-select-selection{display:block;box-sizing:border-box;outline:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative;background-color:#fff;border-radius:4px;border:1px solid #dcdee2;transition:all .2s ease-in-out}.ivu-select-selection-focused,.ivu-select-selection:hover{border-color:#57a3f3}.ivu-select-selection-focused .ivu-select-arrow,.ivu-select-selection:hover .ivu-select-arrow{display:inline-block}.ivu-select-arrow{position:absolute;top:50%;right:8px;line-height:1;transform:translateY(-50%);font-size:14px;color:#808695;transition:all .2s ease-in-out}.ivu-select-visible .ivu-select-selection{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-select-visible .ivu-select-arrow{transform:translateY(-50%) rotate(180deg);display:inline-block}.ivu-select-disabled .ivu-select-selection{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-select-disabled .ivu-select-selection:hover{border-color:#e3e5e8}.ivu-select-disabled .ivu-select-selection .ivu-select-arrow{color:#ccc}.ivu-select-disabled .ivu-select-selection:hover{border-color:#dcdee2;box-shadow:none}.ivu-select-disabled .ivu-select-selection:hover .ivu-select-arrow{display:inline-block}.ivu-select-single .ivu-select-selection{height:32px;position:relative}.ivu-select-single .ivu-select-selection .ivu-select-placeholder{color:#c5c8ce}.ivu-select-single .ivu-select-selection .ivu-select-placeholder,.ivu-select-single .ivu-select-selection .ivu-select-selected-value{display:block;height:30px;line-height:30px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;padding-right:24px}.ivu-select-multiple .ivu-select-selection{padding:0 24px 0 4px}.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder{display:block;height:30px;line-height:30px;color:#c5c8ce;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:4px;padding-right:22px}.ivu-select-default.ivu-select-multiple .ivu-select-selection{min-height:32px}.ivu-select-large.ivu-select-single .ivu-select-selection{height:40px}.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-placeholder,.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-selected-value{height:38px;line-height:38px;font-size:16px}.ivu-select-large.ivu-select-multiple .ivu-select-selection{min-height:40px}.ivu-select-large.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,.ivu-select-large.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value{min-height:38px;line-height:38px;font-size:16px}.ivu-select-small.ivu-select-single .ivu-select-selection{height:24px;border-radius:3px}.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-placeholder,.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-selected-value{height:22px;line-height:22px}.ivu-select-small.ivu-select-multiple .ivu-select-selection{min-height:24px;border-radius:3px}.ivu-select-small.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,.ivu-select-small.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value{height:auto;min-height:22px;line-height:22px}.ivu-select-input{display:inline-block;height:32px;line-height:32px;padding:0 24px 0 8px;font-size:14px;outline:0;border:none;box-sizing:border-box;color:#515a6e;background-color:transparent;position:relative;cursor:pointer}.ivu-select-input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-select-input:-ms-input-placeholder{color:#c5c8ce}.ivu-select-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-select-input[disabled]{cursor:not-allowed;color:#ccc;-webkit-text-fill-color:#ccc}.ivu-select-single .ivu-select-input{width:100%}.ivu-select-large .ivu-select-input,.ivu-select-large.ivu-select-multiple .ivu-select-input{font-size:16px;height:32px;line-height:32px;top:3px}.ivu-select-small .ivu-select-input,.ivu-select-small.ivu-select-multiple .ivu-select-input{height:18px;line-height:18px;top:2px}.ivu-select-multiple .ivu-select-input{height:26px;line-height:26px;padding:0 0 0 4px;top:2px}.ivu-select-not-found{text-align:center;color:#c5c8ce}.ivu-select-not-found li:not([class^=ivu-]){margin-bottom:0}.ivu-select-loading{text-align:center;color:#c5c8ce}.ivu-select-multiple .ivu-tag{height:24px;line-height:22px;margin:3px 4px 3px 0;max-width:99%;position:relative}.ivu-select-multiple .ivu-tag span:not(.ivu-select-max-tag){display:block;margin-right:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-select-multiple .ivu-tag i{display:block;position:absolute;right:4px;top:4px}.ivu-select-multiple-tag-hidden{margin-right:0!important}.ivu-select-large.ivu-select-multiple .ivu-tag{height:32px;line-height:30px;font-size:16px}.ivu-select-large.ivu-select-multiple .ivu-tag i{top:9px}.ivu-select-small.ivu-select-multiple .ivu-tag{height:17px;line-height:15px;font-size:12px;padding:0 6px;margin:3px 4px 2px 0}.ivu-select-small.ivu-select-multiple .ivu-tag span{margin-right:14px}.ivu-select-small.ivu-select-multiple .ivu-tag i{top:1px;right:2px}.ivu-select-dropdown-list{min-width:100%;list-style:none}.ivu-select .ivu-select-dropdown{width:auto}.ivu-select-prefix{display:inline-block;vertical-align:middle}.ivu-select-prefix i{vertical-align:top}.ivu-select-head-with-prefix{display:inline-block!important;vertical-align:middle}.ivu-select-single .ivu-select-prefix{padding-left:4px}.ivu-select-multiple .ivu-select-head-with-prefix,.ivu-select-single .ivu-select-head-with-prefix{padding-left:0!important}.ivu-select-head-flex{display:flex;align-items:center}.ivu-select-multiple .ivu-select-head-flex .ivu-select-prefix{margin-right:4px}.ivu-select-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-select-item:hover{background:#f3f3f3}.ivu-select-item-focus{background:#f3f3f3}.ivu-select-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-select-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-select-item-selected,.ivu-select-item-selected:hover{color:#2d8cf0}.ivu-select-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-select-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-select-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-select-large .ivu-select-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-select-item{white-space:normal}}.ivu-select-multiple .ivu-select-item{position:relative}.ivu-select-multiple .ivu-select-item-selected{color:rgba(45,140,240,.9);background:#fff}.ivu-select-multiple .ivu-select-item-focus,.ivu-select-multiple .ivu-select-item-selected:hover{background:#f3f3f3}.ivu-select-multiple .ivu-select-item-selected.ivu-select-multiple .ivu-select-item-focus{color:rgba(40,123,211,.91);background:#fff}.ivu-select-multiple .ivu-select-item-selected:after{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:optimizeLegibility;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-.125em;text-align:center;font-size:24px;content:'\F171';color:rgba(45,140,240,.9);position:absolute;top:2px;right:8px}.ivu-select-multiple .ivu-select-item-selected.ivu-select-item-disabled{color:#c5c8ce}.ivu-select-multiple .ivu-select-item-selected.ivu-select-item-disabled:after{color:#c5c8ce}.ivu-select-multiple .ivu-select-item-selected.ivu-select-item-disabled:hover{background-color:#fff}.ivu-select-group{list-style:none;margin:0;padding:0}.ivu-select-group-title{padding-left:8px;font-size:14px;color:#999;height:30px;line-height:30px}.ivu-form-item-error .ivu-select-selection{border:1px solid #ed4014}.ivu-form-item-error .ivu-select-arrow{color:#ed4014}.ivu-form-item-error .ivu-select-visible .ivu-select-selection{border-color:#ed4014;outline:0;box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-select-dropdown{width:inherit;max-height:200px;overflow:auto;margin:5px 0;padding:5px 0;background-color:#fff;box-sizing:border-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);position:absolute;z-index:900}.ivu-select-dropdown-transfer{z-index:1060;width:auto}.ivu-select-dropdown.ivu-transfer-no-max-height{max-height:none}.ivu-modal .ivu-select-dropdown{position:absolute!important}.ivu-split-wrapper{position:relative;width:100%;height:100%}.ivu-split-pane{position:absolute}.ivu-split-pane.left-pane,.ivu-split-pane.right-pane{top:0;bottom:0}.ivu-split-pane.left-pane{left:0}.ivu-split-pane.right-pane{right:0}.ivu-split-pane.bottom-pane,.ivu-split-pane.top-pane{left:0;right:0}.ivu-split-pane.top-pane{top:0}.ivu-split-pane.bottom-pane{bottom:0}.ivu-split-pane-moving{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ivu-split-trigger{border:1px solid #dcdee2}.ivu-split-trigger-con{position:absolute;transform:translate(-50%,-50%);z-index:10}.ivu-split-trigger-bar-con{position:absolute;overflow:hidden}.ivu-split-trigger-bar-con.vertical{left:1px;top:50%;height:32px;transform:translate(0,-50%)}.ivu-split-trigger-bar-con.horizontal{left:50%;top:1px;width:32px;transform:translate(-50%,0)}.ivu-split-trigger-vertical{width:6px;height:100%;background:#f8f8f9;border-top:none;border-bottom:none;cursor:col-resize}.ivu-split-trigger-vertical .ivu-split-trigger-bar{width:4px;height:1px;background:rgba(23,35,61,.25);float:left;margin-top:3px}.ivu-split-trigger-horizontal{height:6px;width:100%;background:#f8f8f9;border-left:none;border-right:none;cursor:row-resize}.ivu-split-trigger-horizontal .ivu-split-trigger-bar{height:4px;width:1px;background:rgba(23,35,61,.25);float:left;margin-right:3px}.ivu-split-horizontal>.ivu-split-trigger-con{top:50%;height:100%;width:0}.ivu-split-vertical>.ivu-split-trigger-con{left:50%;height:0;width:100%}.ivu-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ivu-tooltip{display:inline-block}.ivu-tooltip-rel{display:inline-block;position:relative;width:inherit}.ivu-tooltip-popper{display:block;visibility:visible;font-size:14px;line-height:1.5;position:absolute;z-index:1060}.ivu-tooltip-popper[x-placement^=top]{padding:5px 0 8px 0}.ivu-tooltip-popper[x-placement^=right]{padding:0 5px 0 8px}.ivu-tooltip-popper[x-placement^=bottom]{padding:8px 0 5px 0}.ivu-tooltip-popper[x-placement^=left]{padding:0 8px 0 5px}.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=top] .ivu-tooltip-arrow{left:50%;margin-left:-5px}.ivu-tooltip-popper[x-placement=top-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-popper[x-placement=top-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=right] .ivu-tooltip-arrow{top:50%;margin-top:-5px}.ivu-tooltip-popper[x-placement=right-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-popper[x-placement=right-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=left] .ivu-tooltip-arrow{top:50%;margin-top:-5px}.ivu-tooltip-popper[x-placement=left-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-popper[x-placement=left-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(70,76,91,.9)}.ivu-tooltip-popper[x-placement=bottom] .ivu-tooltip-arrow{left:50%;margin-left:-5px}.ivu-tooltip-popper[x-placement=bottom-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-popper[x-placement=bottom-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-light.ivu-tooltip-popper{display:block;visibility:visible;font-size:14px;line-height:1.5;position:absolute;z-index:1060}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=top]{padding:7px 0 10px 0}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=right]{padding:0 7px 0 10px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=bottom]{padding:10px 0 7px 0}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=left]{padding:0 10px 0 7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow{bottom:3px;border-width:7px 7px 0;border-top-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=top] .ivu-tooltip-arrow{left:50%;margin-left:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=top-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=top-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow{left:3px;border-width:7px 7px 7px 0;border-right-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=right] .ivu-tooltip-arrow{top:50%;margin-top:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=right-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=right-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow{right:3px;border-width:7px 0 7px 7px;border-left-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=left] .ivu-tooltip-arrow{top:50%;margin-top:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=left-start] .ivu-tooltip-arrow{top:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=left-end] .ivu-tooltip-arrow{bottom:8px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow{top:3px;border-width:0 7px 7px;border-bottom-color:rgba(217,217,217,.5)}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=bottom] .ivu-tooltip-arrow{left:50%;margin-left:-7px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=bottom-start] .ivu-tooltip-arrow{left:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement=bottom-end] .ivu-tooltip-arrow{right:16px}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow:after{content:" ";bottom:1px;margin-left:-7px;border-bottom-width:0;border-top-width:7px;border-top-color:#fff}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow:after{content:" ";left:1px;bottom:-7px;border-left-width:0;border-right-width:7px;border-right-color:#fff}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow:after{content:" ";top:1px;margin-left:-7px;border-top-width:0;border-bottom-width:7px;border-bottom-color:#fff}.ivu-tooltip-light.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow:after{content:" ";right:1px;border-right-width:0;border-left-width:7px;border-left-color:#fff;bottom:-7px}.ivu-tooltip-inner{max-width:250px;min-height:34px;padding:8px 12px;color:#fff;text-align:left;text-decoration:none;background-color:rgba(70,76,91,.9);border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);white-space:nowrap}.ivu-tooltip-inner-with-width{white-space:pre-wrap;text-align:justify;word-wrap:break-word;word-break:break-all}.ivu-tooltip-light .ivu-tooltip-inner{background-color:#fff;color:#515a6e}.ivu-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ivu-tooltip-light .ivu-tooltip-arrow{border-width:8px}.ivu-tooltip-light .ivu-tooltip-arrow:after{display:block;width:0;height:0;position:absolute;border-color:transparent;border-style:solid;content:"";border-width:7px}.ivu-poptip{display:inline-block}.ivu-poptip-rel{display:inline-block;position:relative}.ivu-poptip-title{margin:0;padding:8px 16px;position:relative}.ivu-poptip-title:after{content:'';display:block;height:1px;position:absolute;left:8px;right:8px;bottom:0;background-color:#e8eaec}.ivu-poptip-title-inner{color:#17233d;font-size:14px;font-weight:500}.ivu-poptip-body{padding:8px 16px}.ivu-poptip-body-content{overflow:auto}.ivu-poptip-body-content-word-wrap{white-space:pre-wrap;text-align:justify}.ivu-poptip-body-content-inner{color:#515a6e}.ivu-poptip-inner{width:100%;background-color:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);white-space:nowrap}.ivu-poptip-popper{min-width:150px;display:block;visibility:visible;font-size:14px;line-height:1.5;position:absolute;z-index:1060}.ivu-poptip-popper[x-placement^=top]{padding:7px 0 10px 0}.ivu-poptip-popper[x-placement^=right]{padding:0 7px 0 10px}.ivu-poptip-popper[x-placement^=bottom]{padding:10px 0 7px 0}.ivu-poptip-popper[x-placement^=left]{padding:0 10px 0 7px}.ivu-poptip-popper[x-placement^=top] .ivu-poptip-arrow{bottom:3px;border-width:7px 7px 0;border-top-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=top] .ivu-poptip-arrow{left:50%;margin-left:-7px}.ivu-poptip-popper[x-placement=top-start] .ivu-poptip-arrow{left:16px}.ivu-poptip-popper[x-placement=top-end] .ivu-poptip-arrow{right:16px}.ivu-poptip-popper[x-placement^=right] .ivu-poptip-arrow{left:3px;border-width:7px 7px 7px 0;border-right-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=right] .ivu-poptip-arrow{top:50%;margin-top:-7px}.ivu-poptip-popper[x-placement=right-start] .ivu-poptip-arrow{top:8px}.ivu-poptip-popper[x-placement=right-end] .ivu-poptip-arrow{bottom:8px}.ivu-poptip-popper[x-placement^=left] .ivu-poptip-arrow{right:3px;border-width:7px 0 7px 7px;border-left-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=left] .ivu-poptip-arrow{top:50%;margin-top:-7px}.ivu-poptip-popper[x-placement=left-start] .ivu-poptip-arrow{top:8px}.ivu-poptip-popper[x-placement=left-end] .ivu-poptip-arrow{bottom:8px}.ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow{top:3px;border-width:0 7px 7px;border-bottom-color:rgba(217,217,217,.5)}.ivu-poptip-popper[x-placement=bottom] .ivu-poptip-arrow{left:50%;margin-left:-7px}.ivu-poptip-popper[x-placement=bottom-start] .ivu-poptip-arrow{left:16px}.ivu-poptip-popper[x-placement=bottom-end] .ivu-poptip-arrow{right:16px}.ivu-poptip-popper[x-placement^=top] .ivu-poptip-arrow:after{content:" ";bottom:1px;margin-left:-7px;border-bottom-width:0;border-top-width:7px;border-top-color:#fff}.ivu-poptip-popper[x-placement^=right] .ivu-poptip-arrow:after{content:" ";left:1px;bottom:-7px;border-left-width:0;border-right-width:7px;border-right-color:#fff}.ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow:after{content:" ";top:1px;margin-left:-7px;border-top-width:0;border-bottom-width:7px;border-bottom-color:#fff}.ivu-poptip-popper[x-placement^=left] .ivu-poptip-arrow:after{content:" ";right:1px;border-right-width:0;border-left-width:7px;border-left-color:#fff;bottom:-7px}.ivu-poptip-arrow,.ivu-poptip-arrow:after{display:block;width:0;height:0;position:absolute;border-color:transparent;border-style:solid}.ivu-poptip-arrow{border-width:8px}.ivu-poptip-arrow:after{content:"";border-width:7px}.ivu-poptip-confirm .ivu-poptip-popper{max-width:300px}.ivu-poptip-confirm .ivu-poptip-inner{white-space:normal}.ivu-poptip-confirm .ivu-poptip-body{padding:16px 16px 8px}.ivu-poptip-confirm .ivu-poptip-body .ivu-icon{font-size:16px;color:#f90;line-height:18px;position:absolute}.ivu-poptip-confirm .ivu-poptip-body-message{padding-left:20px}.ivu-poptip-confirm .ivu-poptip-footer{text-align:right;padding:8px 16px 16px}.ivu-poptip-confirm .ivu-poptip-footer button{margin-left:4px}.ivu-input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;border-radius:4px;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out}.ivu-input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-input:-ms-input-placeholder{color:#c5c8ce}.ivu-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-input:hover{border-color:#57a3f3}.ivu-input:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-input[disabled],fieldset[disabled] .ivu-input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-input[disabled]:hover,fieldset[disabled] .ivu-input:hover{border-color:#e3e5e8}textarea.ivu-input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-input-wrapper{display:inline-block;width:100%;position:relative;vertical-align:middle;line-height:normal}.ivu-input-icon{width:32px;height:32px;line-height:32px;font-size:16px;text-align:center;color:#808695;position:absolute;right:0;z-index:3}.ivu-input-hide-icon .ivu-input-icon{display:none}.ivu-input-icon-validate{display:none}.ivu-input-icon-clear{display:none}.ivu-input-wrapper:hover .ivu-input-icon-clear{display:inline-block}.ivu-input-icon-normal+.ivu-input{padding-right:32px}.ivu-input-hide-icon .ivu-input-icon-normal+.ivu-input{padding-right:7px}.ivu-input-wrapper-large .ivu-input-icon{font-size:18px;height:40px;line-height:40px}.ivu-input-wrapper-small .ivu-input-icon{width:24px;font-size:14px;height:24px;line-height:24px}.ivu-input-prefix,.ivu-input-suffix{width:32px;height:100%;text-align:center;position:absolute;left:0;top:0;z-index:1}.ivu-input-prefix i,.ivu-input-suffix i{font-size:16px;line-height:32px;color:#808695}.ivu-input-suffix{left:auto;right:0}.ivu-input-wrapper-small .ivu-input-prefix i,.ivu-input-wrapper-small .ivu-input-suffix i{font-size:14px;line-height:24px}.ivu-input-wrapper-large .ivu-input-prefix i,.ivu-input-wrapper-large .ivu-input-suffix i{font-size:18px;line-height:40px}.ivu-input-with-prefix{padding-left:32px}.ivu-input-with-suffix{padding-right:32px}.ivu-input-search{cursor:pointer;padding:0 16px!important;background:#2d8cf0!important;color:#fff!important;border-color:#2d8cf0!important;transition:all .2s ease-in-out;position:relative;z-index:2}.ivu-input-search i{font-size:16px}.ivu-input-search:hover{background:#57a3f3!important;border-color:#57a3f3!important}.ivu-input-search:active{background:#2b85e4!important;border-color:#2b85e4!important}.ivu-input-search-icon{cursor:pointer;transition:color .2s ease-in-out}.ivu-input-search-icon:hover{color:inherit}.ivu-input-search:before{content:'';display:block;width:1px;position:absolute;top:-1px;bottom:-1px;left:-1px;background:inherit}.ivu-input-wrapper-small .ivu-input-search{padding:0 12px!important}.ivu-input-wrapper-small .ivu-input-search i{font-size:14px}.ivu-input-wrapper-large .ivu-input-search{padding:0 20px!important}.ivu-input-wrapper-large .ivu-input-search i{font-size:18px}.ivu-input-with-search:hover .ivu-input{border-color:#57a3f3}.ivu-input-word-count{text-align:center;position:absolute;right:7px;top:2px;bottom:2px;padding-left:7px;background:#fff;z-index:1;display:inline-flex;align-items:center;color:#808695;font-size:12px}.ivu-input-wrapper-disabled .ivu-input-word-count{background:#f3f3f3}.ivu-input-type-textarea .ivu-input-word-count{align-items:flex-end;top:auto}.ivu-input-group{display:table;width:100%;border-collapse:separate;position:relative;font-size:14px}.ivu-form-inline .ivu-input-group{top:1px}.ivu-input-group-large{font-size:16px}.ivu-input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.ivu-input-group>[class*=col-]{padding-right:8px}.ivu-input-group-append,.ivu-input-group-prepend,.ivu-input-group>.ivu-input{display:table-cell}.ivu-input-group-with-prepend .ivu-input,.ivu-input-group-with-prepend.ivu-input-group-small .ivu-input{border-top-left-radius:0;border-bottom-left-radius:0}.ivu-input-group-with-append .ivu-input,.ivu-input-group-with-append.ivu-input-group-small .ivu-input{border-top-right-radius:0;border-bottom-right-radius:0}.ivu-input-group-append .ivu-btn,.ivu-input-group-prepend .ivu-btn{border-color:transparent;background-color:transparent;color:inherit;margin:-6px -7px}.ivu-input-group-append,.ivu-input-group-prepend{width:1px;white-space:nowrap;vertical-align:middle}.ivu-input-group .ivu-input{width:100%;float:left;margin-bottom:0;position:relative;z-index:2}.ivu-input-group-append,.ivu-input-group-prepend{padding:4px 7px;font-size:inherit;font-weight:400;line-height:1;color:#515a6e;text-align:center;background-color:#f8f8f9;border:1px solid #dcdee2;border-radius:4px}.ivu-input-group-append .ivu-select,.ivu-input-group-prepend .ivu-select{margin:-5px -7px}.ivu-input-group-append .ivu-select-selection,.ivu-input-group-prepend .ivu-select-selection{background-color:inherit;margin:-1px;border:1px solid transparent}.ivu-input-group-append .ivu-select-visible .ivu-select-selection,.ivu-input-group-prepend .ivu-select-visible .ivu-select-selection{box-shadow:none}.ivu-input-group-prepend,.ivu-input-group>.ivu-input:first-child,.ivu-input-group>span>.ivu-input:first-child{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.ivu-input-group-prepend .ivu--select .ivu--select-selection,.ivu-input-group>.ivu-input:first-child .ivu--select .ivu--select-selection,.ivu-input-group>span>.ivu-input:first-child .ivu--select .ivu--select-selection{border-bottom-right-radius:0;border-top-right-radius:0}.ivu-input-group-prepend{border-right:0}.ivu-input-group-append{border-left:0}.ivu-input-group-append,.ivu-input-group>.ivu-input:last-child{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.ivu-input-group-append .ivu--select .ivu--select-selection,.ivu-input-group>.ivu-input:last-child .ivu--select .ivu--select-selection{border-bottom-left-radius:0;border-top-left-radius:0}.ivu-input-group-large .ivu-input,.ivu-input-group-large>.ivu-input-group-append,.ivu-input-group-large>.ivu-input-group-prepend{font-size:16px;padding:6px 7px;height:40px}.ivu-input-group-small .ivu-input,.ivu-input-group-small>.ivu-input-group-append,.ivu-input-group-small>.ivu-input-group-prepend{padding:1px 7px;height:24px;border-radius:3px}.ivu-form-item-error .ivu-input{border:1px solid #ed4014}.ivu-form-item-error .ivu-input:hover{border-color:#ed4014}.ivu-form-item-error .ivu-input:focus{border-color:#ed4014;outline:0;box-shadow:0 0 0 2px rgba(237,64,20,.2)}.ivu-form-item-error .ivu-input-icon{color:#ed4014}.ivu-form-item-error .ivu-input-group-append,.ivu-form-item-error .ivu-input-group-prepend{background-color:#fff;border:1px solid #ed4014}.ivu-form-item-error .ivu-input-group-append .ivu-select-selection,.ivu-form-item-error .ivu-input-group-prepend .ivu-select-selection{background-color:inherit;border:1px solid transparent}.ivu-form-item-error .ivu-input-group-prepend{border-right:0}.ivu-form-item-error .ivu-input-group-append{border-left:0}.ivu-form-item-error .ivu-transfer .ivu-input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;border-radius:4px;color:#515a6e;background-color:#fff;background-image:none;position:relative;cursor:text;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out}.ivu-form-item-error .ivu-transfer .ivu-input::-moz-placeholder{color:#c5c8ce;opacity:1}.ivu-form-item-error .ivu-transfer .ivu-input:-ms-input-placeholder{color:#c5c8ce}.ivu-form-item-error .ivu-transfer .ivu-input::-webkit-input-placeholder{color:#c5c8ce}.ivu-form-item-error .ivu-transfer .ivu-input:hover{border-color:#57a3f3}.ivu-form-item-error .ivu-transfer .ivu-input:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-form-item-error .ivu-transfer .ivu-input[disabled],fieldset[disabled] .ivu-form-item-error .ivu-transfer .ivu-input{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-form-item-error .ivu-transfer .ivu-input[disabled]:hover,fieldset[disabled] .ivu-form-item-error .ivu-transfer .ivu-input:hover{border-color:#e3e5e8}textarea.ivu-form-item-error .ivu-transfer .ivu-input{max-width:100%;height:auto;min-height:32px;vertical-align:bottom;font-size:14px}.ivu-form-item-error .ivu-transfer .ivu-input-large{font-size:16px;padding:6px 7px;height:40px}.ivu-form-item-error .ivu-transfer .ivu-input-small{padding:1px 7px;height:24px;border-radius:3px}.ivu-form-item-error .ivu-transfer .ivu-input-icon{color:#808695}.ivu-form-item-validating .ivu-input-icon-validate{display:inline-block}.ivu-form-item-validating .ivu-input-icon+.ivu-input{padding-right:32px}.ivu-slider{line-height:normal}.ivu-slider-wrap{width:100%;height:4px;margin:16px 0;background-color:#e8eaec;border-radius:3px;vertical-align:middle;position:relative;cursor:pointer}.ivu-slider-button-wrap{width:18px;height:18px;text-align:center;background-color:transparent;position:absolute;top:-5px;transform:translateX(-50%)}.ivu-slider-button-wrap .ivu-tooltip{display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ivu-slider-button{width:12px;height:12px;border:2px solid #57a3f3;border-radius:50%;background-color:#fff;transition:all .2s linear;outline:0}.ivu-slider-button-dragging,.ivu-slider-button:focus,.ivu-slider-button:hover{border-color:#2d8cf0;transform:scale(1.5)}.ivu-slider-button:hover{cursor:-webkit-grab;cursor:grab}.ivu-slider-button-dragging,.ivu-slider-button-dragging:hover{cursor:-webkit-grabbing;cursor:grabbing}.ivu-slider-bar{height:4px;background:#57a3f3;border-radius:3px;position:absolute}.ivu-slider-stop{position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;transform:translateX(-50%)}.ivu-slider-marks{top:0;left:12px;width:18px;height:100%}.ivu-slider-marks-item{position:absolute;transform:translateX(-50%);font-size:14px;color:#808695;margin-top:15px}.ivu-slider-disabled{cursor:not-allowed}.ivu-slider-disabled .ivu-slider-wrap{background-color:#ccc;cursor:not-allowed}.ivu-slider-disabled .ivu-slider-bar{background-color:#ccc}.ivu-slider-disabled .ivu-slider-button{border-color:#ccc}.ivu-slider-disabled .ivu-slider-button-dragging,.ivu-slider-disabled .ivu-slider-button:hover{border-color:#ccc}.ivu-slider-disabled .ivu-slider-button:hover{cursor:not-allowed}.ivu-slider-disabled .ivu-slider-button-dragging,.ivu-slider-disabled .ivu-slider-button-dragging:hover{cursor:not-allowed}.ivu-slider-input .ivu-slider-wrap{width:auto;margin-right:100px}.ivu-slider-input .ivu-input-number{float:right;margin-top:-14px}.selectDropDown{width:auto;padding:0;white-space:nowrap;overflow:visible}.ivu-cascader{line-height:normal}.ivu-cascader-rel{display:inline-block;width:100%;position:relative}.ivu-cascader .ivu-input{padding-right:24px;display:block;cursor:pointer}.ivu-cascader-disabled .ivu-input{cursor:not-allowed}.ivu-cascader-label{width:100%;height:100%;line-height:32px;padding:0 7px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;font-size:14px;position:absolute;left:0;top:0}.ivu-cascader-size-large .ivu-cascader-label{line-height:36px;font-size:14px}.ivu-cascader-size-small .ivu-cascader-label{line-height:26px}.ivu-cascader .ivu-cascader-arrow:nth-of-type(1){display:none;cursor:pointer}.ivu-cascader:hover .ivu-cascader-arrow:nth-of-type(1){display:inline-block}.ivu-cascader-show-clear:hover .ivu-cascader-arrow:nth-of-type(2){display:none}.ivu-cascader-arrow{position:absolute;top:50%;right:8px;line-height:1;transform:translateY(-50%);font-size:14px;color:#808695;transition:all .2s ease-in-out}.ivu-cascader-visible .ivu-cascader-arrow:nth-of-type(2){transform:translateY(-50%) rotate(180deg)}.ivu-cascader .ivu-select-dropdown{width:auto;padding:0;white-space:nowrap;overflow:visible}.ivu-cascader .ivu-cascader-menu-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-cascader .ivu-cascader-menu-item:hover{background:#f3f3f3}.ivu-cascader .ivu-cascader-menu-item-focus{background:#f3f3f3}.ivu-cascader .ivu-cascader-menu-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-cascader .ivu-cascader-menu-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-cascader .ivu-cascader-menu-item-selected,.ivu-cascader .ivu-cascader-menu-item-selected:hover{color:#2d8cf0}.ivu-cascader .ivu-cascader-menu-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-cascader .ivu-cascader-menu-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-cascader .ivu-cascader-menu-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-cascader .ivu-cascader-large .ivu-cascader-menu-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-cascader .ivu-cascader-menu-item{white-space:normal}}.ivu-cascader .ivu-select-item span{color:#ed4014}.ivu-cascader-dropdown{padding:5px 0}.ivu-cascader-dropdown .ivu-select-dropdown-list{max-height:190px;box-sizing:border-box;overflow:auto}.ivu-cascader-not-found-tip{padding:5px 0;text-align:center;color:#c5c8ce}.ivu-cascader-not-found-tip li:not([class^=ivu-]){list-style:none;margin-bottom:0}.ivu-cascader-not-found .ivu-select-dropdown{width:inherit}.ivu-cascader-menu{display:inline-block;min-width:100px;height:180px;margin:0;padding:5px 0!important;vertical-align:top;list-style:none;border-right:1px solid #e8eaec;overflow:auto}.ivu-cascader-menu:last-child{border-right-color:transparent;margin-right:-1px}.ivu-cascader-menu .ivu-cascader-menu-item{position:relative;padding-right:36px;transition:all .2s ease-in-out}.ivu-cascader-menu .ivu-cascader-menu-item i{font-size:12px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.ivu-cascader-menu .ivu-cascader-menu-item-loading{margin-top:-6px}.ivu-cascader-menu .ivu-cascader-menu-item-active{background-color:#f3f3f3;color:#2d8cf0}.ivu-cascader-transfer{z-index:1060;width:auto;padding:0;white-space:nowrap;overflow:visible}.ivu-cascader-transfer .ivu-cascader-menu-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-cascader-transfer .ivu-cascader-menu-item:hover{background:#f3f3f3}.ivu-cascader-transfer .ivu-cascader-menu-item-focus{background:#f3f3f3}.ivu-cascader-transfer .ivu-cascader-menu-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-cascader-transfer .ivu-cascader-menu-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-cascader-transfer .ivu-cascader-menu-item-selected,.ivu-cascader-transfer .ivu-cascader-menu-item-selected:hover{color:#2d8cf0}.ivu-cascader-transfer .ivu-cascader-menu-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-cascader-transfer .ivu-cascader-menu-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-cascader-transfer .ivu-cascader-menu-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-cascader-transfer .ivu-cascader-large .ivu-cascader-menu-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-cascader-transfer .ivu-cascader-menu-item{white-space:normal}}.ivu-cascader-transfer .ivu-select-item span{color:#ed4014}.ivu-cascader-transfer .ivu-cascader-menu-item{padding-right:24px;transition:all .2s ease-in-out}.ivu-cascader-transfer .ivu-cascader-menu-item-active{background-color:#f3f3f3;color:#2d8cf0}.ivu-form-item-error .ivu-cascader-arrow{color:#ed4014}.ivu-transfer{position:relative;line-height:1.5}.ivu-transfer-list{display:inline-block;width:180px;height:210px;font-size:14px;vertical-align:middle;position:relative;padding-top:35px}.ivu-transfer-list-with-footer{padding-bottom:35px}.ivu-transfer-list-header{padding:8px 16px;background:#f9fafc;color:#515a6e;border:1px solid #dcdee2;border-bottom:1px solid #e8eaec;border-radius:6px 6px 0 0;overflow:hidden;position:absolute;top:0;left:0;width:100%}.ivu-transfer-list-header-title{cursor:pointer}.ivu-transfer-list-header>span{padding-left:4px}.ivu-transfer-list-header-count{margin:0!important;float:right}.ivu-transfer-list-body{height:100%;border:1px solid #dcdee2;border-top:none;border-radius:0 0 6px 6px;position:relative;overflow:hidden}.ivu-transfer-list-body-with-search{padding-top:34px}.ivu-transfer-list-body-with-footer{border-radius:0}.ivu-transfer-list-content{height:100%;padding:4px 0;overflow:auto}.ivu-transfer-list-content-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ivu-transfer-list-content-item>span{padding-left:4px}.ivu-transfer-list-content-not-found{display:none;text-align:center;color:#c5c8ce}li.ivu-transfer-list-content-not-found:only-child{display:block}.ivu-transfer-list-body-with-search .ivu-transfer-list-content{padding:6px 0 0}.ivu-transfer-list-body-search-wrapper{padding:8px 8px 0;position:absolute;top:0;left:0;right:0}.ivu-transfer-list-search{position:relative}.ivu-transfer-list-footer{border:1px solid #dcdee2;border-top:none;border-radius:0 0 6px 6px;position:absolute;bottom:0;left:0;right:0;zoom:1}.ivu-transfer-list-footer:after,.ivu-transfer-list-footer:before{content:"";display:table}.ivu-transfer-list-footer:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-transfer-operation{display:inline-block;margin:0 16px;vertical-align:middle}.ivu-transfer-operation .ivu-btn{display:block;min-width:24px}.ivu-transfer-operation .ivu-btn:first-child{margin-bottom:12px}.ivu-transfer-operation .ivu-btn span i,.ivu-transfer-operation .ivu-btn span span{vertical-align:middle}.ivu-transfer-list-content-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-transfer-list-content-item:hover{background:#f3f3f3}.ivu-transfer-list-content-item-focus{background:#f3f3f3}.ivu-transfer-list-content-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-transfer-list-content-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-transfer-list-content-item-selected,.ivu-transfer-list-content-item-selected:hover{color:#2d8cf0}.ivu-transfer-list-content-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-transfer-list-content-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-transfer-list-content-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-transfer-large .ivu-transfer-list-content-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-transfer-list-content-item{white-space:normal}}.ivu-table{width:inherit;height:100%;max-width:100%;overflow:hidden;color:#515a6e;font-size:14px;background-color:#fff;box-sizing:border-box}.ivu-table-wrapper{position:relative;overflow:hidden}.ivu-table-wrapper-with-border{border:1px solid #dcdee2;border-bottom:0;border-right:0}.ivu-table-summary{border-top:1px solid #e8eaec}.ivu-table-summary tr td{background-color:#f8f8f9}.ivu-table-with-summary .ivu-table-tbody tr:last-child td{border-bottom:none}.ivu-table-resize-line{position:absolute;top:0;left:0;bottom:0;width:1px;border-right:1px dashed #e8eaec}.ivu-table-hide{opacity:0}.ivu-table:before{content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#dcdee2;z-index:4}.ivu-table-border:after{content:'';width:1px;height:100%;position:absolute;top:0;right:0;background-color:#dcdee2;z-index:3}.ivu-table-footer,.ivu-table-title{height:48px;line-height:48px;border-bottom:1px solid #e8eaec}.ivu-table-footer{border-bottom:none}.ivu-table-header{overflow:hidden}.ivu-table-header thead tr th{position:relative;height:100%;padding:8px 0}.ivu-table-header-resizable{position:absolute;width:10px;height:100%;bottom:0;right:-5px;cursor:col-resize;z-index:1}.ivu-table-overflowX{overflow-x:scroll}.ivu-table-overflowY{overflow-y:scroll}.ivu-table-tip{overflow-x:auto;overflow-y:hidden}.ivu-table-with-fixed-top.ivu-table-with-footer .ivu-table-footer{border-top:1px solid #dcdee2}.ivu-table-with-fixed-top.ivu-table-with-footer tbody tr:last-child td{border-bottom:none}.ivu-table td,.ivu-table th{min-width:0;height:48px;box-sizing:border-box;text-align:left;text-overflow:ellipsis;vertical-align:middle;border-bottom:1px solid #e8eaec}.ivu-table th{height:40px;white-space:nowrap;overflow:hidden;background-color:#f8f8f9}.ivu-table td{background-color:#fff;transition:background-color .2s ease-in-out}td.ivu-table-column-left,th.ivu-table-column-left{text-align:left}td.ivu-table-column-center,th.ivu-table-column-center{text-align:center}td.ivu-table-column-right,th.ivu-table-column-right{text-align:right}.ivu-table table{table-layout:fixed}.ivu-table-border td,.ivu-table-border th{border-right:1px solid #e8eaec}.ivu-table-cell{padding-left:18px;padding-right:18px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;box-sizing:border-box}.ivu-table-cell-ellipsis{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivu-table-cell-tooltip{width:100%;display:flex;align-items:center}.ivu-table-cell-tooltip-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-table-cell-with-expand{height:47px;line-height:47px;padding:0;text-align:center}.ivu-table-cell-expand{cursor:pointer;transition:transform .2s ease-in-out}.ivu-table-cell-expand i{font-size:14px}.ivu-table-cell-expand-expanded{transform:rotate(90deg)}.ivu-table-cell-sort{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ivu-table-cell-with-selection .ivu-checkbox-wrapper{margin-right:0}.ivu-table-cell-tree{display:inline-block;width:16px;height:16px;border:1px solid #dcdee2;border-radius:2px;background-color:#fff;line-height:12px;cursor:pointer;vertical-align:middle;transition:color .2s ease-in-out,border-color .2s ease-in-out}.ivu-table-cell-tree-empty{cursor:default;color:transparent;background-color:transparent;border-color:transparent}.ivu-table-cell-tree:hover{color:#2d8cf0;border-color:#2d8cf0}.ivu-table-cell-tree-empty:hover{color:transparent;border-color:transparent}.ivu-table-cell-tree-loading{cursor:default;background-color:transparent;border-color:transparent}.ivu-table-cell-tree-loading:hover{border-color:transparent}.ivu-table-cell-tree-level{display:inline-block;height:16px}.ivu-table-cell-slot-inline{display:inline}.ivu-table-cell-slot-inline-block{display:inline-block}.ivu-table-hidden{visibility:hidden}th .ivu-table-cell{display:inline-block;word-wrap:normal;vertical-align:middle}td.ivu-table-expanded-cell{padding:20px 50px;background:#f8f8f9}.ivu-table-stripe .ivu-table-body tr:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td{background-color:#f8f8f9}.ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td{background-color:#ebf7ff}tr.ivu-table-row-hover td{background-color:#ebf7ff}.ivu-table-large{font-size:16px}.ivu-table-large th{height:48px}.ivu-table-large td{height:60px}.ivu-table-large-footer,.ivu-table-large-title{height:60px;line-height:60px}.ivu-table-large .ivu-table-cell-with-expand{height:59px;line-height:59px}.ivu-table-large .ivu-table-cell-with-expand i{font-size:16px}.ivu-table-small{font-size:12px}.ivu-table-small th{height:32px}.ivu-table-small td{height:40px}.ivu-table-small-footer,.ivu-table-small-title{height:40px;line-height:40px}.ivu-table-small .ivu-table-cell-with-expand{height:39px;line-height:39px}.ivu-table-row-highlight td,.ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td,tr.ivu-table-row-highlight.ivu-table-row-hover td{background-color:#ebf7ff}.ivu-table-fixed,.ivu-table-fixed-right{position:absolute;top:0;left:0;box-shadow:2px 0 6px -2px rgba(0,0,0,.2)}.ivu-table-fixed-right::before,.ivu-table-fixed::before{content:'';width:100%;height:1px;background-color:#dcdee2;position:absolute;left:0;bottom:0;z-index:4}.ivu-table-fixed-right{top:0;left:auto;right:0;box-shadow:-2px 0 6px -2px rgba(0,0,0,.2)}.ivu-table-fixed-right-header{position:absolute;top:-1px;right:0;background-color:#f8f8f9;border-top:1px solid #dcdee2;border-bottom:1px solid #e8eaec}.ivu-table-fixed-header{overflow:hidden}.ivu-table-fixed-header thead tr th{position:relative;height:100%;padding:8px 0}.ivu-table-fixed-body{overflow:hidden;position:relative;z-index:3}.ivu-table-fixed-shadow{width:1px;height:100%;position:absolute;top:0;right:0;box-shadow:1px 0 6px rgba(0,0,0,.2);overflow:hidden;z-index:1}.ivu-table-sort{display:inline-block;width:14px;height:12px;margin-top:-1px;vertical-align:middle;overflow:hidden;cursor:pointer;position:relative}.ivu-table-sort i{display:block;height:6px;line-height:6px;overflow:hidden;position:absolute;color:#c5c8ce;transition:color .2s ease-in-out;font-size:16px}.ivu-table-sort i:hover{color:inherit}.ivu-table-sort i.on{color:#2d8cf0}.ivu-table-sort i:first-child{top:0}.ivu-table-sort i:last-child{bottom:0}.ivu-table-filter{display:inline-block;cursor:pointer;position:relative}.ivu-table-filter i{color:#c5c8ce;transition:color .2s ease-in-out}.ivu-table-filter i:hover{color:inherit}.ivu-table-filter i.on{color:#2d8cf0}.ivu-table-filter-list{padding:8px 0 0}.ivu-table-filter-list-item{padding:0 12px 8px}.ivu-table-filter-list-item .ivu-checkbox-wrapper+.ivu-checkbox-wrapper{margin:0}.ivu-table-filter-list-item label{display:block}.ivu-table-filter-list-item label>span{margin-right:4px}.ivu-table-filter-list ul{padding-bottom:8px}.ivu-table-filter-list .ivu-table-filter-select-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-table-filter-list .ivu-table-filter-select-item:hover{background:#f3f3f3}.ivu-table-filter-list .ivu-table-filter-select-item-focus{background:#f3f3f3}.ivu-table-filter-list .ivu-table-filter-select-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-table-filter-list .ivu-table-filter-select-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-table-filter-list .ivu-table-filter-select-item-selected,.ivu-table-filter-list .ivu-table-filter-select-item-selected:hover{color:#2d8cf0}.ivu-table-filter-list .ivu-table-filter-select-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-table-filter-list .ivu-table-filter-select-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-table-filter-list .ivu-table-filter-select-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-table-filter-list .ivu-table-large .ivu-table-filter-select-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-table-filter-list .ivu-table-filter-select-item{white-space:normal}}.ivu-table-filter-footer{padding:4px;border-top:1px solid #e8eaec;overflow:hidden}.ivu-table-filter-footer button:first-child{float:left}.ivu-table-filter-footer button:last-child{float:right}.ivu-table-tip table{width:100%}.ivu-table-tip table td{text-align:center}.ivu-table-expanded-hidden{visibility:hidden}.ivu-table-context-menu{position:absolute}.ivu-table-popper{min-width:0;text-align:left}.ivu-table-popper .ivu-poptip-body{padding:0}.ivu-dropdown{display:inline-block}.ivu-dropdown .ivu-select-dropdown{overflow:visible;max-height:none}.ivu-dropdown .ivu-dropdown{width:100%}.ivu-dropdown-rel{position:relative}.ivu-dropdown-rel-user-select-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ivu-dropdown-menu{min-width:100px}.ivu-dropdown-transfer{width:auto}.ivu-dropdown-item-selected,.ivu-dropdown-item.ivu-dropdown-item-selected:hover{background:#f0faff}.ivu-dropdown-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-dropdown-item:hover{background:#f3f3f3}.ivu-dropdown-item-focus{background:#f3f3f3}.ivu-dropdown-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-dropdown-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-dropdown-item-selected,.ivu-dropdown-item-selected:hover{color:#2d8cf0}.ivu-dropdown-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-dropdown-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-dropdown-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-dropdown-large .ivu-dropdown-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-dropdown-item{white-space:normal}}.ivu-tabs{box-sizing:border-box;position:relative;overflow:hidden;color:#515a6e;zoom:1}.ivu-tabs:after,.ivu-tabs:before{content:"";display:table}.ivu-tabs:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-tabs-bar{outline:0}.ivu-tabs-ink-bar{height:2px;box-sizing:border-box;background-color:#2d8cf0;position:absolute;left:0;bottom:1px;z-index:1;transition:transform .3s ease-in-out;transform-origin:0 0}.ivu-tabs-bar{border-bottom:1px solid #dcdee2;margin-bottom:16px}.ivu-tabs-nav-container{margin-bottom:-1px;line-height:1.5;font-size:14px;box-sizing:border-box;white-space:nowrap;overflow:hidden;position:relative;zoom:1}.ivu-tabs-nav-container:after,.ivu-tabs-nav-container:before{content:"";display:table}.ivu-tabs-nav-container:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-tabs-nav-container:focus{outline:0}.ivu-tabs-nav-container:focus .ivu-tabs-tab-focused{border-color:#57a3f3!important}.ivu-tabs-nav-container-scrolling{padding-left:32px;padding-right:32px}.ivu-tabs-nav-wrap{overflow:hidden;margin-bottom:-1px}.ivu-tabs-nav-scroll{overflow:hidden;white-space:nowrap}.ivu-tabs-nav-right{float:right;margin-left:5px}.ivu-tabs-nav-next,.ivu-tabs-nav-prev{width:32px;text-align:center;position:absolute;line-height:32px;cursor:pointer}.ivu-tabs-nav-next i,.ivu-tabs-nav-prev i{font-size:16px}.ivu-tabs-nav-prev{left:0}.ivu-tabs-nav-next{right:0}.ivu-tabs-nav-scrollable{padding:0 32px}.ivu-tabs-nav-scroll-disabled{display:none}.ivu-tabs-nav{padding-left:0;margin:0;float:left;list-style:none;box-sizing:border-box;position:relative;transition:transform .5s ease-in-out}.ivu-tabs-nav:after,.ivu-tabs-nav:before{display:table;content:" "}.ivu-tabs-nav:after{clear:both}.ivu-tabs-nav .ivu-tabs-tab-disabled{pointer-events:none;cursor:default;color:#ccc}.ivu-tabs-nav .ivu-tabs-tab{display:inline-block;height:100%;padding:8px 16px;margin-right:16px;box-sizing:border-box;cursor:pointer;text-decoration:none;position:relative;transition:color .3s ease-in-out}.ivu-tabs-nav .ivu-tabs-tab:hover{color:#57a3f3}.ivu-tabs-nav .ivu-tabs-tab:active{color:#2b85e4}.ivu-tabs-nav .ivu-tabs-tab .ivu-icon{width:14px;height:14px;margin-right:8px}.ivu-tabs-nav .ivu-tabs-tab-active{color:#2d8cf0}.ivu-tabs-mini .ivu-tabs-nav-container{font-size:14px}.ivu-tabs-mini .ivu-tabs-tab{margin-right:0;padding:8px 16px;font-size:12px}.ivu-tabs .ivu-tabs-content-animated{display:flex;flex-direction:row;will-change:transform;transition:transform .3s ease-in-out}.ivu-tabs .ivu-tabs-tabpane{flex-shrink:0;width:100%;transition:opacity .3s;opacity:1;outline:0}.ivu-tabs .ivu-tabs-tabpane-inactive{opacity:0;height:0}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-container{height:32px}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-ink-bar{visibility:hidden}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab{margin:0;margin-right:4px;height:31px;padding:5px 16px 4px;border:1px solid #dcdee2;border-bottom:0;border-radius:4px 4px 0 0;transition:all .3s ease-in-out;background:#f8f8f9}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active{height:32px;padding-bottom:5px;background:#fff;transform:translateZ(0);border-color:#dcdee2;color:#2d8cf0}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-wrap{margin-bottom:0}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab .ivu-tabs-close{width:0;height:22px;font-size:22px;margin-right:0;color:#999;text-align:right;vertical-align:middle;overflow:hidden;position:relative;top:-1px;transform-origin:100% 50%;transition:all .3s ease-in-out}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab .ivu-tabs-close:hover{color:#444}.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active .ivu-tabs-close,.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab:hover .ivu-tabs-close{width:22px;transform:translateZ(0);margin-right:-6px}.ivu-tabs-context-menu{position:absolute}.ivu-tabs-no-animation>.ivu-tabs-content{transform:none!important}.ivu-tabs-no-animation>.ivu-tabs-content>.ivu-tabs-tabpane-inactive{display:none}.ivu-menu{display:block;margin:0;padding:0;outline:0;list-style:none;color:#515a6e;font-size:14px;position:relative;z-index:900}.ivu-menu-horizontal{height:60px;line-height:60px}.ivu-menu-horizontal.ivu-menu-light:after{content:'';display:block;width:100%;height:1px;background:#dcdee2;position:absolute;bottom:0;left:0}.ivu-menu-vertical.ivu-menu-light:after{content:'';display:block;width:1px;height:100%;background:#dcdee2;position:absolute;top:0;bottom:0;right:0;z-index:1}.ivu-menu-light{background:#fff}.ivu-menu-dark{background:#515a6e}.ivu-menu-primary{background:#2d8cf0}.ivu-menu-item{display:block;outline:0;list-style:none;font-size:14px;position:relative;z-index:1;cursor:pointer;transition:all .2s ease-in-out}a.ivu-menu-item{color:inherit}a.ivu-menu-item:active,a.ivu-menu-item:hover{color:inherit}.ivu-menu-item>i{margin-right:6px}.ivu-menu-submenu-title span>i,.ivu-menu-submenu-title>i{margin-right:8px}.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-horizontal .ivu-menu-submenu{float:left;padding:0 20px;position:relative;cursor:pointer;z-index:3;transition:all .2s ease-in-out}.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu{height:inherit;line-height:inherit;border-bottom:2px solid transparent;color:#515a6e}.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active,.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover{color:#2d8cf0;border-bottom:2px solid #2d8cf0}.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu{color:rgba(255,255,255,.7)}.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item-active,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item:hover,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu-active,.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu:hover{color:#fff}.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-item,.ivu-menu-primary.ivu-menu-horizontal .ivu-menu-submenu{color:#fff}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown{min-width:100%;width:auto;max-height:none}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{height:auto;line-height:normal;border-bottom:0;float:none}.ivu-menu-item-group{line-height:normal}.ivu-menu-item-group-title{height:30px;line-height:30px;padding-left:8px;font-size:12px;color:#999}.ivu-menu-item-group>ul{padding:0!important;list-style:none!important}.ivu-menu-vertical .ivu-menu-item,.ivu-menu-vertical .ivu-menu-submenu-title{padding:14px 24px;position:relative;cursor:pointer;z-index:1;transition:all .2s ease-in-out}.ivu-menu-vertical .ivu-menu-item:hover,.ivu-menu-vertical .ivu-menu-submenu-title:hover{color:#2d8cf0}.ivu-menu-vertical .ivu-menu-submenu-title-icon{position:absolute;top:50%;right:24px;transform:translateY(-50%)}.ivu-menu-submenu-title-icon{transition:transform .2s ease-in-out}.ivu-menu-horizontal .ivu-menu-opened>*>.ivu-menu-submenu-title-icon{transform:rotate(180deg)}.ivu-menu-vertical .ivu-menu-opened>*>.ivu-menu-submenu-title-icon{transform:translateY(-50%) rotate(180deg)}.ivu-menu-vertical .ivu-menu-submenu-nested{padding-left:20px}.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item{padding-left:43px}.ivu-menu-vertical .ivu-menu-item-group-title{height:48px;line-height:48px;font-size:14px;padding-left:28px}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-group-title{color:rgba(255,255,255,.36)}.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){color:#2d8cf0;background:#f0faff;z-index:2}.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after{content:'';display:block;width:2px;position:absolute;top:0;bottom:0;right:0;background:#2d8cf0}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title{color:rgba(255,255,255,.7)}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):hover,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu),.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):hover{background:#363e4f}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover{color:#fff;background:#515a6e}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu){color:#2d8cf0}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover{color:#fff;background:0 0!important}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover{border-right:none;color:#fff;background:#2d8cf0!important}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active>.ivu-menu-submenu-title{color:#fff}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened{background:#363e4f}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title{background:#515a6e}.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-has-parent-submenu .ivu-menu-submenu-title{background:0 0}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item:hover{background:#f3f3f3}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-focus{background:#f3f3f3}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected,.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected:hover{color:#2d8cf0}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-menu-large .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{white-space:normal}}.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{padding:7px 16px 8px;font-size:14px!important}.ivu-date-picker{display:inline-block;line-height:normal}.ivu-date-picker-rel{position:relative}.ivu-date-picker .ivu-select-dropdown{width:auto;padding:0;overflow:visible;max-height:none}.ivu-date-picker-cells{width:196px;margin:10px;white-space:normal}.ivu-date-picker-cells span{display:inline-block;width:24px;height:24px}.ivu-date-picker-cells span em{display:inline-block;width:24px;height:24px;line-height:24px;margin:2px;font-style:normal;border-radius:3px;text-align:center;transition:all .2s ease-in-out}.ivu-date-picker-cells-header span{line-height:24px;text-align:center;margin:2px;color:#c5c8ce}.ivu-date-picker-cells-cell:hover em{background:#e1f0fe}.ivu-date-picker-cells-focused em{box-shadow:0 0 0 1px #2d8cf0 inset}span.ivu-date-picker-cells-cell{width:28px;height:28px;cursor:pointer}.ivu-date-picker-cells-cell-next-month em,.ivu-date-picker-cells-cell-prev-month em{color:#c5c8ce}.ivu-date-picker-cells-cell-next-month:hover em,.ivu-date-picker-cells-cell-prev-month:hover em{background:0 0}span.ivu-date-picker-cells-cell-disabled,span.ivu-date-picker-cells-cell-disabled:hover,span.ivu-date-picker-cells-cell-week-label,span.ivu-date-picker-cells-cell-week-label:hover{cursor:not-allowed;color:#c5c8ce}span.ivu-date-picker-cells-cell-disabled em,span.ivu-date-picker-cells-cell-disabled:hover em,span.ivu-date-picker-cells-cell-week-label em,span.ivu-date-picker-cells-cell-week-label:hover em{color:inherit;background:inherit}span.ivu-date-picker-cells-cell-disabled,span.ivu-date-picker-cells-cell-disabled:hover{background:#f7f7f7}.ivu-date-picker-cells-cell-today em{position:relative}.ivu-date-picker-cells-cell-today em:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#2d8cf0;position:absolute;top:1px;right:1px}.ivu-date-picker-cells-cell-range{position:relative}.ivu-date-picker-cells-cell-range em{position:relative;z-index:1}.ivu-date-picker-cells-cell-range:before{content:'';display:block;background:#e1f0fe;border-radius:0;border:0;position:absolute;top:2px;bottom:2px;left:0;right:0}.ivu-date-picker-cells-cell-selected em,.ivu-date-picker-cells-cell-selected:hover em{background:#2d8cf0;color:#fff}span.ivu-date-picker-cells-cell-disabled.ivu-date-picker-cells-cell-selected em{background:#c5c8ce;color:#f7f7f7}.ivu-date-picker-cells-cell-today.ivu-date-picker-cells-cell-selected em:after{background:#fff}.ivu-date-picker-cells-show-week-numbers{width:226px}.ivu-date-picker-cells-month,.ivu-date-picker-cells-year{margin-top:14px}.ivu-date-picker-cells-month span,.ivu-date-picker-cells-year span{width:40px;height:28px;line-height:28px;margin:10px 12px;border-radius:3px}.ivu-date-picker-cells-month span em,.ivu-date-picker-cells-year span em{width:40px;height:28px;line-height:28px;margin:0}.ivu-date-picker-cells-month .ivu-date-picker-cells-cell-focused,.ivu-date-picker-cells-year .ivu-date-picker-cells-cell-focused{background-color:#d5e8fc}.ivu-date-picker-header{height:32px;line-height:32px;text-align:center;border-bottom:1px solid #e8eaec}.ivu-date-picker-header-label{cursor:pointer;transition:color .2s ease-in-out}.ivu-date-picker-header-label:hover{color:#2d8cf0}.ivu-date-picker-btn-pulse{background-color:#d5e8fc!important;border-radius:4px;transition:background-color .2s ease-in-out}.ivu-date-picker-prev-btn{float:left}.ivu-date-picker-prev-btn-arrow-double{margin-left:10px}.ivu-date-picker-prev-btn-arrow-double i:after{content:"\F115";margin-left:-8px}.ivu-date-picker-next-btn{float:right}.ivu-date-picker-next-btn-arrow-double{margin-right:10px}.ivu-date-picker-next-btn-arrow-double i:after{content:"\F11F";margin-left:-8px}.ivu-date-picker-with-range .ivu-picker-panel-body{min-width:432px}.ivu-date-picker-with-range .ivu-picker-panel-content{float:left}.ivu-date-picker-with-range .ivu-picker-cells-show-week-numbers{min-width:492px}.ivu-date-picker-with-week-numbers .ivu-picker-panel-body-date{min-width:492px}.ivu-date-picker-transfer{z-index:1060;max-height:none;width:auto}.ivu-date-picker-focused input{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-picker-panel-icon-btn{display:inline-block;width:20px;height:24px;line-height:26px;margin-top:2px;text-align:center;cursor:pointer;color:#c5c8ce;transition:color .2s ease-in-out}.ivu-picker-panel-icon-btn:hover{color:#2d8cf0}.ivu-picker-panel-icon-btn i{font-size:14px}.ivu-picker-panel-body-wrapper.ivu-picker-panel-with-sidebar{padding-left:92px}.ivu-picker-panel-sidebar{width:92px;float:left;margin-left:-92px;position:absolute;top:0;bottom:0;background:#f8f8f9;border-right:1px solid #e8eaec;border-radius:4px 0 0 4px;overflow:auto}.ivu-picker-panel-shortcut{padding:6px 16px;transition:all .2s ease-in-out;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-picker-panel-shortcut:hover{background:#e8eaec}.ivu-picker-panel-body{float:left}.ivu-picker-confirm{border-top:1px solid #e8eaec;text-align:right;padding:8px;clear:both}.ivu-picker-confirm>span{color:#2d8cf0;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;float:left;padding:2px 0;transition:all .2s ease-in-out}.ivu-picker-confirm>span:hover{color:#57a3f3}.ivu-picker-confirm>span:active{color:#2b85e4}.ivu-picker-confirm-time{float:left}.ivu-time-picker-cells{min-width:112px}.ivu-time-picker-cells-with-seconds{min-width:168px}.ivu-time-picker-cells-list{width:56px;max-height:144px;float:left;overflow:hidden;border-left:1px solid #e8eaec;position:relative}.ivu-time-picker-cells-list:hover{overflow-y:auto}.ivu-time-picker-cells-list:first-child{border-left:none;border-radius:4px 0 0 4px}.ivu-time-picker-cells-list:last-child{border-radius:0 4px 4px 0}.ivu-time-picker-cells-list ul{width:100%;margin:0;padding:0 0 120px 0;list-style:none}.ivu-time-picker-cells-list ul li{width:100%;height:24px;line-height:24px;margin:0;padding:0 0 0 16px;box-sizing:content-box;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;list-style:none;transition:background .2s ease-in-out}.ivu-time-picker-cells-cell:hover{background:#f3f3f3}.ivu-time-picker-cells-cell-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-time-picker-cells-cell-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-time-picker-cells-cell-selected,.ivu-time-picker-cells-cell-selected:hover{color:#2d8cf0;background:#f3f3f3}.ivu-time-picker-cells-cell-focused{background-color:#d5e8fc}.ivu-time-picker-header{height:32px;line-height:32px;text-align:center;border-bottom:1px solid #e8eaec}.ivu-time-picker-with-range .ivu-picker-panel-body{min-width:228px}.ivu-time-picker-with-range .ivu-picker-panel-content{float:left;position:relative}.ivu-time-picker-with-range .ivu-picker-panel-content:after{content:'';display:block;width:2px;position:absolute;top:31px;bottom:0;right:-2px;background:#e8eaec;z-index:1}.ivu-time-picker-with-range .ivu-picker-panel-content-right{float:right}.ivu-time-picker-with-range .ivu-picker-panel-content-right:after{right:auto;left:-2px}.ivu-time-picker-with-range .ivu-time-picker-cells-list:first-child{border-radius:0}.ivu-time-picker-with-range .ivu-time-picker-cells-list:last-child{border-radius:0}.ivu-time-picker-with-range.ivu-time-picker-with-seconds .ivu-picker-panel-body{min-width:340px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells{min-width:216px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds{min-width:216px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds .ivu-time-picker-cells-list{width:72px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-with-seconds .ivu-time-picker-cells-list ul li{padding:0 0 0 28px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list{width:108px;max-height:216px}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list:first-child{border-radius:0}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list:last-child{border-radius:0}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list ul{padding:0 0 192px 0}.ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list ul li{padding:0 0 0 46px}.ivu-form .ivu-form-item-label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#515a6e;line-height:1;padding:10px 12px 10px 0;box-sizing:border-box}.ivu-form-label-left .ivu-form-item-label{text-align:left}.ivu-form-label-top .ivu-form-item-label{float:none;display:inline-block;padding:0 0 10px 0}.ivu-form-inline .ivu-form-item{display:inline-block;margin-right:10px;vertical-align:top}.ivu-form-item{margin-bottom:24px;vertical-align:top;zoom:1}.ivu-form-item:after,.ivu-form-item:before{content:"";display:table}.ivu-form-item:after{clear:both;visibility:hidden;font-size:0;height:0}.ivu-form-item-content{position:relative;line-height:32px;font-size:14px}.ivu-form-item .ivu-form-item{margin-bottom:0}.ivu-form-item .ivu-form-item .ivu-form-item-content{margin-left:0!important}.ivu-form-item-error-tip{position:absolute;top:100%;left:0;line-height:1;padding-top:6px;color:#ed4014}.ivu-form-item-required .ivu-form-item-label:before{content:'*';display:inline-block;margin-right:4px;line-height:1;font-family:SimSun;font-size:14px;color:#ed4014}.ivu-form-hide-required-mark .ivu-form-item-required .ivu-form-item-label:before{display:none}.ivu-carousel{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.ivu-carousel-list,.ivu-carousel-track{transform:translate3d(0,0,0)}.ivu-carousel-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.ivu-carousel-track{position:relative;top:100%;left:0;display:block;overflow:hidden;z-index:1}.ivu-carousel-track.higher{z-index:2;top:0}.ivu-carousel-item{float:left;height:100%;min-height:1px;display:block}.ivu-carousel-arrow{border:none;outline:0;padding:0;margin:0;width:36px;height:36px;border-radius:50%;cursor:pointer;display:none;position:absolute;top:50%;z-index:10;transform:translateY(-50%);transition:.2s;background-color:rgba(31,45,61,.11);color:#fff;text-align:center;font-size:1em;font-family:inherit;line-height:inherit}.ivu-carousel-arrow:hover{background-color:rgba(31,45,61,.5)}.ivu-carousel-arrow>*{vertical-align:baseline}.ivu-carousel-arrow.left{left:16px}.ivu-carousel-arrow.right{right:16px}.ivu-carousel-arrow-always{display:inherit}.ivu-carousel-arrow-hover{display:inherit;opacity:0}.ivu-carousel:hover .ivu-carousel-arrow-hover{opacity:1}.ivu-carousel-dots{z-index:10;display:none;position:relative;list-style:none;text-align:center;padding:0;width:100%;height:17px}.ivu-carousel-dots-inside{display:block;position:absolute;bottom:3px}.ivu-carousel-dots-outside{display:block;margin-top:3px}.ivu-carousel-dots li{position:relative;display:inline-block;vertical-align:top;text-align:center;margin:0 2px;padding:7px 0;cursor:pointer}.ivu-carousel-dots li button{border:0;cursor:pointer;background:#8391a5;opacity:.3;display:block;width:16px;height:3px;border-radius:1px;outline:0;font-size:0;color:transparent;transition:all .5s}.ivu-carousel-dots li button.radius{width:6px;height:6px;border-radius:50%}.ivu-carousel-dots li:hover>button{opacity:.7}.ivu-carousel-dots li.ivu-carousel-active>button{opacity:1;width:24px}.ivu-carousel-dots li.ivu-carousel-active>button.radius{width:6px}.ivu-rate{display:inline-block;margin:0;padding:0;font-size:20px;vertical-align:middle;font-weight:400;font-style:normal}.ivu-rate-disabled .ivu-rate-star-content:before,.ivu-rate-disabled .ivu-rate-star:before{cursor:default}.ivu-rate-disabled .ivu-rate-star:hover{transform:scale(1)}.ivu-rate-star-full,.ivu-rate-star-zero{position:relative}.ivu-rate-star-first{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;opacity:0}.ivu-rate-star-first,.ivu-rate-star-second{-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease;color:#e9e9e9;cursor:pointer}.ivu-rate-star-chart{display:inline-block;margin:0;padding:0;margin-right:8px;position:relative;font-family:Ionicons;transition:all .3s ease}.ivu-rate-star-chart:hover{transform:scale(1.1)}.ivu-rate-star-chart.ivu-rate-star-full .ivu-rate-star-first,.ivu-rate-star-chart.ivu-rate-star-full .ivu-rate-star-second{color:#f5a623}.ivu-rate-star-chart.ivu-rate-star-half .ivu-rate-star-first{opacity:1;color:#f5a623}.ivu-rate-star{display:inline-block;margin:0;padding:0;margin-right:8px;position:relative;font-family:Ionicons;transition:all .3s ease}.ivu-rate-star:hover{transform:scale(1.1)}.ivu-rate-star-content:before,.ivu-rate-star:before{color:#e9e9e9;cursor:pointer;content:"\F2BF";transition:all .2s ease-in-out;display:block}.ivu-rate-star-content{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden}.ivu-rate-star-content:before{color:transparent}.ivu-rate-star-full:before,.ivu-rate-star-half .ivu-rate-star-content:before{color:#f5a623}.ivu-rate-star-full:hover:before,.ivu-rate-star-half:hover .ivu-rate-star-content:before{color:#f7b84f}.ivu-rate-text{margin-left:8px;vertical-align:middle;display:inline-block;font-size:14px}.ivu-upload input[type=file]{display:none}.ivu-upload-list{margin-top:8px}.ivu-upload-list-file{padding:4px;color:#515a6e;border-radius:4px;transition:background-color .2s ease-in-out;overflow:hidden;position:relative}.ivu-upload-list-file>span{cursor:pointer;transition:color .2s ease-in-out}.ivu-upload-list-file>span i{display:inline-block;width:12px;height:12px;color:#515a6e;text-align:center}.ivu-upload-list-file:hover{background:#f3f3f3}.ivu-upload-list-file:hover>span{color:#2d8cf0}.ivu-upload-list-file:hover>span i{color:#515a6e}.ivu-upload-list-file:hover .ivu-upload-list-remove{opacity:1}.ivu-upload-list-remove{opacity:0;font-size:18px;cursor:pointer;float:right;margin-right:4px;color:#999;transition:all .2s ease}.ivu-upload-list-remove:hover{color:#444}.ivu-upload-select{display:inline-block}.ivu-upload-drag{background:#fff;border:1px dashed #dcdee2;border-radius:4px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s ease}.ivu-upload-drag:hover{border:1px dashed #2d8cf0}.ivu-upload-dragOver{border:2px dashed #2d8cf0}.ivu-tree{position:relative}.ivu-tree ul{list-style:none;margin:0;padding:0;font-size:14px}.ivu-tree ul.ivu-dropdown-menu{padding:0}.ivu-tree ul li{list-style:none;margin:8px 0;padding:0;white-space:nowrap;outline:0}.ivu-tree ul li.ivu-dropdown-item{margin:0;padding:7px 16px;white-space:nowrap}.ivu-tree li ul{margin:0;padding:0 0 0 18px}.ivu-tree-title{display:inline-block;margin:0;padding:0 4px;border-radius:3px;cursor:pointer;vertical-align:top;color:#515a6e;transition:all .2s ease-in-out}.ivu-tree-title:hover{background-color:#eaf4fe}.ivu-tree-title-selected,.ivu-tree-title-selected:hover{background-color:#d5e8fc}.ivu-tree-arrow{cursor:pointer;width:12px;text-align:center;display:inline-block}.ivu-tree-arrow i{transition:all .2s ease-in-out;font-size:14px;vertical-align:middle}.ivu-tree-arrow-open i{transform:rotate(90deg)}.ivu-tree .ivu-checkbox-wrapper{margin-right:4px;margin-left:4px}.ivu-tree-context-menu{position:absolute}.ivu-avatar{display:inline-block;text-align:center;background:#ccc;color:#fff;white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;width:32px;height:32px;line-height:32px;border-radius:50%}.ivu-avatar-image{background:0 0}.ivu-avatar .ivu-icon{position:relative;top:-1px}.ivu-avatar.ivu-avatar-icon{font-size:18px}.ivu-avatar-large{width:40px;height:40px;line-height:40px;border-radius:50%}.ivu-avatar-large.ivu-avatar-icon{font-size:24px}.ivu-avatar-large .ivu-icon{position:relative;top:-2px}.ivu-avatar-small{width:24px;height:24px;line-height:24px;border-radius:50%}.ivu-avatar-small.ivu-avatar-icon{font-size:14px}.ivu-avatar-square{border-radius:4px}.ivu-avatar>img{width:100%;height:100%}.ivu-color-picker{display:inline-block}.ivu-color-picker-hide{display:none}.ivu-color-picker-hide-drop{visibility:hidden}.ivu-color-picker-disabled{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.ivu-color-picker-disabled:hover{border-color:#e3e5e8}.ivu-color-picker>div:first-child:hover .ivu-input{border-color:#57a3f3}.ivu-color-picker>div:first-child.ivu-color-picker-disabled:hover .ivu-input{border-color:#e3e5e8}.ivu-color-picker .ivu-select-dropdown{padding:0}.ivu-color-picker-input.ivu-input:focus{box-shadow:none}.ivu-color-picker-focused{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-rel{line-height:0}.ivu-color-picker-color{width:18px;height:18px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px;position:relative;top:2px}.ivu-color-picker-color div{width:100%;height:100%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);border-radius:2px}.ivu-color-picker-color-empty{background:#fff;overflow:hidden;text-align:center}.ivu-color-picker-color-empty i{font-size:18px;vertical-align:baseline}.ivu-color-picker-color-focused{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-large .ivu-color-picker-color{width:20px;height:20px;top:1px}.ivu-color-picker-large .ivu-color-picker-color-empty i{font-size:20px}.ivu-color-picker-small .ivu-color-picker-color{width:14px;height:14px;top:3px}.ivu-color-picker-small .ivu-color-picker-color-empty i{font-size:14px}.ivu-color-picker-picker-wrapper{padding:8px 8px 0}.ivu-color-picker-picker-panel{width:240px;margin:0 auto;box-sizing:initial;position:relative}.ivu-color-picker-picker-alpha-slider,.ivu-color-picker-picker-hue-slider{height:10px;margin-top:8px;position:relative}.ivu-color-picker-picker-colors{margin-top:8px;overflow:hidden;border-radius:2px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out}.ivu-color-picker-picker-colors:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-picker-colors-wrapper{display:inline;width:20px;height:20px;float:left;position:relative}.ivu-color-picker-picker-colors-wrapper-color{outline:0;display:block;position:absolute;width:16px;height:16px;margin:2px;cursor:pointer;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.ivu-color-picker-picker-colors-wrapper-circle{width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px);position:absolute;top:10px;left:10px;cursor:pointer}.ivu-color-picker-picker .ivu-picker-confirm{margin-top:8px}.ivu-color-picker-saturation-wrapper{width:100%;padding-bottom:75%;position:relative;transition:border .2s ease-in-out,box-shadow .2s ease-in-out}.ivu-color-picker-saturation-wrapper:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-saturation,.ivu-color-picker-saturation--black,.ivu-color-picker-saturation--white{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0}.ivu-color-picker-saturation--white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.ivu-color-picker-saturation--black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.ivu-color-picker-saturation-pointer{cursor:pointer;position:absolute}.ivu-color-picker-saturation-circle{width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.ivu-color-picker-hue{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);transition:border .2s ease-in-out,box-shadow .2s ease-in-out}.ivu-color-picker-hue:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-hue-container{cursor:pointer;margin:0 2px;position:relative;height:100%}.ivu-color-picker-hue-pointer{z-index:2;position:absolute}.ivu-color-picker-hue-picker{cursor:pointer;margin-top:1px;width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;transform:translateX(-2px)}.ivu-color-picker-alpha{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out}.ivu-color-picker-alpha:focus{border-color:#57a3f3;outline:0;box-shadow:0 0 0 2px rgba(45,140,240,.2)}.ivu-color-picker-alpha-checkboard-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:2px}.ivu-color-picker-alpha-checkerboard{position:absolute;top:0;right:0;bottom:0;left:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.ivu-color-picker-alpha-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px}.ivu-color-picker-alpha-container{cursor:pointer;position:relative;z-index:2;height:100%;margin:0 3px}.ivu-color-picker-alpha-pointer{z-index:2;position:absolute}.ivu-color-picker-alpha-picker{cursor:pointer;width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;margin-top:1px;transform:translateX(-2px)}.ivu-color-picker-confirm{margin-top:8px;position:relative;border-top:1px solid #e8eaec;text-align:right;padding:8px;clear:both}.ivu-color-picker-confirm-color{position:absolute;top:11px;left:8px}.ivu-color-picker-confirm-color-editable{top:8px;right:110px}.ivu-auto-complete .ivu-select-not-found{display:none}.ivu-auto-complete .ivu-icon-ios-close{display:none}.ivu-auto-complete:hover .ivu-icon-ios-close{display:inline-block}.ivu-auto-complete.ivu-select-dropdown{max-height:none}.ivu-auto-complete div,.ivu-auto-complete:focus{outline:0}.ivu-divider{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:14px;line-height:1.5;color:#515a6e;box-sizing:border-box;margin:0;padding:0;list-style:none;background:#e8eaec}.ivu-divider,.ivu-divider-vertical{margin:0 8px;display:inline-block;height:.9em;width:1px;vertical-align:middle;position:relative;top:-.06em}.ivu-divider-horizontal{display:block;height:1px;width:100%;min-width:100%;margin:24px 0;clear:both}.ivu-divider-horizontal.ivu-divider-with-text-center,.ivu-divider-horizontal.ivu-divider-with-text-left,.ivu-divider-horizontal.ivu-divider-with-text-right{display:table;white-space:nowrap;text-align:center;background:0 0;font-weight:500;color:#17233d;font-size:16px;margin:16px 0}.ivu-divider-horizontal.ivu-divider-with-text-center:after,.ivu-divider-horizontal.ivu-divider-with-text-center:before,.ivu-divider-horizontal.ivu-divider-with-text-left:after,.ivu-divider-horizontal.ivu-divider-with-text-left:before,.ivu-divider-horizontal.ivu-divider-with-text-right:after,.ivu-divider-horizontal.ivu-divider-with-text-right:before{content:'';display:table-cell;position:relative;top:50%;width:50%;border-top:1px solid #e8eaec;transform:translateY(50%)}.ivu-divider-horizontal.ivu-divider-small.ivu-divider-with-text-center,.ivu-divider-horizontal.ivu-divider-small.ivu-divider-with-text-left,.ivu-divider-horizontal.ivu-divider-small.ivu-divider-with-text-right{font-size:14px;margin:8px 0}.ivu-divider-horizontal.ivu-divider-with-text-left .ivu-divider-inner-text,.ivu-divider-horizontal.ivu-divider-with-text-right .ivu-divider-inner-text{display:inline-block;padding:0 10px}.ivu-divider-horizontal.ivu-divider-with-text-left:before{top:50%;width:5%}.ivu-divider-horizontal.ivu-divider-with-text-left:after{top:50%;width:95%}.ivu-divider-horizontal.ivu-divider-with-text-right:before{top:50%;width:95%}.ivu-divider-horizontal.ivu-divider-with-text-right:after{top:50%;width:5%}.ivu-divider-inner-text{display:inline-block;padding:0 24px}.ivu-divider-dashed{background:0 0;border-top:1px dashed #e8eaec}.ivu-divider-horizontal.ivu-divider-with-text-left.ivu-divider-dashed,.ivu-divider-horizontal.ivu-divider-with-text-right.ivu-divider-dashed,.ivu-divider-horizontal.ivu-divider-with-text.ivu-divider-dashed{border-top:0}.ivu-divider-horizontal.ivu-divider-with-text-left.ivu-divider-dashed:after,.ivu-divider-horizontal.ivu-divider-with-text-left.ivu-divider-dashed:before,.ivu-divider-horizontal.ivu-divider-with-text-right.ivu-divider-dashed:after,.ivu-divider-horizontal.ivu-divider-with-text-right.ivu-divider-dashed:before,.ivu-divider-horizontal.ivu-divider-with-text.ivu-divider-dashed:after,.ivu-divider-horizontal.ivu-divider-with-text.ivu-divider-dashed:before{border-style:dashed none none}.ivu-anchor{position:relative;padding-left:2px}.ivu-anchor-wrapper{overflow:auto;padding-left:4px;margin-left:-4px}.ivu-anchor-ink{position:absolute;height:100%;left:0;top:0}.ivu-anchor-ink:before{content:' ';position:relative;width:2px;height:100%;display:block;background-color:#e8eaec;margin:0 auto}.ivu-anchor-ink-ball{display:inline-block;position:absolute;width:8px;height:8px;border-radius:50%;border:2px solid #2d8cf0;background-color:#fff;left:50%;transition:top .2s ease-in-out;transform:translate(-50%,2px)}.ivu-anchor.fixed .ivu-anchor-ink .ivu-anchor-ink-ball{display:none}.ivu-anchor-link{padding:8px 0 8px 16px;line-height:1}.ivu-anchor-link-title{display:block;position:relative;transition:all .3s;color:#515a6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.ivu-anchor-link-title:only-child{margin-bottom:0}.ivu-anchor-link-active>.ivu-anchor-link-title{color:#2d8cf0}.ivu-anchor-link .ivu-anchor-link{padding-top:6px;padding-bottom:6px}.ivu-time-with-hash{cursor:pointer}.ivu-time-with-hash:hover{text-decoration:underline}.ivu-cell{position:relative;overflow:hidden}.ivu-cell-link,.ivu-cell-link:active,.ivu-cell-link:hover{color:inherit}.ivu-cell-icon{display:inline-block;margin-right:4px;font-size:14px;vertical-align:middle}.ivu-cell-icon:empty{display:none}.ivu-cell-main{display:inline-block;vertical-align:middle}.ivu-cell-title{line-height:24px;font-size:14px}.ivu-cell-label{line-height:1.2;font-size:12px;color:#808695}.ivu-cell-selected .ivu-cell-label{color:inherit}.ivu-cell-selected,.ivu-cell.ivu-cell-selected:hover{background:#f0faff}.ivu-cell-footer{display:inline-block;position:absolute;transform:translateY(-50%);top:50%;right:16px;color:#515a6e}.ivu-cell-with-link .ivu-cell-footer{right:32px}.ivu-cell-selected .ivu-cell-footer{color:inherit}.ivu-cell-arrow{display:inline-block;position:absolute;transform:translateY(-50%);top:50%;right:16px;font-size:14px}.ivu-cell:focus{background:#f3f3f3;outline:0}.ivu-cell-selected:focus{background:rgba(40,123,211,.91)}.ivu-cell{margin:0;line-height:normal;padding:7px 16px;clear:both;color:#515a6e;font-size:14px!important;white-space:nowrap;list-style:none;cursor:pointer;transition:background .2s ease-in-out}.ivu-cell:hover{background:#f3f3f3}.ivu-cell-focus{background:#f3f3f3}.ivu-cell-disabled{color:#c5c8ce;cursor:not-allowed}.ivu-cell-disabled:hover{color:#c5c8ce;background-color:#fff;cursor:not-allowed}.ivu-cell-selected,.ivu-cell-selected:hover{color:#2d8cf0}.ivu-cell-divided{margin-top:5px;border-top:1px solid #e8eaec}.ivu-cell-divided:before{content:'';height:5px;display:block;margin:0 -16px;background-color:#fff;position:relative;top:-7px}.ivu-cell-enter{color:#2d8cf0;font-weight:700;float:right}.ivu-cell-large .ivu-cell{padding:7px 16px 8px;font-size:14px!important}@-moz-document url-prefix(){.ivu-cell{white-space:normal}}.ivu-drawer{width:auto;height:100%;position:fixed;top:0}.ivu-drawer-inner{position:absolute}.ivu-drawer-left{left:0}.ivu-drawer-right{right:0}.ivu-drawer-hidden{display:none!important}.ivu-drawer-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ivu-drawer-wrap-inner{position:absolute;overflow:hidden}.ivu-drawer-wrap-dragging{-webkit-user-select:none;-ms-user-select:none;user-select:none}.ivu-drawer-wrap *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ivu-drawer-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.6);height:100%;z-index:1000}.ivu-drawer-mask-hidden{display:none}.ivu-drawer-mask-inner{position:absolute}.ivu-drawer-content{width:100%;height:100%;position:absolute;top:0;bottom:0;background-color:#fff;border:0;background-clip:padding-box;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ivu-drawer-content-no-mask{pointer-events:auto}.ivu-drawer-header{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ivu-drawer-header p,.ivu-drawer-header-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivu-drawer-close{z-index:1;font-size:12px;position:absolute;right:8px;top:8px;overflow:hidden;cursor:pointer}.ivu-drawer-close .ivu-icon-ios-close{font-size:31px;color:#999;transition:color .2s ease;position:relative;top:1px}.ivu-drawer-close .ivu-icon-ios-close:hover{color:#444}.ivu-drawer-body{width:100%;height:calc(100% - 51px);padding:16px;font-size:14px;line-height:1.5;word-wrap:break-word;position:absolute;overflow:auto}.ivu-drawer-no-header .ivu-drawer-body{height:100%}.ivu-drawer-no-mask{pointer-events:none}.ivu-drawer-no-mask .ivu-drawer-drag{pointer-events:auto}.ivu-drawer-drag{top:0;height:100%;width:0;position:absolute}.ivu-drawer-drag-left{right:0}.ivu-drawer-drag-move-trigger{width:8px;height:100px;line-height:100px;position:absolute;top:50%;background:#f3f3f3;transform:translate(-50%,-50%);border-radius:4px/6px;box-shadow:0 0 1px 1px rgba(0,0,0,.2);cursor:col-resize}.ivu-drawer-drag-move-trigger-point{display:inline-block;width:50%;transform:translateX(50%)}.ivu-drawer-drag-move-trigger-point i{display:block;border-bottom:1px solid silver;padding-bottom:2px}.ivu-breadcrumb{color:#999;font-size:14px}.ivu-breadcrumb a{color:#515a6e;transition:color .2s ease-in-out}.ivu-breadcrumb a:hover{color:#57a3f3}.ivu-breadcrumb>span:last-child{font-weight:700;color:#515a6e}.ivu-breadcrumb>span:last-child .ivu-breadcrumb-item-separator{display:none}.ivu-breadcrumb-item-separator{margin:0 8px;color:#dcdee2}.ivu-breadcrumb-item-link>.ivu-icon+span{margin-left:4px}.ivu-list{position:relative}.ivu-list-items{margin:0;padding:0;list-style:none}.ivu-list-item{display:flex;align-items:center;padding:12px 0}.ivu-list-item-content{color:#515a6e}.ivu-list-item-meta{display:flex;flex:1;align-items:flex-start;font-size:0}.ivu-list-item-meta-avatar{margin-right:16px}.ivu-list-item-meta-content{flex:1 0}.ivu-list-item-meta-title{font-weight:500;margin-bottom:4px;color:#515a6e;font-size:14px;line-height:22px}.ivu-list-item-meta-title>a{color:#515a6e;transition:all .2s}.ivu-list-item-meta-title>a:hover{color:#2d8cf0}.ivu-list-item-meta-description{color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.ivu-list-item-action{flex:0 0 auto;margin-left:48px;padding:0;font-size:0;list-style:none}.ivu-list-item-action>li{position:relative;display:inline-block;padding:0 8px;color:rgba(0,0,0,.45);font-size:14px;line-height:22px;text-align:center;cursor:pointer}.ivu-list-item-action>li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#e8eaec}.ivu-list-item-action>li:first-child{padding-left:0}.ivu-list-item-action>li:last-child:after{display:none}.ivu-list-header{background:0 0}.ivu-list-footer{background:0 0}.ivu-list-footer,.ivu-list-header{padding-top:12px;padding-bottom:12px}.ivu-list-split .ivu-list-item{border-bottom:1px solid #e8eaec}.ivu-list-split .ivu-list-item:last-child{border-bottom:none}.ivu-list-split .ivu-list-header{border-bottom:1px solid #e8eaec}.ivu-list-split .ivu-list-footer{border-top:1px solid #e8eaec}.ivu-list-large .ivu-list-item{padding-top:16px;padding-bottom:16px}.ivu-list-small .ivu-list-item{padding-top:8px;padding-bottom:8px}.ivu-list-vertical .ivu-list-item{align-items:initial}.ivu-list-vertical .ivu-list-item-main{display:block;flex:1}.ivu-list-vertical .ivu-list-item-extra{margin-left:40px}.ivu-list-vertical .ivu-list-item-meta{margin-bottom:16px}.ivu-list-vertical .ivu-list-item-meta-title{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:16px;line-height:24px}.ivu-list-vertical .ivu-list-item-action{margin-top:16px;margin-left:auto}.ivu-list-vertical .ivu-list-item-action>li{padding:0 16px}.ivu-list-vertical .ivu-list-item-action>li:first-child{padding-left:0}.ivu-list-item-no-flex{display:block}.ivu-list:not(.ivu-list-vertical) .ivu-list-item-no-flex .ivu-list-item-action{float:right}.ivu-list-bordered{border:1px solid #dcdee2;border-radius:6px}.ivu-list-bordered .ivu-list-header{padding-right:24px;padding-left:24px}.ivu-list-bordered .ivu-list-footer{padding-right:24px;padding-left:24px}.ivu-list-bordered .ivu-list-item{padding-right:24px;padding-left:24px;border-bottom:1px solid #e8eaec}.ivu-list-bordered .ivu-list-pagination{margin:16px 24px}.ivu-list-bordered.ivu-list-small .ivu-list-item{padding-right:16px;padding-left:16px}.ivu-list-bordered.ivu-list-small .ivu-list-footer,.ivu-list-bordered.ivu-list-small .ivu-list-header{padding:8px 16px}.ivu-list-bordered.ivu-list-large .ivu-list-footer,.ivu-list-bordered.ivu-list-large .ivu-list-header{padding:16px 24px}@media screen and (max-width:768px){.ivu-list-item-action{margin-left:24px}.ivu-list-vertical .ivu-list-item-extra{margin-left:24px}}@media screen and (max-width:576px){.ivu-list-item{flex-wrap:wrap}.ivu-list-item-action{margin-left:12px}.ivu-list-vertical .ivu-list-item{flex-wrap:wrap-reverse}.ivu-list-vertical .ivu-list-item-main{min-width:220px}.ivu-list-vertical .ivu-list-item-extra{margin:auto auto 16px}}/*!
 * Cropper v4.1.0
 * https://fengyuanchen.github.io/cropper
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-12T07:43:47.783Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
          box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px #ddd;
          box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-bubble * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-transition: visibility 0s ease 200ms;
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}
@charset "UTF-8";
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.video-js .vjs-big-play-button,
.video-js .vjs-poster,
.video-js .vjs-text-track-display{
  display: none !important;
}
/*Live mode*/
.vjs-live-mode .vjs-control-bar{
  background-color: transparent !important;
}
.vjs-live-mode .vjs-control-bar .vjs-fullscreen-control {
  position: absolute;
  right: 0;
}
.vjs-live-mode .vjs-play-control,
.vjs-live-mode .vjs-time-control,
.vjs-live-mode .vjs-progress-control,
.vjs-live-mode .vjs-volume-panel,
.vjs-live-mode .vjs-picture-in-picture-control{
  display: none !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
  text-align: center
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\F101"
}
.vjs-icon-play-circle {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-play-circle:before {
  content: "\F102"
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\F103"
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\F104"
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\F105"
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\F106"
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\F107"
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\F108"
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\F109"
}
.vjs-icon-square {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-square:before {
  content: "\F10A"
}
.vjs-icon-spinner {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-spinner:before {
  content: "\F10B"
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\F10C"
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\F10D"
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\F10E"
}
.vjs-icon-share {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-share:before {
  content: "\F10F"
}
.vjs-icon-cog {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-cog:before {
  content: "\F110"
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111"
}
.vjs-icon-circle-outline {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-circle-outline:before {
  content: "\F112"
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113"
}
.vjs-icon-hd {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-hd:before {
  content: "\F114"
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\F115"
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\F116"
}
.vjs-icon-facebook {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-facebook:before {
  content: "\F117"
}
.vjs-icon-gplus {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-gplus:before {
  content: "\F118"
}
.vjs-icon-linkedin {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-linkedin:before {
  content: "\F119"
}
.vjs-icon-twitter {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-twitter:before {
  content: "\F11A"
}
.vjs-icon-tumblr {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-tumblr:before {
  content: "\F11B"
}
.vjs-icon-pinterest {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-pinterest:before {
  content: "\F11C"
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\F11D"
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\F11E"
}
.vjs-icon-next-item {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-next-item:before {
  content: "\F11F"
}
.vjs-icon-previous-item {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.vjs-icon-previous-item:before {
  content: "\F120"
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: "\F121"
}
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS !important;
  font-weight: 400;
  font-style: normal
}
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: "\F122"
}
.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial
}
.video-js:-moz-full-screen {
  position: absolute
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important
}
.video-js[tabindex="-1"] {
  outline: 0
}
.video-js *,
.video-js :after,
.video-js :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0
}
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
  height: 0
}
.video-js.vjs-16-9 {
  padding-top: 56.25%
}
.video-js.vjs-4-3 {
  padding-top: 75%
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}
.vjs-hidden {
  display: none !important
}
.vjs-disabled {
  opacity: .5;
  cursor: default
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  border-radius: .3em;
  -webkit-transition: all .4s;
  transition: all .4s
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -.81666em;
  margin-left: -1.5em
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  -webkit-transition: all 0s;
  transition: all 0s
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block
}
.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: .5em;
  z-index: 2
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, .8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
  overflow: auto
}
.video-js .vjs-modal-dialog>* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1
}
.vjs-menu-button {
  cursor: pointer
}
.vjs-menu-button.vjs-disabled {
  cursor: default
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto
}
.vjs-menu .vjs-menu-content>* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: .2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}
.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f
}
.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
  background: 0 0
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em 0;
  font-weight: 700;
  cursor: default
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, .7)
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em
}
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all .4s;
  transition: all .4s;
  overflow: hidden
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s;
  transition: all .4s
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7)
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .1s, opacity .1s;
  transition: visibility .1s, opacity .1s
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}
.vjs-button>.vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67
}
.vjs-button>.vjs-icon-placeholder {
  display: block
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle
}
.video-js .vjs-custom-control-spacer {
  display: none
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none
}
.video-js .vjs-progress-control.disabled {
  cursor: default
}
.vjs-live .vjs-progress-control {
  display: none
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
.vjs-no-flex .vjs-progress-control {
  width: auto
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all .2s;
  transition: all .2s;
  height: .3em
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0
}
.video-js .vjs-play-progress {
  background-color: #fff
}
.video-js .vjs-play-progress:before {
  font-size: .9em;
  position: absolute;
  right: -.5em;
  top: -.3333333333em;
  z-index: 1
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, .5)
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, .75)
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none
}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: .6em;
  visibility: visible
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, .8)
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 .45em 0 .45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}
.video-js .vjs-slider.disabled {
  cursor: default
}
.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
  transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 10em;
  -webkit-transition: width .1s;
  transition: width .1s
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: .5em
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.video-js .vjs-volume-bar {
  margin: 1.35em .45em
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: .3em
}
.vjs-volume-bar.vjs-slider-vertical {
  width: .3em;
  height: 5em;
  margin: 1.35em auto
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: .9em;
  z-index: 1
}
.vjs-slider-vertical .vjs-volume-level {
  width: .3em
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -.5em;
  left: -.3em;
  z-index: 1
}
.vjs-slider-horizontal .vjs-volume-level {
  height: .3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -.3em;
  right: -.5em
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7)
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible
}
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
  left: 1em;
  top: -12px
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, .8)
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%
}
.vjs-has-started .vjs-poster {
  display: none
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block
}
.vjs-using-native-controls .vjs-poster {
  display: none
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}
.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none
}
.video-js .vjs-seek-to-live-control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: .5em;
  color: #888
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em
}
.vjs-live .vjs-time-control {
  display: none
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none
}
.vjs-time-divider {
  display: none;
  line-height: 3em
}
.vjs-live .vjs-time-divider {
  display: none
}
.video-js .vjs-play-control {
  cursor: pointer
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .1em
}
.vjs-subtitles {
  color: #fff
}
.vjs-captions {
  color: #fc6
}
.vjs-tt-cue {
  display: block
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em)
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em)
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -.5em;
  position: absolute;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, .7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
  animation: vjs-spinner-show 0s linear .3s forwards
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: .44s;
  animation-delay: .44s
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  100% {
    border-top-color: #73859f
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  100% {
    border-top-color: #73859f
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -.1em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS !important;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -.1em
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS !important;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit
}
.video-js.vjs-layout-small .vjs-audio-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-chapters-button,
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-descriptions-button,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-subtitles-button,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-audio-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-chapters-button,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-subtitles-button,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-audio-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-chapters-button,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-subtitles-button,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
  display: none !important
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto;
  width: initial
}
.video-js.vjs-layout-tiny .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
  display: none
}
.video-js.vjs-layout-tiny .vjs-custom-control-spacer,
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block
}
.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
  width: auto
}
.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control {
  display: none
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .75);
  color: #fff;
  height: 70%
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom
}
@supports (display:grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0 24px
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr
  }
}
.vjs-track-setting>select {
  margin-right: 1em;
  margin-bottom: .5em
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none
}
.vjs-text-track-settings fieldset span {
  display: inline-block
}
.vjs-text-track-settings fieldset span>select {
  max-width: 7.3em
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, .75)
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em
}
@media print {
  .video-js>:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000
}
.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline: 0
}
.video-js :focus:not(:focus-visible) {
  outline: 0
}

.utm-imgage-box[data-v-b59cbcc2]{
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.utm-imgage-box .plate-number-img[data-v-b59cbcc2]{
  height: unset;
  width: unset;
  max-width: 100%;
  max-height: 100%;
}
.utm-imgage-box .user-photo[data-v-b59cbcc2]{
  vertical-align: middle;
}
/*列表图片父级显示框*/
.utm-imgage-box.plate-number-box[data-v-b59cbcc2]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 98px;
  min-width: 50px;
}
.photo-radius[data-v-b59cbcc2]{
  border-radius: 6px;
}

.utm-loading-box[data-v-1282c3d7]{
  width: 100%;
  position: relative;
  margin-top: 50px;
  text-align: center;
}
.utm-loading-box .utm-loading-text[data-v-1282c3d7]{
  position: absolute;
  color: #059FE8;
  font-size: 24px;
  font-weight: 700;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: -40px;
  width: 100%;
}
.utm-loading-box .triangle[data-v-1282c3d7] {
  fill: #059FE8;
  stroke: #059FE8;
  stroke-width: 6px;
}
/*四边形*/
.entity-quadrilateral[data-v-1282c3d7]{
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  background: #A8D4FF;
  -webkit-animation: substancEquadrilateral-data-v-1282c3d7 2s infinite;
          animation: substancEquadrilateral-data-v-1282c3d7 2s infinite;
  z-index: 2;
  border-radius: 6px;
  opacity: 1;
}
/*三角形*/
.entity-triangle[data-v-1282c3d7]{
  position: absolute;
  bottom: 5px;
  left: 50%;
  margin-left: -30px;
  -webkit-animation: substanceTriangle-data-v-1282c3d7 2s infinite;
          animation: substanceTriangle-data-v-1282c3d7 2s infinite;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 3;
  opacity: 1;
}
/*动画阴影*/
.animation-shadow[data-v-1282c3d7]{
  position: absolute;
  bottom: -5px;
  left: 50%;
  content: '';
  display: block;
  height: 20px;
  width: 25px;
  border-radius: 10px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transform: translatex(-50%) rotateX(60deg);
          transform: translatex(-50%) rotateX(60deg);
  -webkit-animation: shadow-data-v-1282c3d7 1s infinite;
          animation: shadow-data-v-1282c3d7 1s infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
@-webkit-keyframes substancEquadrilateral-data-v-1282c3d7{
0%{
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
    bottom: 10px;
    opacity: 1.0;
}
25%{
    -webkit-transform: scale(.6) rotate(90deg);
            transform: scale(.6) rotate(90deg);
    bottom: 100%;
    opacity: 1.0;
}
50%{
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    bottom: 10px;
    opacity: 1.0;
}
51%,100%{
    opacity: 0.0;
}
}
@keyframes substancEquadrilateral-data-v-1282c3d7{
0%{
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
    bottom: 10px;
    opacity: 1.0;
}
25%{
    -webkit-transform: scale(.6) rotate(90deg);
            transform: scale(.6) rotate(90deg);
    bottom: 100%;
    opacity: 1.0;
}
50%{
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    bottom: 10px;
    opacity: 1.0;
}
51%,100%{
    opacity: 0.0;
}
}
@-webkit-keyframes substanceTriangle-data-v-1282c3d7{
0%,49%{
    opacity: 0.0;
}
50%{
    opacity: 1.0;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
    bottom: 5px;
}
75%{
    opacity: 1.0;
    -webkit-transform: scale(.6) rotate(120deg);
            transform: scale(.6) rotate(120deg);
    bottom: 100%;
}
100%{
    opacity: 1.0;
    -webkit-transform: scale(1) rotate(240deg);
            transform: scale(1) rotate(240deg);
    bottom: 5px;
}
}
@keyframes substanceTriangle-data-v-1282c3d7{
0%,49%{
    opacity: 0.0;
}
50%{
    opacity: 1.0;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
    bottom: 5px;
}
75%{
    opacity: 1.0;
    -webkit-transform: scale(.6) rotate(120deg);
            transform: scale(.6) rotate(120deg);
    bottom: 100%;
}
100%{
    opacity: 1.0;
    -webkit-transform: scale(1) rotate(240deg);
            transform: scale(1) rotate(240deg);
    bottom: 5px;
}
}
@-webkit-keyframes shadow-data-v-1282c3d7{
0% {
    width: 60px;
    height: 20px;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    background: rgba(0, 0, 0, 0.7);
    opacity: .5;
}
60% {
    width: 25px;
    height: 20px;
    -webkit-filter: blur(4px);
    filter: blur(4px);
}
100% {
    background: rgba(0, 0, 0, 0.2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
}
}
@keyframes shadow-data-v-1282c3d7{
0% {
    width: 60px;
    height: 20px;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    background: rgba(0, 0, 0, 0.7);
    opacity: .5;
}
60% {
    width: 25px;
    height: 20px;
    -webkit-filter: blur(4px);
    filter: blur(4px);
}
100% {
    background: rgba(0, 0, 0, 0.2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
}
}



.is-top[data-v-28d84f3c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.is-top-conntorl[data-v-28d84f3c]{
  margin-left: 0;
}

.utm-controls-office .desc-span[data-v-8781b80c] {
    color: #b4b4b4;
}
/* User 模块Office 的样式（定制化的） */
.office-swapper-tip .utm-controls-office[data-v-8781b80c]{
  position: relative;
}
.office-swapper .utm-controls-office .utm-select[data-v-8781b80c] {
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
.office-swapper-tip .utm-controls-office .user-office-prompt[data-v-8781b80c]{
  display: inline-block;
  font-size: 16px;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
/* User 模块Office 的样式（定制化的） */

.utm-fingerprint-page .fingerprint-count[data-v-5b83af07]{
  font-size: 16px;
  margin: 0 16px;
  height: 40px;
  line-height: 40px;
  color: #999999;
}
.conent-box[data-v-5b83af07]{
  height: 266px;
  background: #f8f9f9;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
  text-align: center;
  padding: 10% 25%;
}
.entered-fingerprint-box[data-v-5b83af07]{
  height: 127px;
  background: #f8f9f9;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
  padding: 16px;
}
.entered-fingerprint-box-user[data-v-5b83af07]{
  height: 100%;
  background: #fff;
  border-color: #fff ;
  border-radius: 0;
  padding: 0;
}
/*已经录入的指纹*/
.entered-fingerprint-box .entered-fingerprint-item[data-v-5b83af07]{
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 8px;
}
.entered-fingerprint-box .entered-fingerprint-content[data-v-5b83af07]{
  width: 77px;
  height: 95px;
  background: #059fe8;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #059fe8;
}
.entered-fingerprint-box .utm-finger-icon[data-v-5b83af07]{
  font-size: 20px;
  color: #059fe8;
}
.entered-fingerprint-box .fingerprint-img[data-v-5b83af07]{
  background: #fff;
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  margin: 16px 0 8px;
}
.entered-fingerprint-box .fingerprint-name[data-v-5b83af07]{
  font-size: 14px;
  color: #fff;
}
.entered-fingerprint-box .delete-fingerprint[data-v-5b83af07]{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  color: rgb(106 106 106);
  font-size: 20px;
}
.entered-fingerprint-box .entered-fingerprint-item:hover .delete-fingerprint[data-v-5b83af07]{
  display: block;
}
/*未录入指纹的*/
.entered-fingerprint-box .unenter-fingerprint-item .entered-fingerprint-content[data-v-5b83af07]{
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
}
.entered-fingerprint-box .unenter-fingerprint-item .utm-finger-icon[data-v-5b83af07]{
  color: #dfdfdf;
}
.entered-fingerprint-box .unenter-fingerprint-item .fingerprint-name[data-v-5b83af07]{
  color: #B4B4B4;
}
.entered-fingerprint-box .unenter-fingerprint-item.unenter-fingerprint-active .entered-fingerprint-content[data-v-5b83af07]{
  border: 1px solid #059fe8;
}
/*指纹录入状态*/
.fingerprint-entry-status[data-v-5b83af07]{
  text-align: center;
  height: 266px;
  background: #f8f9f9;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
  margin-top: 8px;
}
.fingerprint-entry-status .fingerprint-entrying[data-v-5b83af07]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  height: 90px;
  background: #72C8F2;
  border-radius: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 72px 32px;
}
.fingerprint-entry-status .fingerprint-entrying-1[data-v-5b83af07]{
  content: "";
  position: absolute;
  width: 108px;
  height: 108px;
  border-radius: 54px;
  border: 1px solid rgba(114,200,242,1);
}
.fingerprint-entry-status .fingerprint-entrying-2[data-v-5b83af07]{
  content: "";
  position: absolute;
  width: 128px;
  height: 128px;
  border-radius: 64px;
  border: 1px solid rgba(5,159,232,.3);
}
.fingerprint-entry-status .fingerprint-entrying-3[data-v-5b83af07]{
  content: "";
  position: absolute;
  width: 152px;
  height: 152px;
  border-radius: 76px;
  border: 1px solid rgba(5,159,232,.1);
}
.fingerprint-entry-status .fingerprint-entrying.fingerprint-entrying-success[data-v-5b83af07]{
  background: rgba(42,190,82,1);
  -webkit-box-shadow: 0 6px 8px 0 rgba(22,174,77,0.45);
          box-shadow: 0 6px 8px 0 rgba(22,174,77,0.45);
}
.fingerprint-entry-status .fingerprint-entrying-success .fingerprint-entrying-1[data-v-5b83af07]{
  border: 1px solid rgba(42,190,82,.6);
}
.fingerprint-entry-status .fingerprint-entrying-success .fingerprint-entrying-2[data-v-5b83af07]{
  border: 1px solid rgba(42,190,82,.3);
}
.fingerprint-entry-status .fingerprint-entrying-success .fingerprint-entrying-3[data-v-5b83af07]{
  border: 1px solid rgba(42,190,82,.1);
}
.fingerprint-entry-status .fingerprint-entrying.fingerprint-entrying-failure[data-v-5b83af07]{
  background: rgba(198,28,28,1);
  -webkit-box-shadow: 0 6px 8px 0 rgba(198,28,28,0.37);
          box-shadow: 0 6px 8px 0 rgba(198,28,28,0.37);
}
.fingerprint-entry-status .fingerprint-entrying-failure .fingerprint-entrying-1[data-v-5b83af07]{
  border: 1px solid rgba(198,28,28,.6);
}
.fingerprint-entry-status .fingerprint-entrying-failure .fingerprint-entrying-2[data-v-5b83af07]{
  border: 1px solid rgba(198,28,28,.3);
}
.fingerprint-entry-status .fingerprint-entrying-failure .fingerprint-entrying-3[data-v-5b83af07]{
  border: 1px solid rgba(198,28,28,.1);
}
.fingerprint-entry-status .fingerprint-entrying-result[data-v-5b83af07]{
  position: absolute;
  right: -18px;
  bottom: -18px;
  width: 40px;
  height: 40px;
  font-size: 40px;
}
.fingerprint-entry-status .fingerprint-entrying-result-failure[data-v-5b83af07]{
  color: #C61C1C;
}
.fingerprint-entry-status .fingerprint-entrying-result-success[data-v-5b83af07]{
  color: #20B949;
}
.fingerprint-entry-status .utm-finger-icon[data-v-5b83af07]{
  font-size: 40px;
  color: #fff;
}
.fingerprint-entry-status .fingerprint-entry-desc[data-v-5b83af07]{
  font-size: 14px;
  color: #b4b4b4;
  margin-top: -40px;
}
.loading-dots[data-v-5b83af07] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dot[data-v-5b83af07] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #333;
  margin: 0 5px;
}
.active[data-v-5b83af07] {
  background-color: #059fe8;
}
.finger-img[data-v-5b83af07]{
  width: 360px;
  height: 270px;
  margin-top: -30px;
}
.finger-img-png[data-v-5b83af07]{
  width: 150px;
  height: 150px;
  margin-top: 36px;
}

.utm-modal-center .utm-modal-tip {
  text-align: center;
}
.utm-modal-center .utm-modal-icon{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 16px 0;
  border-radius: 28px;
  background: rgba(var(--main-color-rgb), .15);
}
.utm-modal-center .utm-modal-desc {
  display: block;
  padding: 24px;
  color: #2F3234;
  font-size: 18px;
}

.utm-modal-center .delete-office-icon[data-v-511fcc9a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 16px 0;
  border-radius: 28px;
  background: rgba(246,111,106,.15);
}

.no-padding-option[data-v-0984cee7]{
  padding: 0;
}
.no-padding-option>div[data-v-0984cee7]{
  padding: 7px 24px 7px 16px;
}
.handleWidthToLong .no-padding-option div[data-v-0984cee7]{
  text-overflow: ellipsis;
  overflow: hidden;
}

i[data-v-4205c628]{
    color: var(--main-color);
}
.psim-font[data-v-4205c628]{
  display: inline-block;
}

.rdt-timeperiod-item .mx-input{
  height: 40px;
  color: #333;
}
.rdt-timeperiod-item .mx-input:hover, .rdt-timeperiod-item .mx-input:focus {
  border-color: var(--main-color);
}
.mx-calendar-content{
  color: #333;
}
.mx-table-date .today {
  color: var(--main-color);
}
.mx-calendar-week-mode .mx-date-row:hover {
  background-color: rgba(var(--main-color-rgb),.1);
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: rgba(var(--main-color-rgb),.1);
}
/*People Counting 的统计*/
.people-counting-box[data-v-25122a3c]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    overflow-y: auto;
    overflow-x: hidden;
}
.people-counting-box .traffic-statistic-search[data-v-25122a3c]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    margin-bottom: 12px;
}
.traffic-statistic-search .search-time-box.traffic-statistic-type[data-v-25122a3c]{
    height: 36px;
}
.traffic-statistic-search .search-time-box.traffic-statistic-type .search-time-item[data-v-25122a3c]{
    height: 34px;
    width: unset;
    padding: 0 16px;
}
.traffic-statistic-search .search-time-right[data-v-25122a3c]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.traffic-statistic-search .search-time-box[data-v-25122a3c]{
    display: inline-block;
    height: 40px;
    border: 1px solid var(--main-color);
    border-radius: 4px;
    margin-right: 8px;
}
.traffic-statistic-search .search-time-box .search-time-item[data-v-25122a3c]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 104px;
    height: 38px;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.traffic-statistic-search .search-time-box .search-time-item.active[data-v-25122a3c]{
    color: #fff;
    background: var(--main-color);
}
.traffic-statistic-search .search-time-select[data-v-25122a3c]{
    width: 120px;
    margin-right: 8px;
}
.people-counting-box .traffic-statistic-content[data-v-25122a3c]{
    position: relative;
    height: 100%;
}
.traffic-statistic-content .traffic-loading[data-v-25122a3c]{
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -160px;
}
.traffic-statistic-content div[data-v-25122a3c]{
    width: 100%;
    height: 100%;
}
.check-substance-box ul[data-v-25122a3c] {
    padding-left: 24px;
}
.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(0.7);transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{-webkit-transform:rotate(135deg) scale(0.7);transform:rotate(135deg) scale(0.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn:disabled,.mx-btn.disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}

#add-staff[data-v-ff17dd5e]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-ff17dd5e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
/* 关于DCS的配置 */
#add-staff .dcs-item-box[data-v-ff17dd5e]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(var(--main-color-rgb),0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#add-staff .dcsItem-div[data-v-ff17dd5e]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#add-staff .dcsItem-right[data-v-ff17dd5e]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#add-staff .dcsItem-left[data-v-ff17dd5e]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#add-staff .dcsItem-all[data-v-ff17dd5e]{
  width: 100%;
  margin-top: 16px;
}
#add-staff .dcsItem-title[data-v-ff17dd5e]{
  font-weight: bold;
}
#add-staff .utm-circle-tag.mini[data-v-ff17dd5e] {
  margin:0 8px 0 0;
  vertical-align:initial
}
#add-staff .dcsItem-div1[data-v-ff17dd5e]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#add-staff .azFrom[data-v-ff17dd5e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-staff .azText[data-v-ff17dd5e]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#add-staff .azTo[data-v-ff17dd5e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-staff .dcsItem-operation[data-v-ff17dd5e]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#add-staff .verticalLine[data-v-ff17dd5e]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#add-staff .more-tag[data-v-ff17dd5e] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: text-bottom;
}
.paim-vein[data-v-ff17dd5e]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-ff17dd5e]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-ff17dd5e]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-ff17dd5e]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-ff17dd5e]{
  color: #fff;
}
.paim-icon-content[data-v-ff17dd5e]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-ff17dd5e]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-ff17dd5e]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-ff17dd5e] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-ff17dd5e .75s step-end infinite;
          animation: rotate1234-data-v-ff17dd5e .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-ff17dd5e {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-ff17dd5e {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-ff17dd5e]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-ff17dd5e]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-ff17dd5e]::before,.success .ripple[data-v-ff17dd5e]::after,.success .ripple-three[data-v-ff17dd5e] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-ff17dd5e] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-ff17dd5e]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-ff17dd5e 2s linear 0.66s infinite;
          animation: ripple-data-v-ff17dd5e 2s linear 0.66s infinite;
}
.ripple[data-v-ff17dd5e]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-ff17dd5e 2s linear 1.3s infinite;
          animation: ripple-data-v-ff17dd5e 2s linear 1.3s infinite;
}
.ripple-three[data-v-ff17dd5e]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-ff17dd5e 2s linear infinite;
          animation: ripple-data-v-ff17dd5e 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-ff17dd5e {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-ff17dd5e {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-ff17dd5e] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-ff17dd5e]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-ff17dd5e]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-ff17dd5e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-ff17dd5e]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-ff17dd5e]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-ff17dd5e]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-ff17dd5e]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-ff17dd5e]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-ff17dd5e]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-ff17dd5e]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-ff17dd5e]{
  width: 100%;
}
.user-basic-module .face-box[data-v-ff17dd5e]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-ff17dd5e]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-ff17dd5e]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-ff17dd5e]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-ff17dd5e]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-ff17dd5e]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-ff17dd5e]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-ff17dd5e]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-ff17dd5e] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-ff17dd5e]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-ff17dd5e]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-ff17dd5e]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-ff17dd5e]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-ff17dd5e]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-ff17dd5e]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-ff17dd5e]{
  position: relative;
}
.step-node .step-desc[data-v-ff17dd5e]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-ff17dd5e]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-ff17dd5e]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-ff17dd5e]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-ff17dd5e]:nth-child(1),
.user-config-info .config-info-box[data-v-ff17dd5e]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-ff17dd5e]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-ff17dd5e]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-ff17dd5e]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-ff17dd5e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-ff17dd5e]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-ff17dd5e]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-ff17dd5e]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-ff17dd5e]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-ff17dd5e]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-ff17dd5e]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-ff17dd5e],.destination-item .schedule-name[data-v-ff17dd5e]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-ff17dd5e] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-ff17dd5e]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-ff17dd5e]{
  display: block;
}
.schedule-details .schedule-panel[data-v-ff17dd5e]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-ff17dd5e]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-ff17dd5e]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-ff17dd5e]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-ff17dd5e]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-ff17dd5e]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-ff17dd5e]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-ff17dd5e]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-ff17dd5e]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-ff17dd5e]{
  margin-right: 16px;
}
.print-card-box[data-v-ff17dd5e]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-ff17dd5e]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-ff17dd5e]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-ff17dd5e]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-ff17dd5e]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-ff17dd5e]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-ff17dd5e]{
  max-height: 90px;
}
.basic-info .user-name[data-v-ff17dd5e]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-ff17dd5e]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-ff17dd5e]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-ff17dd5e]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-ff17dd5e]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-ff17dd5e]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-ff17dd5e]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-ff17dd5e]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-ff17dd5e]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-ff17dd5e]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-ff17dd5e]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-ff17dd5e]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-ff17dd5e]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-ff17dd5e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-ff17dd5e]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-ff17dd5e]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-ff17dd5e]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-ff17dd5e]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-ff17dd5e]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-ff17dd5e]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-ff17dd5e]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-ff17dd5e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-ff17dd5e]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-ff17dd5e]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-ff17dd5e]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-ff17dd5e],
.details-module .details-module-name[data-v-ff17dd5e]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-ff17dd5e]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-ff17dd5e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-ff17dd5e]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-ff17dd5e]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-ff17dd5e]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-ff17dd5e]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-ff17dd5e]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-ff17dd5e]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-ff17dd5e]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-ff17dd5e]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-ff17dd5e]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-ff17dd5e]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-ff17dd5e]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-ff17dd5e]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-ff17dd5e]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-ff17dd5e]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-ff17dd5e]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-ff17dd5e]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-ff17dd5e]{
  text-align: left;
}
.basic-info-box .content-area[data-v-ff17dd5e]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-ff17dd5e]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-ff17dd5e]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-ff17dd5e]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-ff17dd5e]{
  z-index: 1;
}
.card-status-tooltip[data-v-ff17dd5e]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-ff17dd5e]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-ff17dd5e]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-ff17dd5e]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-ff17dd5e]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-ff17dd5e]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-ff17dd5e] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-ff17dd5e] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-ff17dd5e] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-ff17dd5e] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-ff17dd5e]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-ff17dd5e] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-ff17dd5e] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-ff17dd5e] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-ff17dd5e]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-ff17dd5e]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-ff17dd5e]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-ff17dd5e]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-ff17dd5e]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-ff17dd5e]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-ff17dd5e]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-ff17dd5e]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-ff17dd5e]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-ff17dd5e], .slide-fade-leave-to[data-v-ff17dd5e]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-ff17dd5e]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-ff17dd5e]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-ff17dd5e]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-ff17dd5e]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-ff17dd5e]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-ff17dd5e]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-ff17dd5e]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-ff17dd5e]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-ff17dd5e]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-ff17dd5e]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-ff17dd5e]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-ff17dd5e]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-ff17dd5e]{
  font-size: 18px;
}
.add-new-btn[data-v-ff17dd5e]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-ff17dd5e]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-ff17dd5e]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-ff17dd5e] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-ff17dd5e]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-ff17dd5e]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-ff17dd5e]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-ff17dd5e]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-ff17dd5e]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-ff17dd5e]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-ff17dd5e]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-ff17dd5e]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-ff17dd5e]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-ff17dd5e]{
  font-weight: bold;
}
.dcsItem-div1[data-v-ff17dd5e]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-ff17dd5e]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-ff17dd5e]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-ff17dd5e] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-ff17dd5e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-ff17dd5e]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-ff17dd5e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-ff17dd5e]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-ff17dd5e]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-ff17dd5e]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-ff17dd5e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-ff17dd5e]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-ff17dd5e]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-ff17dd5e]{
  margin-left: 0;
}
.ripple-fail[data-v-ff17dd5e] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(198,28,28,1);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple-fail[data-v-ff17dd5e]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(198,28,28,0.37);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-ff17dd5e 2s linear 0.66s infinite;
          animation: ripple-data-v-ff17dd5e 2s linear 0.66s infinite;
}
.ripple-fail[data-v-ff17dd5e]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(198,28,28,0.37);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-ff17dd5e 2s linear 1.3s infinite;
          animation: ripple-data-v-ff17dd5e 2s linear 1.3s infinite;
}
.ripple-three-fail[data-v-ff17dd5e]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(198,28,28,0.37);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-ff17dd5e 2s linear infinite;
          animation: ripple-data-v-ff17dd5e 2s linear infinite;
}
.ripple-fail .utm-palm-vein[data-v-ff17dd5e] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.utm-popup-cancel[data-v-ff17dd5e]{
  font-size: 40px;
  color: #C61C1C;
  position: absolute;
  background: #eff6f9;
  text-align: left;
  border-radius: 50%;
  line-height: 90%;
  left: 70%;
  top: 70%;
  z-index: 99;
}
.utm-popup-cancel[data-v-ff17dd5e]:before {
  content: "\E810";
  position: relative;
  left: -4%;
}
@charset "UTF-8";@font-face{font-family:element-icons;src:url(/static/fonts/element-icons.535877f.woff) format("woff"),url(/static/fonts/element-icons.732389d.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\E6A0"}.el-icon-ice-cream-square:before{content:"\E6A3"}.el-icon-lollipop:before{content:"\E6A4"}.el-icon-potato-strips:before{content:"\E6A5"}.el-icon-milk-tea:before{content:"\E6A6"}.el-icon-ice-drink:before{content:"\E6A7"}.el-icon-ice-tea:before{content:"\E6A9"}.el-icon-coffee:before{content:"\E6AA"}.el-icon-orange:before{content:"\E6AB"}.el-icon-pear:before{content:"\E6AC"}.el-icon-apple:before{content:"\E6AD"}.el-icon-cherry:before{content:"\E6AE"}.el-icon-watermelon:before{content:"\E6AF"}.el-icon-grape:before{content:"\E6B0"}.el-icon-refrigerator:before{content:"\E6B1"}.el-icon-goblet-square-full:before{content:"\E6B2"}.el-icon-goblet-square:before{content:"\E6B3"}.el-icon-goblet-full:before{content:"\E6B4"}.el-icon-goblet:before{content:"\E6B5"}.el-icon-cold-drink:before{content:"\E6B6"}.el-icon-coffee-cup:before{content:"\E6B8"}.el-icon-water-cup:before{content:"\E6B9"}.el-icon-hot-water:before{content:"\E6BA"}.el-icon-ice-cream:before{content:"\E6BB"}.el-icon-dessert:before{content:"\E6BC"}.el-icon-sugar:before{content:"\E6BD"}.el-icon-tableware:before{content:"\E6BE"}.el-icon-burger:before{content:"\E6BF"}.el-icon-knife-fork:before{content:"\E6C1"}.el-icon-fork-spoon:before{content:"\E6C2"}.el-icon-chicken:before{content:"\E6C3"}.el-icon-food:before{content:"\E6C4"}.el-icon-dish-1:before{content:"\E6C5"}.el-icon-dish:before{content:"\E6C6"}.el-icon-moon-night:before{content:"\E6EE"}.el-icon-moon:before{content:"\E6F0"}.el-icon-cloudy-and-sunny:before{content:"\E6F1"}.el-icon-partly-cloudy:before{content:"\E6F2"}.el-icon-cloudy:before{content:"\E6F3"}.el-icon-sunny:before{content:"\E6F6"}.el-icon-sunset:before{content:"\E6F7"}.el-icon-sunrise-1:before{content:"\E6F8"}.el-icon-sunrise:before{content:"\E6F9"}.el-icon-heavy-rain:before{content:"\E6FA"}.el-icon-lightning:before{content:"\E6FB"}.el-icon-light-rain:before{content:"\E6FC"}.el-icon-wind-power:before{content:"\E6FD"}.el-icon-baseball:before{content:"\E712"}.el-icon-soccer:before{content:"\E713"}.el-icon-football:before{content:"\E715"}.el-icon-basketball:before{content:"\E716"}.el-icon-ship:before{content:"\E73F"}.el-icon-truck:before{content:"\E740"}.el-icon-bicycle:before{content:"\E741"}.el-icon-mobile-phone:before{content:"\E6D3"}.el-icon-service:before{content:"\E6D4"}.el-icon-key:before{content:"\E6E2"}.el-icon-unlock:before{content:"\E6E4"}.el-icon-lock:before{content:"\E6E5"}.el-icon-watch:before{content:"\E6FE"}.el-icon-watch-1:before{content:"\E6FF"}.el-icon-timer:before{content:"\E702"}.el-icon-alarm-clock:before{content:"\E703"}.el-icon-map-location:before{content:"\E704"}.el-icon-delete-location:before{content:"\E705"}.el-icon-add-location:before{content:"\E706"}.el-icon-location-information:before{content:"\E707"}.el-icon-location-outline:before{content:"\E708"}.el-icon-location:before{content:"\E79E"}.el-icon-place:before{content:"\E709"}.el-icon-discover:before{content:"\E70A"}.el-icon-first-aid-kit:before{content:"\E70B"}.el-icon-trophy-1:before{content:"\E70C"}.el-icon-trophy:before{content:"\E70D"}.el-icon-medal:before{content:"\E70E"}.el-icon-medal-1:before{content:"\E70F"}.el-icon-stopwatch:before{content:"\E710"}.el-icon-mic:before{content:"\E711"}.el-icon-copy-document:before{content:"\E718"}.el-icon-full-screen:before{content:"\E719"}.el-icon-switch-button:before{content:"\E71B"}.el-icon-aim:before{content:"\E71C"}.el-icon-crop:before{content:"\E71D"}.el-icon-odometer:before{content:"\E71E"}.el-icon-time:before{content:"\E71F"}.el-icon-bangzhu:before{content:"\E724"}.el-icon-close-notification:before{content:"\E726"}.el-icon-microphone:before{content:"\E727"}.el-icon-turn-off-microphone:before{content:"\E728"}.el-icon-position:before{content:"\E729"}.el-icon-postcard:before{content:"\E72A"}.el-icon-message:before{content:"\E72B"}.el-icon-chat-line-square:before{content:"\E72D"}.el-icon-chat-dot-square:before{content:"\E72E"}.el-icon-chat-dot-round:before{content:"\E72F"}.el-icon-chat-square:before{content:"\E730"}.el-icon-chat-line-round:before{content:"\E731"}.el-icon-chat-round:before{content:"\E732"}.el-icon-set-up:before{content:"\E733"}.el-icon-turn-off:before{content:"\E734"}.el-icon-open:before{content:"\E735"}.el-icon-connection:before{content:"\E736"}.el-icon-link:before{content:"\E737"}.el-icon-cpu:before{content:"\E738"}.el-icon-thumb:before{content:"\E739"}.el-icon-female:before{content:"\E73A"}.el-icon-male:before{content:"\E73B"}.el-icon-guide:before{content:"\E73C"}.el-icon-news:before{content:"\E73E"}.el-icon-price-tag:before{content:"\E744"}.el-icon-discount:before{content:"\E745"}.el-icon-wallet:before{content:"\E747"}.el-icon-coin:before{content:"\E748"}.el-icon-money:before{content:"\E749"}.el-icon-bank-card:before{content:"\E74A"}.el-icon-box:before{content:"\E74B"}.el-icon-present:before{content:"\E74C"}.el-icon-sell:before{content:"\E6D5"}.el-icon-sold-out:before{content:"\E6D6"}.el-icon-shopping-bag-2:before{content:"\E74D"}.el-icon-shopping-bag-1:before{content:"\E74E"}.el-icon-shopping-cart-2:before{content:"\E74F"}.el-icon-shopping-cart-1:before{content:"\E750"}.el-icon-shopping-cart-full:before{content:"\E751"}.el-icon-smoking:before{content:"\E752"}.el-icon-no-smoking:before{content:"\E753"}.el-icon-house:before{content:"\E754"}.el-icon-table-lamp:before{content:"\E755"}.el-icon-school:before{content:"\E756"}.el-icon-office-building:before{content:"\E757"}.el-icon-toilet-paper:before{content:"\E758"}.el-icon-notebook-2:before{content:"\E759"}.el-icon-notebook-1:before{content:"\E75A"}.el-icon-files:before{content:"\E75B"}.el-icon-collection:before{content:"\E75C"}.el-icon-receiving:before{content:"\E75D"}.el-icon-suitcase-1:before{content:"\E760"}.el-icon-suitcase:before{content:"\E761"}.el-icon-film:before{content:"\E763"}.el-icon-collection-tag:before{content:"\E765"}.el-icon-data-analysis:before{content:"\E766"}.el-icon-pie-chart:before{content:"\E767"}.el-icon-data-board:before{content:"\E768"}.el-icon-data-line:before{content:"\E76D"}.el-icon-reading:before{content:"\E769"}.el-icon-magic-stick:before{content:"\E76A"}.el-icon-coordinate:before{content:"\E76B"}.el-icon-mouse:before{content:"\E76C"}.el-icon-brush:before{content:"\E76E"}.el-icon-headset:before{content:"\E76F"}.el-icon-umbrella:before{content:"\E770"}.el-icon-scissors:before{content:"\E771"}.el-icon-mobile:before{content:"\E773"}.el-icon-attract:before{content:"\E774"}.el-icon-monitor:before{content:"\E775"}.el-icon-search:before{content:"\E778"}.el-icon-takeaway-box:before{content:"\E77A"}.el-icon-paperclip:before{content:"\E77D"}.el-icon-printer:before{content:"\E77E"}.el-icon-document-add:before{content:"\E782"}.el-icon-document:before{content:"\E785"}.el-icon-document-checked:before{content:"\E786"}.el-icon-document-copy:before{content:"\E787"}.el-icon-document-delete:before{content:"\E788"}.el-icon-document-remove:before{content:"\E789"}.el-icon-tickets:before{content:"\E78B"}.el-icon-folder-checked:before{content:"\E77F"}.el-icon-folder-delete:before{content:"\E780"}.el-icon-folder-remove:before{content:"\E781"}.el-icon-folder-add:before{content:"\E783"}.el-icon-folder-opened:before{content:"\E784"}.el-icon-folder:before{content:"\E78A"}.el-icon-edit-outline:before{content:"\E764"}.el-icon-edit:before{content:"\E78C"}.el-icon-date:before{content:"\E78E"}.el-icon-c-scale-to-original:before{content:"\E7C6"}.el-icon-view:before{content:"\E6CE"}.el-icon-loading:before{content:"\E6CF"}.el-icon-rank:before{content:"\E6D1"}.el-icon-sort-down:before{content:"\E7C4"}.el-icon-sort-up:before{content:"\E7C5"}.el-icon-sort:before{content:"\E6D2"}.el-icon-finished:before{content:"\E6CD"}.el-icon-refresh-left:before{content:"\E6C7"}.el-icon-refresh-right:before{content:"\E6C8"}.el-icon-refresh:before{content:"\E6D0"}.el-icon-video-play:before{content:"\E7C0"}.el-icon-video-pause:before{content:"\E7C1"}.el-icon-d-arrow-right:before{content:"\E6DC"}.el-icon-d-arrow-left:before{content:"\E6DD"}.el-icon-arrow-up:before{content:"\E6E1"}.el-icon-arrow-down:before{content:"\E6DF"}.el-icon-arrow-right:before{content:"\E6E0"}.el-icon-arrow-left:before{content:"\E6DE"}.el-icon-top-right:before{content:"\E6E7"}.el-icon-top-left:before{content:"\E6E8"}.el-icon-top:before{content:"\E6E6"}.el-icon-bottom:before{content:"\E6EB"}.el-icon-right:before{content:"\E6E9"}.el-icon-back:before{content:"\E6EA"}.el-icon-bottom-right:before{content:"\E6EC"}.el-icon-bottom-left:before{content:"\E6ED"}.el-icon-caret-top:before{content:"\E78F"}.el-icon-caret-bottom:before{content:"\E790"}.el-icon-caret-right:before{content:"\E791"}.el-icon-caret-left:before{content:"\E792"}.el-icon-d-caret:before{content:"\E79A"}.el-icon-share:before{content:"\E793"}.el-icon-menu:before{content:"\E798"}.el-icon-s-grid:before{content:"\E7A6"}.el-icon-s-check:before{content:"\E7A7"}.el-icon-s-data:before{content:"\E7A8"}.el-icon-s-opportunity:before{content:"\E7AA"}.el-icon-s-custom:before{content:"\E7AB"}.el-icon-s-claim:before{content:"\E7AD"}.el-icon-s-finance:before{content:"\E7AE"}.el-icon-s-comment:before{content:"\E7AF"}.el-icon-s-flag:before{content:"\E7B0"}.el-icon-s-marketing:before{content:"\E7B1"}.el-icon-s-shop:before{content:"\E7B4"}.el-icon-s-open:before{content:"\E7B5"}.el-icon-s-management:before{content:"\E7B6"}.el-icon-s-ticket:before{content:"\E7B7"}.el-icon-s-release:before{content:"\E7B8"}.el-icon-s-home:before{content:"\E7B9"}.el-icon-s-promotion:before{content:"\E7BA"}.el-icon-s-operation:before{content:"\E7BB"}.el-icon-s-unfold:before{content:"\E7BC"}.el-icon-s-fold:before{content:"\E7A9"}.el-icon-s-platform:before{content:"\E7BD"}.el-icon-s-order:before{content:"\E7BE"}.el-icon-s-cooperation:before{content:"\E7BF"}.el-icon-bell:before{content:"\E725"}.el-icon-message-solid:before{content:"\E799"}.el-icon-video-camera:before{content:"\E772"}.el-icon-video-camera-solid:before{content:"\E796"}.el-icon-camera:before{content:"\E779"}.el-icon-camera-solid:before{content:"\E79B"}.el-icon-download:before{content:"\E77C"}.el-icon-upload2:before{content:"\E77B"}.el-icon-upload:before{content:"\E7C3"}.el-icon-picture-outline-round:before{content:"\E75F"}.el-icon-picture-outline:before{content:"\E75E"}.el-icon-picture:before{content:"\E79F"}.el-icon-close:before{content:"\E6DB"}.el-icon-check:before{content:"\E6DA"}.el-icon-plus:before{content:"\E6D9"}.el-icon-minus:before{content:"\E6D8"}.el-icon-help:before{content:"\E73D"}.el-icon-s-help:before{content:"\E7B3"}.el-icon-circle-close:before{content:"\E78D"}.el-icon-circle-check:before{content:"\E720"}.el-icon-circle-plus-outline:before{content:"\E723"}.el-icon-remove-outline:before{content:"\E722"}.el-icon-zoom-out:before{content:"\E776"}.el-icon-zoom-in:before{content:"\E777"}.el-icon-error:before{content:"\E79D"}.el-icon-success:before{content:"\E79C"}.el-icon-circle-plus:before{content:"\E7A0"}.el-icon-remove:before{content:"\E7A2"}.el-icon-info:before{content:"\E7A1"}.el-icon-question:before{content:"\E7A4"}.el-icon-warning-outline:before{content:"\E6C9"}.el-icon-warning:before{content:"\E7A3"}.el-icon-goods:before{content:"\E7C2"}.el-icon-s-goods:before{content:"\E7B2"}.el-icon-star-off:before{content:"\E717"}.el-icon-star-on:before{content:"\E797"}.el-icon-more-outline:before{content:"\E6CC"}.el-icon-more:before{content:"\E794"}.el-icon-phone-outline:before{content:"\E6CB"}.el-icon-phone:before{content:"\E795"}.el-icon-user:before{content:"\E6E3"}.el-icon-user-solid:before{content:"\E7A5"}.el-icon-setting:before{content:"\E6CA"}.el-icon-s-tools:before{content:"\E7AC"}.el-icon-delete:before{content:"\E6D7"}.el-icon-delete-solid:before{content:"\E7C9"}.el-icon-eleme:before{content:"\E7C7"}.el-icon-platform-eleme:before{content:"\E7CA"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409EFF}.el-pagination button:disabled{color:#C0C4CC;background-color:#FFF;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#C0C4CC;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409EFF}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-dialog,.el-pager li{-webkit-box-sizing:border-box}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#FFF;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}@-webkit-keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}.el-dialog{position:relative;margin:0 auto 50px;background:#FFF;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#409EFF}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px;word-break:break-all}.el-dialog__footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #E4E7ED;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#F5F7FA}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#FFF}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown [disabled]{cursor:not-allowed;color:#bbb}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item,.el-menu-item{font-size:14px;padding:0 20px;cursor:pointer}.el-dropdown-menu__item{list-style:none;line-height:36px;margin:0;color:#606266;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff;color:#66b1ff}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #EBEEF5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#FFF}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#FFF}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-breadcrumb__item:last-child .el-breadcrumb__separator,.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409EFF;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--collapse .el-submenu,.el-menu-item{position:relative}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#FFF;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409EFF;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;list-style:none}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #E4E7ED;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{color:#303133;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-radio-button__inner,.el-submenu__title{-webkit-box-sizing:border-box;position:relative;white-space:nowrap}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409EFF}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409EFF}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.el-radio-button__inner,.el-radio-group{display:inline-block;line-height:1;vertical-align:middle}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-radio-group{font-size:0}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{background:#FFF;border:1px solid #DCDFE6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#409EFF}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #409EFF;box-shadow:-1px 0 0 0 #409EFF}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#F2F6FC}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-picker-panel,.el-popover,.el-select-dropdown,.el-table-filter,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#409EFF}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #DCDFE6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#DCDFE6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;vertical-align:middle}.el-input__prefix,.el-input__suffix{-webkit-transition:all .3s;color:#C0C4CC}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#FFF}.el-switch.is-checked .el-switch__core{border-color:#409EFF;background-color:#409EFF}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E6DA";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-range-editor.is-active,.el-range-editor.is-active:hover,.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-table,.el-table__expanded-cell{background-color:#FFF}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.el-table__empty-block{min-height:60px;text-align:center;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th.el-table__cell{background:#F5F7FA}.el-table .el-table__cell{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini{font-size:12px}.el-table--mini .el-table__cell{padding:6px 0}.el-table tr{background-color:#FFF}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:1px solid #EBEEF5}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#FFF}.el-table th.el-table__cell>.cell{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}.el-table th.el-table__cell>.cell.highlight{color:#409EFF}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td,.el-table .cell,.el-table-filter{-webkit-box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #EBEEF5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#EBEEF5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border-color:transparent}.el-table--border .el-table__cell,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #EBEEF5}.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:1px solid #EBEEF5;border-bottom-width:1px}.el-table--border th.el-table__cell,.el-table__fixed-right-patch{border-bottom:1px solid #EBEEF5}.el-table--hidden{visibility:hidden}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#EBEEF5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#FFF}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:1px solid #EBEEF5;background-color:#F5F7FA;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:1px solid #EBEEF5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:#F5F7FA;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #EBEEF5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#C0C4CC;top:5px}.el-table .sort-caret.descending{border-top-color:#C0C4CC;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#409EFF}.el-table .descending .sort-caret.descending{border-top-color:#409EFF}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:#ecf5ff}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:#F5F7FA}.el-table__body tr.current-row>td.el-table__cell{background-color:#ecf5ff}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #EBEEF5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#F5F7FA}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #EBEEF5;border-radius:2px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.el-table-filter__list-item.is-active{background-color:#409EFF;color:#FFF}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #EBEEF5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#F2F6FC}.el-table-filter__bottom button:hover{color:#409EFF}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:#C0C4CC}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#409EFF;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#FFF}.el-date-table td.available:hover{color:#409EFF}.el-date-table td.current:not(.disabled) span{color:#FFF;background-color:#409EFF}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#FFF}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#409EFF}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#F5F7FA;opacity:1;cursor:not-allowed;color:#C0C4CC}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#F2F6FC;border-radius:15px}.el-date-table td.selected div:hover{background-color:#F2F6FC}.el-date-table td.selected span{background-color:#409EFF;color:#FFF;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #EBEEF5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-month-table td.today .cell{color:#409EFF;font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#FFF}.el-month-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-month-table td.disabled .cell:hover{color:#C0C4CC}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:#606266;margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:#409EFF}.el-month-table td.in-range div,.el-month-table td.in-range div:hover{background-color:#F2F6FC}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#FFF}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#FFF;background-color:#409EFF}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:#409EFF}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:#409EFF;font-weight:700}.el-year-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-year-table td.disabled .cell:hover{color:#C0C4CC}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#409EFF}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#FFF}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #EBEEF5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#409EFF}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#409EFF;font-weight:700}.time-select-item.disabled{color:#E4E7ED;cursor:not-allowed}.time-select-item:hover{background-color:#F5F7FA;font-weight:700;cursor:pointer}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#C0C4CC;float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input:-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::-moz-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::placeholder{color:#C0C4CC}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#C0C4CC;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#E4E7ED}.el-range-editor.is-disabled input{background-color:#F5F7FA;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::-moz-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::placeholder{color:#C0C4CC}.el-range-editor.is-disabled .el-range-separator{color:#C0C4CC}.el-picker-panel{color:#606266;border:1px solid #E4E7ED;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#FFF;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#FFF;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#409EFF}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#409EFF}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#409EFF}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#FFF;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#FFF;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#409EFF}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#F5F7FA;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#C0C4CC;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #E4E7ED;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #E4E7ED;border-bottom:1px solid #E4E7ED}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#409EFF}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #E4E7ED}.el-popover{position:absolute;background:#FFF;min-width:150px;border-radius:4px;border:1px solid #EBEEF5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);word-break:break-all}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover,.el-cascader__dropdown,.el-color-picker__panel,.el-message-box,.el-notification{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#FFF;border-radius:4px;border:1px solid #EBEEF5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#F56C6C}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#409EFF}.el-message-box__content{padding:10px 15px;color:#606266;font-size:14px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67C23A}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#E6A23C}.el-message-box__status.el-icon-error{color:#F56C6C}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#F56C6C;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#C0C4CC}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#409EFF;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#F56C6C}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409EFF;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1), -webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#409EFF}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#E4E7ED;z-index:1}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.el-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 2px 2px #409EFF inset;box-shadow:0 0 2px 2px #409EFF inset;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs--card>.el-tabs__header .el-tabs__active-bar,.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs__item .el-icon-close:hover{background-color:#C0C4CC;color:#FFF}.el-tabs__item.is-active{color:#409EFF}.el-tabs__item:hover{color:#409EFF;cursor:pointer}.el-tabs__item.is-disabled{color:#C0C4CC;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #E4E7ED}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #E4E7ED;border-bottom:none;border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #E4E7ED;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#FFF}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{width:14px}.el-tabs--border-card{background:#FFF;border:1px solid #DCDFE6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#F5F7FA;border-bottom:1px solid #E4E7ED;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-col-offset-0,.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#409EFF;background-color:#FFF;border-right-color:#DCDFE6;border-left-color:#DCDFE6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:#409EFF}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:#C0C4CC}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-cascader-menu:last-child .el-cascader-node,.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #DCDFE6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left::after{right:0;left:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-button-group>.el-button:not(:last-child),.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #E4E7ED;border-bottom:none;border-top:1px solid #E4E7ED;text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #E4E7ED;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #E4E7ED;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #E4E7ED;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #E4E7ED}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #E4E7ED;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #E4E7ED;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #E4E7ED;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tree{position:relative;cursor:default;background:#FFF;color:#606266}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#409EFF}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#F5F7FA}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#409EFF;color:#fff}.el-tree-node__content:hover,.el-upload-list__item:hover{background-color:#F5F7FA}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#C0C4CC;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#C0C4CC}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#C0C4CC}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#FFF}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success.is-light{background-color:#f0f9eb;color:#67C23A}.el-alert--success.is-light .el-alert__description{color:#67C23A}.el-alert--success.is-dark{background-color:#67C23A;color:#FFF}.el-alert--info.is-light{background-color:#f4f4f5;color:#909399}.el-alert--info.is-dark{background-color:#909399;color:#FFF}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning.is-light{background-color:#fdf6ec;color:#E6A23C}.el-alert--warning.is-light .el-alert__description{color:#E6A23C}.el-alert--warning.is-dark{background-color:#E6A23C;color:#FFF}.el-alert--error.is-light{background-color:#fef0f0;color:#F56C6C}.el-alert--error.is-light .el-alert__description{color:#F56C6C}.el-alert--error.is-dark{background-color:#F56C6C;color:#FFF}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active,.el-upload iframe{opacity:0}.el-carousel__arrow--right,.el-notification.right{right:16px}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #EBEEF5;position:fixed;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.left{left:16px}.el-notification__group{margin-left:13px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67C23A}.el-notification .el-icon-error{color:#F56C6C}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#E6A23C}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#409EFF}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#409EFF}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #DCDFE6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#E4E7ED;color:#E4E7ED}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#E4E7ED;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #DCDFE6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #DCDFE6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-button-group::after,.el-button-group::before,.el-color-dropdown__main-wrapper::after,.el-link.is-underline:hover:after,.el-page-header__left::after,.el-progress-bar__inner::after,.el-row::after,.el-row::before,.el-slider::after,.el-slider::before,.el-slider__button-wrapper::after,.el-transfer-panel .el-transfer-panel__footer::after,.el-upload-cover::after,.el-upload-list--picture-card .el-upload-list__item-actions::after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}.el-slider::after,.el-slider::before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{display:inline-block;vertical-align:middle}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#E4E7ED;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button{border-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__button-wrapper,.el-slider__stop{-webkit-transform:translateX(-50%);position:absolute}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#409EFF;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.el-image-viewer__btn,.el-slider__button,.el-step__icon-inner{-moz-user-select:none;-ms-user-select:none}.el-slider__button-wrapper::after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #409EFF;background-color:#FFF;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{height:6px;width:6px;border-radius:100%;background-color:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#909399;margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #DCDFE6;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#C0C4CC}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#409EFF}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row,.el-upload-dragger,.el-upload-list__item{position:relative}.el-loading-spinner .el-loading-text{color:#409EFF;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409EFF;stroke-linecap:round}.el-loading-spinner i{color:#409EFF}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-col-0{width:0%}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:767px){.el-col-xs-0{display:none;width:0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;width:0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none;width:0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;width:0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;width:0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#409EFF;color:#409EFF}.el-upload:focus .el-upload-dragger{border-color:#409EFF}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#C0C4CC;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #DCDFE6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#409EFF;font-style:normal}.el-upload-dragger:hover{border-color:#409EFF}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #409EFF}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67C23A}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#409EFF}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#409EFF;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#409EFF}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#FFF}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#FFF;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#FFF;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#FFF;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67C23A}.el-progress.is-success .el-progress__text{color:#67C23A}.el-progress.is-warning .el-progress-bar__inner{background-color:#E6A23C}.el-badge__content,.el-progress.is-exception .el-progress-bar__inner{background-color:#F56C6C}.el-progress.is-warning .el-progress__text{color:#E6A23C}.el-progress.is-exception .el-progress__text{color:#F56C6C}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__header,.el-message,.el-step__icon{-webkit-box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409EFF;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#FFF;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#EBEEF5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67C23A}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#E6A23C}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#F56C6C}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#C0C4CC;font-size:16px}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67C23A}.el-message .el-icon-error{color:#F56C6C}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#E6A23C}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{border-radius:10px;color:#FFF;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #FFF}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#409EFF}.el-badge__content--success{background-color:#67C23A}.el-badge__content--warning{background-color:#E6A23C}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#F56C6C}.el-card{border-radius:4px;border:1px solid #EBEEF5;background-color:#FFF;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body,.el-main{padding:20px}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#C0C4CC;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-webkit-box;display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#F5F7FA}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#C0C4CC;border-color:#C0C4CC}.el-step__head.is-success{color:#67C23A;border-color:#67C23A}.el-step__head.is-error{color:#F56C6C;border-color:#F56C6C}.el-step__head.is-finish{color:#409EFF;border-color:#409EFF}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#FFF;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step.is-horizontal,.el-step__icon-inner{display:inline-block}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#C0C4CC}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#C0C4CC}.el-step__title.is-success{color:#67C23A}.el-step__title.is-error{color:#F56C6C}.el-step__title.is-finish{color:#409EFF}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#C0C4CC}.el-step__description.is-success{color:#67C23A}.el-step__description.is-error{color:#F56C6C}.el-step__description.is-finish{color:#409EFF}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#C0C4CC}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#FFF;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:2}.el-carousel__indicators--horizontal{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#C0C4CC;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:12px 4px}.el-carousel__indicator--vertical{padding:4px 12px}.el-carousel__indicator--vertical .el-carousel__button{width:2px;height:15px}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#FFF;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.el-carousel__item,.el-carousel__mask{height:100%;position:absolute;top:0;left:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#FFF;opacity:.24;-webkit-transition:.2s;transition:.2s}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #EBEEF5;border-bottom:1px solid #EBEEF5}.el-collapse-item.is-disabled .el-collapse-item__header{color:#bbb;cursor:not-allowed}.el-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;line-height:48px;background-color:#FFF;color:#303133;cursor:pointer;border-bottom:1px solid #EBEEF5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#409EFF}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#FFF;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #EBEEF5}.el-cascader__search-input,.el-cascader__tags,.el-tag{-webkit-box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-cascader,.el-tag{display:inline-block}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-cascader{position:relative;font-size:14px;line-height:40px}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:#C0C4CC}.el-cascader .el-input .el-input__inner:focus,.el-cascader .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-input .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-input .el-icon-circle-close:hover{color:#909399}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#C0C4CC}.el-cascader__dropdown{margin:5px 0;font-size:14px;background:#FFF;border:1px solid #E4E7ED;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__tags .el-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#C0C4CC;color:#FFF}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:#909399}.el-cascader__suggestion-panel{border-radius:4px}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.el-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:#F5F7FA}.el-cascader__suggestion-item.is-checked{color:#409EFF;font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:#C0C4CC}.el-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:#606266;border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__search-input::-webkit-input-placeholder{color:#C0C4CC}.el-cascader__search-input:-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::-moz-placeholder{color:#C0C4CC}.el-cascader__search-input::placeholder{color:#C0C4CC}.el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #409EFF;box-shadow:0 0 3px 2px #409EFF}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top, right top,color-stop(0, red),color-stop(17%, #ff0),color-stop(33%, #0f0),color-stop(50%, #0ff),color-stop(67%, #00f),color-stop(83%, #f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, red),color-stop(17%, #ff0),color-stop(33%, #0f0),color-stop(50%, #0ff),color-stop(67%, #00f),color-stop(83%, #f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top, right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom, left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(255,255,255,0)),to(#fff));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#409EFF;border-color:#409EFF}.el-color-dropdown__link-btn{cursor:pointer;color:#409EFF;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#409EFF,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__icon,.el-input,.el-textarea{display:inline-block;width:100%}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;color:#999;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#FFF;text-align:center;font-size:12px}.el-input__prefix,.el-input__suffix{position:absolute;top:0;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-input__inner,.el-textarea__inner,.el-transfer-panel{-webkit-box-sizing:border-box}.el-textarea{position:relative;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{height:100%;right:5px;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{height:100%;left:5px;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-image-viewer__btn,.el-image__preview,.el-link,.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#FFF;background-color:#409EFF;font-size:0}.el-button-group>.el-button+.el-button,.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-divider__text,.el-image__error,.el-link,.el-timeline,.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #DCDFE6;background-color:#F5F7FA;color:#C0C4CC}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer-panel{border:1px solid #EBEEF5;border-radius:4px;overflow:hidden;background:#FFF;display:inline-block;vertical-align:middle;width:200px;max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block!important}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#409EFF}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#F5F7FA;margin:0;padding-left:15px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-container,.el-header{-webkit-box-sizing:border-box}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#FFF;margin:0;padding:0;border-top:1px solid #EBEEF5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;height:100%;vertical-align:middle}.el-container,.el-timeline-item__node{display:-webkit-box;display:-ms-flexbox}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical,.el-drawer,.el-empty,.el-result{-webkit-box-orient:vertical;-webkit-box-direction:normal}.el-container.is-vertical{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-timeline{margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid #E4E7ED}.el-timeline-item__icon{color:#FFF;font-size:13px}.el-timeline-item__node{position:absolute;background-color:#E4E7ED;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image__error,.el-timeline-item__dot{display:-webkit-box;display:-ms-flexbox}.el-timeline-item__node--normal{left:-1px;width:12px;height:12px}.el-timeline-item__node--large{left:-2px;width:14px;height:14px}.el-timeline-item__node--primary{background-color:#409EFF}.el-timeline-item__node--success{background-color:#67C23A}.el-timeline-item__node--warning{background-color:#E6A23C}.el-timeline-item__node--danger{background-color:#F56C6C}.el-timeline-item__node--info{background-color:#909399}.el-timeline-item__dot{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-timeline-item__content{color:#303133}.el-timeline-item__timestamp{color:#909399;line-height:1;font-size:13px}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;padding:0;font-weight:500}.el-link.is-underline:hover:after{position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid #409EFF}.el-link.el-link--default:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:#409EFF}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:#606266}.el-link.el-link--default:hover{color:#409EFF}.el-link.el-link--default.is-disabled{color:#C0C4CC}.el-link.el-link--primary{color:#409EFF}.el-link.el-link--primary:hover{color:#66b1ff}.el-link.el-link--primary.is-disabled{color:#a0cfff}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:#F56C6C}.el-link.el-link--danger{color:#F56C6C}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:#67C23A}.el-link.el-link--success{color:#67C23A}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:#E6A23C}.el-link.el-link--warning{color:#E6A23C}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:#909399}.el-link.el-link--info{color:#909399}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-divider{background-color:#DCDFE6;position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#FFF;padding:0 20px;font-weight:500;color:#303133}.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-divider__text.is-left{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-divider__text.is-center{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#C0C4CC;vertical-align:middle}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-button,.el-checkbox,.el-checkbox-button__inner,.el-empty__image img,.el-radio{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff;top:50%}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button,.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#FFF;border-color:#409EFF;color:#409EFF}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#FFF;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#FFF;background-color:#409EFF;border-color:#409EFF}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#FFF;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#FFF;background-color:#E6A23C;border-color:#E6A23C}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#FFF}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#FFF;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#FFF;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#FFF;background-color:#F56C6C;border-color:#F56C6C}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#FFF}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#FFF;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#FFF;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#FFF;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini{font-size:12px;border-radius:3px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#409EFF;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group .el-button--danger:last-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:last-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:last-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:last-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:last-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child),.el-button-group>.el-dropdown>.el-button{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:first-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:first-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:first-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:first-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-right-color:rgba(255,255,255,.5)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button.is-active,.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0}.el-calendar{background-color:#fff}.el-calendar__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #EBEEF5}.el-backtop,.el-page-header{display:-webkit-box;display:-ms-flexbox}.el-calendar__title{color:#000;-ms-flex-item-align:center;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:#606266;font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:#C0C4CC}.el-backtop,.el-calendar-table td.is-today{color:#409EFF}.el-calendar-table td{border-bottom:1px solid #EBEEF5;border-right:1px solid #EBEEF5;vertical-align:top;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.el-calendar-table td.is-selected{background-color:#F2F8FE}.el-calendar-table tr:first-child td{border-top:1px solid #EBEEF5}.el-calendar-table tr td:first-child{border-left:1px solid #EBEEF5}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:85px}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:#F2F8FE}.el-backtop{position:fixed;background-color:#FFF;width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#F2F6FC}.el-page-header{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:24px}.el-page-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{position:absolute;width:1px;height:16px;right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#DCDFE6}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-page-header__left .el-icon-back{font-size:18px;margin-right:6px;-ms-flex-item-align:center;align-self:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:#303133}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#409EFF}.el-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#C0C4CC}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C0C4CC;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#409EFF}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#409EFF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#409EFF}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#409EFF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#409EFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#EBEEF5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#409EFF}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-avatar,.el-cascader-panel,.el-radio,.el-radio--medium.is-bordered .el-radio__label,.el-radio__label{font-size:14px}.el-radio{color:#606266;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;outline:0;margin-right:30px}.el-cascader-node>.el-radio,.el-radio:last-child{margin-right:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-cascader-menu,.el-cascader-menu__list,.el-radio__inner{-webkit-box-sizing:border-box}.el-radio.is-bordered.is-checked{border-color:#409EFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#C0C4CC}.el-radio__input.is-disabled+span.el-radio__label{color:#C0C4CC;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#409EFF;background:#409EFF}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#409EFF}.el-radio__input.is-focus .el-radio__inner{border-color:#409EFF}.el-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#409EFF}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in, -webkit-transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-radio__label{padding-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px}.el-cascader-panel.is-bordered{border:1px solid #E4E7ED;border-radius:4px}.el-cascader-menu{min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;border-right:solid 1px #E4E7ED}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#C0C4CC}.el-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:#606266}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#409EFF;font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:#F5F7FA}.el-cascader-node.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-avatar{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#C0C4CC;width:40px;height:40px;line-height:40px}.el-drawer,.el-drawer__body>*{-webkit-box-sizing:border-box}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-empty__image img,.el-empty__image svg{vertical-align:top;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:4px}.el-avatar--icon{font-size:18px}.el-avatar--large{width:40px;height:40px;line-height:40px}.el-avatar--medium{width:36px;height:36px;line-height:36px}.el-avatar--small{width:28px;height:28px;line-height:28px}@-webkit-keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@-webkit-keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@-webkit-keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@-webkit-keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}@keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}.el-drawer{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;outline:0}.el-drawer.rtl{-webkit-animation:rtl-drawer-out .3s;animation:rtl-drawer-out .3s;right:0}.el-drawer__open .el-drawer.rtl{-webkit-animation:rtl-drawer-in .3s 1ms;animation:rtl-drawer-in .3s 1ms}.el-drawer.ltr{-webkit-animation:ltr-drawer-out .3s;animation:ltr-drawer-out .3s;left:0}.el-drawer__open .el-drawer.ltr{-webkit-animation:ltr-drawer-in .3s 1ms;animation:ltr-drawer-in .3s 1ms}.el-drawer.ttb{-webkit-animation:ttb-drawer-out .3s;animation:ttb-drawer-out .3s;top:0}.el-drawer__open .el-drawer.ttb{-webkit-animation:ttb-drawer-in .3s 1ms;animation:ttb-drawer-in .3s 1ms}.el-drawer.btt{-webkit-animation:btt-drawer-out .3s;animation:btt-drawer-out .3s;bottom:0}.el-drawer__open .el-drawer.btt{-webkit-animation:btt-drawer-in .3s 1ms;animation:btt-drawer-in .3s 1ms}.el-drawer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.el-drawer__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#72767b;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;padding:20px 20px 0}.el-drawer__header>:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-drawer__title{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:20px;color:inherit;background-color:transparent}.el-drawer__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.el-drawer__body>*{-webkit-box-sizing:border-box;box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer__container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.el-drawer-fade-enter-active{-webkit-animation:el-drawer-fade-in .3s;animation:el-drawer-fade-in .3s}.el-drawer-fade-leave-active{animation:el-drawer-fade-in .3s reverse}.el-statistic{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#000;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";text-align:center}.el-statistic .head{margin-bottom:4px;color:#00073;font-size:14px}.el-statistic .con{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-statistic .con .number{font-size:20px;padding:0 4px}.el-statistic .con span{display:inline-block;margin:0;line-height:100%}.el-popconfirm__main,.el-skeleton__image{display:-ms-flexbox;-webkit-box-align:center;display:-webkit-box}.el-popconfirm__main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}@-webkit-keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{height:16px;margin-top:16px;background:#f2f2f2}.el-skeleton.is-animated .el-skeleton__item{background:-webkit-gradient(linear,left top, right top,color-stop(25%, #f2f2f2),color-stop(37%, #e6e6e6),color-stop(63%, #f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading 1.4s ease infinite;animation:el-skeleton-loading 1.4s ease infinite}.el-skeleton__item{background:#f2f2f2;display:inline-block;height:16px;border-radius:4px;width:100%}.el-skeleton__circle{border-radius:50%;width:36px;height:36px;line-height:36px}.el-skeleton__circle--lg{width:40px;height:40px;line-height:40px}.el-skeleton__circle--md{width:28px;height:28px;line-height:28px}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:13px}.el-skeleton__caption{height:12px}.el-skeleton__h1{height:20px}.el-skeleton__h3{height:18px}.el-skeleton__h5{height:16px}.el-skeleton__image{width:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:#DCDDE0;width:22%;height:22%}.el-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0}.el-empty__image{width:160px}.el-empty__image img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain}.el-empty__image svg{fill:#DCDDE0}.el-empty__description{margin-top:20px}.el-empty__description p{margin:0;font-size:14px;color:#909399}.el-empty__bottom,.el-result__title{margin-top:20px}.el-descriptions{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#303133}.el-descriptions__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.el-descriptions__title{font-size:16px;font-weight:700}.el-descriptions--mini,.el-descriptions--small{font-size:12px}.el-descriptions__body{color:#606266;background-color:#FFF}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%;table-layout:fixed}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right{text-align:right}.el-descriptions .is-bordered{table-layout:auto}.el-descriptions .is-bordered .el-descriptions-item__cell{border:1px solid #EBEEF5;padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions-item__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions-item__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:10px}.el-descriptions--small.is-bordered .el-descriptions-item__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:8px}.el-descriptions--mini.is-bordered .el-descriptions-item__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:6px}.el-descriptions-item{vertical-align:top}.el-descriptions-item__container{display:-webkit-box;display:-ms-flexbox;display:flex}.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.el-descriptions-item__container .el-descriptions-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-descriptions-item__label.has-colon::after{content:':';position:relative;top:-.5px}.el-descriptions-item__label.is-bordered-label{font-weight:700;color:#909399;background:#fafafa}.el-descriptions-item__label:not(.is-bordered-label){margin-right:10px}.el-descriptions-item__content{word-break:break-word;overflow-wrap:break-word}.el-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 30px}.el-result__icon svg{width:64px;height:64px}.el-result__title p{margin:0;font-size:20px;color:#303133;line-height:1.3}.el-result__subtitle{margin-top:10px}.el-result__subtitle p{margin:0;font-size:14px;color:#606266;line-height:1.3}.el-result__extra{margin-top:30px}.el-result .icon-success{fill:#67C23A}.el-result .icon-error{fill:#F56C6C}.el-result .icon-info{fill:#909399}.el-result .icon-warning{fill:#E6A23C}/******************************************************************
* @NAME y.xiang
* @CREATEDATE 2020/1/7
* @DESC <字体图标库>
  1.该css文件只与字体相关
  2.字体属性名以 utm-* 的形式
* ****************************************************************/
@font-face {
  font-family: 'utmfont';
  src: url(/static/fonts/iconfont.957da8e.woff2) format('woff2'),
  url(/static/fonts/iconfont.9fd0141.woff) format('woff'),
  url(/static/fonts/iconfont.3e54329.ttf) format('truetype'),
  url(/static/img/iconfont.51e4222.svg#iconfont) format('svg');
}
.utm-doubt:before {
  content: "\E898";
}
.utm-Play2:before {
  content: "\E899";
}
.esop-location:before {
  content: "\E771";
}
.esop-handle-location-icon:before {
  content: "\E881";
}
.esop-handle-device-icon:before {
  content: "\E882";
}
.utm-esop-ics-call:before {
  content: "\E867";
}
.utm-esop-PostIncidentFollowUp:before {
  content: "\E868";
}
.utm-esop-closeincident:before {
  content: "\E869";
}
.utm-esop-delete:before {
  content: "\E7EA";
}
.utm-esop-drag:before {
  content: "\E836";
}
.utm-esop-add:before {
  content: "\E676";
}
.utm-esop-Automaticsyncing:before {
  content: "\E82D";
}
.utm-esop-withdraw:before {
  content: "\E82E";
}
.utm-restore:before {
  content: "\E825";
}
.utm-Account-24:before {
  content: "\E772";
}
.utm-health-search:before {
  content: "\E7C5";
}
.utm-health-select-node:before {
  content: "\E776";
}
.utm-health-location:before {
  content: "\E7CF";
}
.utm-health-overview:before {
  content: "\E7CE";
}
.utm-isolate:before {
  content: "\E7CA";
}
.utm-fullscreen:before {
  content: "\E670";
}
/*Unicode图标*/
.utm-font {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
}
body .utm-font{
  font-family: "utmfont", sans-serif;
}
.utm-enter-palmvein:before {
  content: "\E818";
}
.utm-palm-vein:before {
  content: "\E817";
}
.utm-priority-default:before {
  content: "\E7BF";
}
.utm-health-more:before {
  content: "\E7DC";
}
.utm-health-edit:before {
  content: "\E7C7";
}
.utm-priority-pitch-on:before {
  content: "\E7BE";
}
.utm-custom-health-management:before {
  content: "\E7D9";
}
.icon-sv-customhealth:before {
  content: "\E7DD";
}
.utm-functional-tile-management:before {
  content: "\E7C6";
}
.utm-health-report-latest:before {
  content: "\E7D7";
}
.utm-drop-down::before{
  content: "\E7DF";
}
.utm-tile-map-management:before {
  content: "\E7C0";

}
.utm-arrow-left::before{
  content: "\E80B";
}
/*Symbol图标*/
.utm-symbol-font{
  width: 24px;
  height: 24px;
  fill: currentColor;
  overflow: hidden;
}
/*可点击触发事件的文本*/
.utm-sv-dataanalysis:before {
  content: "\E7D4";
}
.utm-sv-right-arrows:before{
  content: "\E7DE";
}
.utm-sv-risk:before{
  content: "\E7DA";
}
.utm-sv-set:before{
  content: "\E7DD";
}
.utm-sv-cpucores:before {
  content: "\E7D8";
}
.utm-sv-memorycapacity:before {
  content: "\E7D1";
}
.utm-sv-diskcapacity:before {
  content: "\E7D3";
}
.utm-sv-internalservices:before {
  content: "\E7CC";
}
.utm-sv-externalservice:before {
  content: "\E7CD";
}
.icon-sv-offline:before {
  content: "\E7C1";
}
.icon-sv-abnormal:before {
  content: "\E7C9";
}
.icon-sv-deshed::before{
  content: "\E7B2";
}
.icon-my-incident:before{
  content: "\E718";
}
.icon-reader:before{
  content: "\E6C8";
}
.utm-data-analysis:before {
  content: "\E7D4";
}
.utm-link-text{
  display: inline-block;
  max-width: 100%;
  color: #059FE8;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.icon-sv-severity:before {
  content: "\E7BD";
}
.icon-sv-online:before {
  content: "\E7C4";
}
.utm-health-refresh:before {
  content: "\E7C3";
}
.utm-disabled-icon{
  color: #B4B4B4 !important;
}
.utm-add-icon:before { /*添加（十字加号）*/
  content: '\E6A3';
}
.utm-dc-more-icon:before { /* 更多 ...*/
  content: '\E7DC';
}
.utm-logout-icon:before { /*退出登陆*/
  content: '\E6B1';
}
.utm-search-icon:before { /*搜索*/
  content: '\E698';
}
.sv-search-icon:before { /*搜索*/
  content: '\E878';
}
.utm-reset-icon:before { /*重置*/
  content: '\E695';
}
.utm-table-setting:before{/*表格设置展示项*/
  content: '\E69D';
}
.utm-close-icon:before { /*关闭*/
  content: '\E694';
}
.utm-more-icon:before {/*更多*/
  content: '\E6D2';
}
.utm-more-info-icon:before {/*更多*/
  content: '\E81B';
}
.utm-visitor-add:before{/*visitor添加*/
  content: '\E69B';
}
.utm-point-to-ac:before{/*批量给AC设置点位*/
  content: '\E6A7';
}
.utm-add-ac-icon:before{/*添加AC*/
  content: '\E6F3';
}
.utm-template-import:before{ /*导入模板*/
  content: '\E6B4';
}
.utm-tag-to-user:before{ /*user批量添加tag*/
  content: '\E68A';
}
.utm-icon-add-tag:before{ /*添加tag*/
  content: '\E692';
}
.utm-icon-zoom:before { /*放大*/
  content: '\E707';
}
.utm-manage-table:before{ /*解绑卡*/
  content: "\E6F1";
}
.utm-enable-card:before{ /*启用卡*/
  content: "\E6E0";
}
.utm-disable-card:before{ /*禁用卡*/
  content: "\E6E9";
}
.utm-dcs-setting:before{ /*设置dcs*/
  content: "\E778";
}
.utm-armd-icon:before{
  content: '\E7AF';
}
.utm-unarmd-icon:before{
  content: '\E7B0';
}
.utm-font-camera-icon:before {
  content: '\E678';
}
.utm-font-alarm-icon:before {
  content: '\E76F';
}
.utm-font-alarm-disable-icon:before {
  content: '\E7BC';
}
/****** 卡模板 start*******/
.utm-icon-shrink:before { /*缩小*/
  content: '\E701';
}
.utm-icon-increase:before { /*增大*/
  content: '\E707';
}
.utm-img-icon:before{ /*图片*/
  content: '\E702';
}
.utm-txt-icon:before { /*文字*/
  content: "\E700";
}
.utm-bar-code:before { /*条形码*/
  content: "\E703";
}
.utm-align-top:before { /*顶部对齐*/
  content: "\E6B7";
}
.utm-align-hor:before { /*水平对齐*/
  content: "\E6C3";
}
.utm-align-bottom:before { /*底部对齐*/
  content: "\E6C7";
}
.utm-align-left:before { /*左对齐*/
  content: "\E6C9";
}
.utm-align-center:before { /*居中对齐*/
  content: "\E6CA";
}
.utm-align-right:before { /*右对齐*/
  content: "\E6C1";
}
.utm-lower-level:before { /*下移一层*/
  content: "\E6CF";
}
.utm-upper-level:before { /*上移一层*/
  content: "\E6B6";
}
.utm-floor-icon:before { /*Floor*/
  content: "\E6BC";
}
.utm-loading-icon:before { /*loading*/
  content: "\E79D";
}
/**************** 卡模板 end*********************/
.utm-tip-icon:before{ /*提示*/
  content: '\E7AA';
}
.utm-point-add-icon:before { /*添加点位*/
  content: '\E708';
}
.utm-set-point-icon:before { /*设置点位位置*/
  content: '\E746';
}
.utm-no-point-icon:before { /*Track and Trace没有点位*/
  content: '\E727';
}
.utm-area-add-icon:before { /*添加区域*/
  content: '\E70A';
}
.utm-new-zone:before{ /*添加区域*/
  content: "\E709";
}
.utm-print-icon:before{ /*打印*/
  content: '\E6EA';
}
.utm-access-code:before{ /*AC*/
  content: '\E67F';
}
.utm-time-icon:before{ /*时钟*/
  content: '\E679';
}
.utm-time-solid-icon:before{ /*时钟*/
  content: '\E766';
}
.utm-barrier-gete-location-icon:before{ /*barrier gete位置*/
  content: '\E767';
}
.utm-add-ac:before{/*新增AC*/
  content: '\E686';
}
.utm-report-icon:before{/*Report*/
  content:'\E6E4'
}
.utm-clear-all:before{/*clear all*/
  content:'\E6FF'
}
.utm-clear-all-new:before{/*clear all new*/
  content:'\E829'
}
.utm-add-3rd-service:before {/*添加第三方服务*/
  content:'\E6CC'
}
.utm-no-map:before{
  content:'\E6FB'
}
.utm-no-map-icon:before{
  content:'\E720'
}
.utm-esop-zoom:before {
  content: "\E86B";
}
.utm-uploading-icon:before{/*异步正在上传的*/
  content: '\E742';
}
.utm-failure-icon:before{/*有背景色的感叹号，异步上传失败的*/
  content: '\E741';
}
.utm-play1:before {
  content: "\E850";
}
.utm-file-excel-icon:before{/*excel文件图标*/
  content: '\E73F';
}
.utm-ok1-icon:before{
  content: '\E740';
}
.utm-ok-icon:before { /*勾勾*/
  content: '\E6E7';
}
.utm-static-chart-icon:before{ /*图表菜单图标*/
  content: '\E6CD';
}
.utm-watch-list-icon:before{  /*watch-list菜单图标*/
  content: '\E738';
}
.utm-table-icon:before { /*表格*/
  content: '\E6E3';
}
.utm-to-arrow-icon:before{ /*跳转箭头*/
  content: "\E712";
}
.utm-table-edit-icon:before { /*表格编辑*/
  content: '\E715';
}
.utm-sort-icon:before { /*排序三角形*/
  content: '\E681';
}
.utm-pointset-manage-icon:before { /*管理监控点位*/
  content: '\E71B';
}
.utm-pointset-add-icon:before { /*添加监控点位*/
  content: '\E6E2';
}
.utm-chart-user-icon:before { /*图表用户图标*/
  content: '\E6BF';
}
.utm-service-icon:before { /*服务*/
  content: '\E684';
}
.utm-cpu-icon:before { /*CPU*/
  content: '\E6FD';
}
/*事件消息*/
.utm-add-event-icon:before{/*添加incident*/
  content: '\E68D';
}
.utm-incident-icon:before{/*incident消息*/
  content: '\E718';
}
.utm-notification-icon:before{/*notification*/
  content: '\E690';
}
.utm-notification-window-icon:before{/*notification*/
  content: '\E74F';
}
.utm-async-icon:before{/*异步上传*/
  content: '\E717';
}
.utm-batch-read:before{ /*批量阅读*/
  content: "\E70C";
}
.utm-generate-report:before{ /*生成报表*/
  content: "\E6E1";
}
.utm-process-msg:before{ /*处理事件*/
  content: "\E6B8";
}
.utm-forward-msg:before{ /*转发*/
  content: '\E69A';
}
.utm-close-event:before{ /*关闭事件*/
  content: '\E869';
}
.utm-see-video:before{ /*查看视频*/
  content: "\E7B5";
}
/*******点位类型********/
.utm-site-icon:before{
  content: '\E725';
}
.utm-site-type-icon:before{
  content: '\E734';
}
.utm-door-icon:before{/*门*/
  content:'\E6AB'
}
.utm-open-door-icon:before{/*开门*/
  content:'\E732'
}
/*设备*/
.utm-device-reader:before{/*reader设备*/
  content:'\E6C8';
}
.utm-device-camera:before{/*camera设备*/
  content:'\E6D3';
}
.utm-device-input:before{/*Input设备*/
  content:'\E74B';
}
.utm-device-controller:before{/*控制板设备*/
  content:'\E6FA';
}
.utm-device-fr-verify:before{/*Fr Verification*/
  content:'\E74D';
}
.utm-device-icon3000:before,
.device-type-icon3000:before,
.device-type-icon3001:before,
.device-type-icon3002:before,
.device-type-icon3003:before,
.device-type-icon3004:before,
.device-type-icon3005:before,
.device-type-icon3006:before,
.device-type-icon3007:before,
.device-type-icon3008:before
{/*camera设备*/
  content:'\E6D3';
}
.utm-device-icon1000:before,
.device-type-icon1000:before,
.device-type-icon1001:before,
.device-type-icon1002:before,
.device-type-icon1003:before,
.device-type-icon1004:before,
.device-type-icon1005:before,
.device-type-icon1006:before,
.device-type-icon1007:before,
.device-type-icon1008:before,
.device-type-icon1009:before{/*控制板设备*/
  content:'\E6F8';
}
.utm-device-icon4000:before,
.device-type-icon4000:before,
.device-type-icon4001:before,
.device-type-icon4002:before,
.device-type-icon4009:before{/*Input设备*/
  content:'\E74B';
}
.device-type-icon4008:before{
  content:'\E674';
}
.device-type-icon4003:before{
  content:'\E7AD';
}
.device-type-icon4004:before{
  content:'\E7AC';
}
.device-type-icon4005:before{ /* Leak Probe Sensor */
  content:'\E7D2';
}
.device-type-icon4006:before{ /* Flood Rope Sensor */
  content:'\E7D2';
}
.device-type-icon4007:before{ /* Ambience Monitoring Sensor */
  content:'\E82B';
}
.utm-device-icon9999:before,
.device-type-icon9999:before,
.device-type-icon0:before{/*门*/
  content:'\E6AB';
}
.utm-device-icon9998:before,
.device-type-icon9998:before,
.device-barrier-gate-icon:before,
.device-type-icon1:before{/*闸机*/
  content:'\E61A';
}
.utm-device-icon5000:before,
.device-type-icon5000:before,
.device-type-icon5001:before,
.device-type-icon5003:before,
.device-type-icon5004:before,
.device-type-icon5005:before,
.device-type-icon5006:before,
.device-type-icon5007:before,
.device-type-icon5008:before{/*I/O板*/
  content:'\E750';
}
.device-type-icon5002:before { /* LoRaWAN IoT Gateway */
  content:'\E7CB';
}
.utm-device-icon6000:before{/*Others*/
  content:'\E781';
}
.utm-device-icon2000:before,
.device-type-icon2000:before,
.device-type-icon2001:before,
.device-type-icon2002:before,
.device-type-icon2003:before,
.device-type-icon2004:before,
.device-type-icon2005:before,
.device-type-icon2006:before,
.device-type-icon2007:before,
.device-type-icon2008:before,
.device-type-icon2009:before,
.device-type-icon2010:before,
.device-type-icon2011:before,
.device-type-icon2012:before,
.device-type-icon2013:before,
.device-type-icon2014:before,
.device-type-icon2015:before,
.device-type-icon2017:before{
  content:'\E6C8';
}
.device-type-icon6001:before{
  content:'\E787';
}
.device-type-icon6002:before{
  content:'\E785';
}
.device-type-icon6003:before{
  content:'\E788';
}
.device-type-icon6004:before{
  content:'\E782';
}
.device-type-icon6005:before{
  content:'\E872';
}
.utm-add-device-icon:before{
  content: '\E70E';
}
.utm-device-license-camera:before{/*camera设备*/
  content:'\E73B';
}
/*组织架构*/
.utm-architecture:before{ /*组织*/
  content: "\E69E";
}
.utm-department:before{ /*组织部门*/
  content: "\E67B";
}
.utm-add-architecture-icon:before {/*添加组织*/
  content: '\E689';
}
.utm-add-arc-sibling:before {/*组织架构同级添加*/
  content: '\E688';
}
.utm-add-arc-sub:before{ /*组织架构子级添加*/
  content: "\E685";
}
.utm-add-department-icon:before {/*添加部门*/
  content: '\E687';
}
.utm-look-architecture:before{ /*预览组织架构图*/
  content: '\E6A8';
}
.utm-move-architecture:before{ /*移动组织架构*/
  content: "\E697";
}
/*user*/
.utm-user-icon:before{ /*user*/
  content: '\E683';
}
.utm-user-group-icon:before { /*用户组*/
  content: '\E6EE';
}
.utm-user-record-icon:before{  /*动态通知记录user*/
  content: "\E6C0";
}
.utm-registed-user-icon:before{ /*动态通知注册的user*/
  content: "\E6B9";
}
.utm-solid-user-icon:before{ /*实线用户*/
  content: "\E6BA";
}
.utm-tenant-icon:before{
  content: "\E714";
}
.utm-add-tenant:before{
  content: "\E716";
}
.utm-map-location-icon:before{ /*地图图标*/
  content: "\E6BE";
}
.utm-replace-icon:before{ /*替换*/
  content: "\E6F7";
}
.utm-point-icon:before{ /*定位图标*/
  content: "\E67D";
}
.utm-edit-ac-batch:before{ /*批量编辑AC*/
  content: '\E6A7';
}
.utm-expand-note:before{/*展开备注*/
  content: '\E705';
}
.utm-collapse-note:before{/*收起备注*/
  content: '\E704';
}
.utm-card-icon:before {/*卡*/
  content: '\E6FC';
}
.utm-left-switch:before{/*向左切换*/
  content:'\E6DE'
}
.utm-right-switch:before{/*向右切换*/
  content:'\E6DC'
}
.utm-before-arrrow-icon:before{/*向前*/
  content:'\E724'
}
.utm-after-arrrow-icon:before{/*向后*/
  content:'\E723'
}
.utm-next-arrrow-icon:before{/*向前*/
  content:'\E735'
}
.utm-last-arrrow-icon:before{/*向后*/
  content:'\E736'
}
.utm-forward-account:before {
  content: "\E80E";
}
.utm-cancel-input:before {
  content: "\E7FC";
}
/************菜单图标************/
.m_dashboard:before{
  content: '\E6D0';
}
.m_user:before{
  content: '\E6B5';
}
.m_access_control:before{
  content: '\E6AD';
}
.m_report:before{
  content: '\E6B2';
}
.m_system:before{
  content: '\E6CE';
}
.m_vehicle:before{
  content: '\E60A';
}
.m_incident:before{
  content: '\E609';
}
.m_incident-dashboard:before{
  content: '\E8A5';
}
.m_arming-dashboard:before{
  content: '\E8A6';
}
.m_ics:before{
  content: '\E80F';
}
.m_eventMonitoring:before {
  content: "\E81C";
}
.m_health:before {
  content: "\E7F9";
}
/*************菜单图标End****************/
.utm-download-file-icon:before{/*下载文件*/
  content: '\E6D1';
}
.utm-message-solid-icon:before{/*消息(线型)*/
  content: '\E699';
}
.utm-date-icon:before{ /*日历*/
  content: "\E614";
}
.utm-schedule-add:before{ /*添加schedule*/
  content: "\E6F0";
}
.utm-schedule-set:before{ /*设置schedule*/
  content: "\E6F4";
}
.utm-schedule-icon:before{ /*schedule*/
  content: "\E6FE";
}
.utm-schedule-logo:before{ /*schedule图标*/
  content: "\E743";
}
.utm-border-close:before{ /*关闭按钮（带边框）*/
  content: "\E67A";
}
.utm-visitor-icon:before{ /*visitor类型*/
  content: "\E6DB";
}
.utm-vendor-icon:before{ /*vendor类型*/
  content: "\E72B";
}
.utm-generate-logo-icon:before{ /*PDF上传附件图标）*/
  content: "\E691";
}
.utm-more-operate:before{ /*更多操作*/
  content: "\E638";
}
.utm-add-attendance:before{ /*添加attendance*/
  content: "\E706";
}
.utm-face-watch-window:before{ /*Track and Trace查看watch window*/
  content: "\E72C";
}
.utm-add-card:before{  /*添加卡*/
  content: "\E68B";
}
.utm-card-template:before{  /*卡模板*/
  content: "\E693";
}
.utm-statistic-chart:before{ /*statistic-chart*/
  content: "\E6FD";
}
.utm-add-zone:before{ /*添加Zone*/
  content: "\E644";
}
.utm-disband-group:before{ /*解散管理员组*/
  content: "\E72F";
}
.utm-add-profileName:before{ /*添加ProfileName*/
  content: "\E72E";
}
.utm-view-alarm:before{ /*View all alarm*/
  content: "\E734";
}
.utm-new-device:before{ /*Add new device*/
  content: "\E7306";
}
.utm-existing-device:before{ /*Add existing-device*/
  content: "\E732";
}
.utm-new-role:before{ /*Add new role*/
  content: "\E733";
}
.utm-new-admin:before{ /*Add new admin*/
  content: "\E737";
}
.utm-check-in:before{ /*Check in*/
  content: "\E71C";
}
.utm-check-out:before{ /*Check out*/
  content: "\E70F";
}
.utm-reactive-user:before{ /*重新激活用户*/
  content: "\E748";
}
.utm-ac-details:before{ /*AC详情*/
  content: "\E7BA";
}
.utm-search-ac-icon:before{/*搜索AC*/
  content: "\E72A";
}
.utm-face-tracking-24:before{/*跳转Track and Trace 界面*/
  content: '\E711';
}
.utm-move-watch-list:before{/*移除watch list*/
  content: '\E713';
}
.utm-remarks-icon:before{/*移除watch list*/
  content: '\E89F';
}
.utm-delete-fork-icon:before { /*删除叉*/
  content: '\E6F9';
}
.utm-locked-icon:before{/*关闭的锁*/
  content: '\E71E';
}
.utm-unlocked-icon:before{/*关闭的锁*/
  content: '\E71E';
}
.utm-swipe-card:before { /*刷卡*/
  content: "\E6D4";
}
.utm-view-big-image:before{
  content: "\E6F2";
}
.utm-add-tag-user:before{/*文件*/
  content: '\E692';
}
.utm-icon-preview:before{ /*预览*/
  content: "\E6E1";
}
.utm-sync-account:before{ /*同步账号*/
  content: "\E733";
}
.utm-sync-ad-account:before{ /*同步AD账号*/
  content: "\E6A1";
}
.utm-add-account-group:before{ /*添加账号组*/
  content: "\E731";
}
.utm-account-group:before{ /*账号组*/
  content: "\E730";
}
.utm-icon-rank:before{ /*权限等级图标*/
  content: "\E72D";
}
.utm-icon-rank-solid:before{ /*权限等级图标*/
  content: "\E744";
}
.utm-add-role-icon:before{ /*权限等级图标*/
  content: "\E745";
}
.utm-edit-pass-word:before{  /*修改密码*/
  content: "\E739";
}
.utm-text-left:before{ /*文字左偏移*/
  content: "\E6E8";
}
.utm-text-center:before{ /*文字居中*/
  content: "\E6EF";
}
.utm-text-right:before{ /*文字右偏移*/
  content: "\E6EC";
}
.utm-user-details:before{/*user实线空心*/
  content:'\E6ED'
}
.utm-online-status:before{/*在线状态*/
  content:'\E6F0'
}
.utm-offline-status:before{/*离线状态*/
  content:'\E6F1'
}
.utm-traffic-icon:before { /*通行权限*/
  content: '\E678';
}
.utm-password-icon:before { /*密码*/
  content: '\E651';
}
.utm-edit-icon:before { /*修改*/
  content: '\E7E9';
}
.utm-delete-icon:before { /*删除*/
  content: '\E68F';
}
.utm-download-icon:before { /*下载*/
  content: '\E66B';
}
.utm-enable-icon:before { /*启用*/
   content: '\E69F';
 }
.utm-disable-icon:before { /*禁用*/
  content: '\E68E';
}
.utm-details-icon:before{/*详情*/
  content: '\E69C';
}
/*******点位/设备类型********/
/*人脸摄像头(圆的)*/
.utm-icon-camera:before{
  content:'\E606';
}
/*******设备类型********/
.utm-icon-health-record:before {
  content: "\E6E6";
}
/************************剪切图片***************/
.utm-icon-rotate-left:before{/*左转*/
  content:'\E658'
}
.utm-icon-rotate-right:before{/*右转*/
  content:'\E657'
}
.utm-icon-healing:before{/*复原*/
  content:'\E650'
}
/************************剪切图片***************/
.utm-icon-hide:before{/*隐藏*/
  content:'\E81B'
}
.utm-print-pass:before{ /*打印通过*/
  content: '\E6DF';
}
.utm-upload-icon:before { /*上传附件*/
  content: '\E6AE';
}
.utm-unassigned-tip:before{ /*不完整信息提示*/
  content: '\E6B6';
}
.utm-icon-lock:before{/*常锁状态*/
  content: '\E6B9';
}
.utm-icon-unClock:before{/*常开状态*/
  content: '\E610';
}
.utm-icon-checkVideo:before{/*查看视频*/
  content: '\E663';
}
.utm-icon-reviewer:before{/*角色审核*/
  content: "\E6C0";
}
.utm-icon-complete:before{/*角色审核*/
  content: "\E6C2";
}
.utm-icon-warning:before{/*警告*/
  content: "\E6AF";
}
.utm-admin-icon:before{ /*管理员*/
  content: "\E6A5";
}
.utm-camera-icon:before{ /*摄像头*/
  content: "\E606";
}
.utm-pass-icon:before { /*密码*/
  content: '\E6A4';
}
.utm-generate-video:before{ /*下载报表视频图标*/
  content: '\E74E';
}
/************************************车辆相关的图标*******************************/
.utm-add-vehicle:before{ /*添加车辆图标*/
  content: '\E614';
}
.utm-vehicle-icon:before{ /*车辆图标*/
  content: '\E613';
}
.utm-vehicle-report-icon:before{ /*车辆图标*/
  content: '\E611';
}
.utm-vehicle-ac:before{ /*车辆AC*/
  content: '\E612';
}
.utm-barrier-icon:before{ /*Barrier Gate*/
  content: '\E61A';
}
.utm-vehicle-fast:before{ /*快速注册车辆*/
  content: '\E615';
}
.utm-alarm-fire:before{ /*Fire Alarm*/
  content: '\E753';
}
.utm-alarm-automatic:before{ /*Fire Automatic*/
  content: '\E754';
}
.utm-alarm-by-pass:before{ /*by-pass*/
  content: '\E752';
}
.utm-by-pass-solid-icon:before{ /*by-pass 线型*/
  content: '\E763';
}
.utm-vehicle-check-in-icon:before{ /*车辆In*/
  content: '\E764';
}
.utm-vehicle-check-out-icon:before{ /*车辆Out*/
  content: '\E765';
}
.utm-open-barrier:before{ /*Release barrier*/
  content: '\E60F';
}
.utm-close-barrier:before{ /*Release barrier*/
  content: '\E610';
}
.utm-no-user:before{ /*没有查询到user*/
  content: '\E751';
}
/*指纹相关*/
.utm-finger-image:before {/*录入指纹图标*/
  content: '\E758';
}
.utm-finger-loading:before{/*录入指纹等待图标*/
  content: '\E755';
}
.utm-enter-finger:before{/*点击录入指纹*/
  content: '\E756';
}
.utm-finger-icon:before{/*指纹图标*/
  content: '\E757';
}
.utm-registed-vehicle:before{/*已注册车辆*/
  content: '\E759';
}
.utm-QR-code:before{/*二维码*/
  content: '\E779';
}
.utm-integration-account:before{ /*第三方账号*/
  content: '\E77A';
}
.utm-batch-dcs:before{ /*批量设置DCS*/
  content: '\E77D';
}
.utm-view-psw:before{ /*密码显示*/
  content: '\E780';
}
.utm-hide-psw:before{ /*密码隐藏*/
  content: '\E77F';
}
.utm-system-type-bg:before {
  content: '\E794';
}
.utm-system-type-it:before{ /*密码隐藏*/
  content: '\E791';
}
.utm-system-type-external:before{ /*密码隐藏*/
  content: '\E793';
}
.utm-system-type-internal:before{ /*密码隐藏*/
  content: '\E792';
}
.utm-import-tip:before{ /*导入报表标记*/
  content: '\E7AB';
}
.utm-false-mark:before{ /*错误*/
  content: '\E78E';
}
.utm-in-progress:before{
  content: '\E78D';
}
.utm-print-card:before{ /*打印卡*/
  content: '\E796';
}
.utm-print-sticker:before{ /*打印贴纸*/
  content: '\E795';
}
.utm-cope-text:before { /*复制文本按钮*/
  content: '\E799';
}
.utm-lock-account:before{ /*锁定账户*/
  content: '\E672';
}
.utm-unlock-account:before{ /*解锁账户*/
  content: '\E673';
}
.utm-quickedit-dcs:before{ /*快速修改dcs*/
  content: '\E7B9';
}
.utm-resend-qr-code:before { /*resend-qr-code*/
  content: '\E7A1';
}
.utm-statistic-icon:before { /*people counting的统计*/
  content: '\E7A2';
}
.utm-send-email:before { /*报表发送邮件*/
  content: '\E7A3';
}
.utm-app-key:before{ /*app-key*/
  content: '\E7A4';
}
.utm-error-icon:before{
  content: '\E6A6';
}
.utm-copy-icon:before{
  content: "\E7D5";
}
.utm-reallocate-card:before{  /* 重新分配虚拟卡 */
  content:'\E7C8';
}
.utm-layout-list-icon:before { /* 列表布局 */
  content: '\E7F7';
}
.utm-layout-card-icon:before { /* 卡片布局 */
  content: '\E7F8';
}
.utm-font-monitoring-area:before {
  content:'\E6F5';
}
.utm-font-menu:before {
  content:'\E809';
}
/* ics 设备 */
.utm-ics-type-icon:before {/* phone */
  content:'\E805';
}
.utm-ics-phone-icon:before {/* phone */
  content:'\E7F1';
}
.utm-ics-computer-icon:before {/* computer */
  content:'\E7B3';
}
.utm-ics-fix-phone:before {/* 固话 */
  content:'\E865';
}
.utm-ics-announce-icon:before {/* 语音 */
  content:'\E7F2';
}
.utm-ics-broadcast-icon:before {/* 广播 */
  content:'\E7F3';
}
.utm-ics-intercom-icon:before {/* 对讲机 */
  content:'\E7F5';
}
.utm-ics-camera-icon:before {/* 摄像头 */
  content:'\E7E5';
}
.utm-ics-other-icon:before {/* Other */
  content:'\E819';
}
.utm-video-call-icon:before {/* 视频通话 */
  content:'\E849';
}
.utm-voice-call-icon:before {/* 语音通话 */
  content:'\E84D';
}
.utm-play-stop-icon:before {/* 停止通讯 */
  content:'\E84F';
}
.utm-volume-icon:before {/* 音量 */
  content:'\E84A';
}
.utm-no-answer-icon:before {/* 未接 */
  content:'\E87E';
}
.utm-sip-reject-icon:before {
  content:'\E7FA';
}
.utm-sip-answer-icon:before {
  content:'\E7F1';
}
.utm-remote-door-icon:before {
  content:'\E815';
}
.utm-device-door-icon:before {
  content:'\E6AB';
}
.utm-device-barrier-gate-icon:before {
  content:'\E61A';
}
.utm-event-group-icon:before {
  content: '\E81F';
}
.utm-event-source-icon:before {
  content: '\E81E';
}
.utm-pause-icon:before {
  content:'\E816';
}
.utm-down-load-center:before{
  content: '\E826';
}
.utm-down-load-icon:before{
  content: '\E7E6';
}
.utm-apply-icon:before{
  content: '\E82C';
}
.utm-layout-1-icon:before{
  content: '\E66F';
}
.utm-layout-4-icon:before{
  content: '\E66D';
}
.utm-layout-9-icon:before{
  content: '\E66C';
}
.utm-layout-16-icon:before{
  content: '\E66E';
}
.utm-fullscreen-icon:before{
  content: '\E670';
}
.utm-isolate-icon:before{/* 摄像头移除*/
  content: '\E83C';
}
.utm-full-screen:before{/* 摄像头全屏*/
  content: '\E80A';
}
.utm-zoom-out-icon:before{/* 关闭摄像全屏*/
  content: '\E7FE';
}
.utm-next-icon:before{/* 下一个*/
  content: '\E833';
}
.utm-attention-icon:before{/* 下一个*/
  content: '\E834';
}
.utm-replay-icon:before{/* 重播*/
  content: '\E832';
}
.utm-play-icon:before{/* 播放*/
  content: '\E806';
}
.utm-playing-icon:before{/* 播放中*/
  content: '\E80C';
}
.utm-add-camera:before {
  content: '\E669';
}
.utm-update-camera:before {
  content: '\E66A';
}
.utm-alarm-clock-icon:before {
  content: '\E830';
}
/* 蜂窝地图图标 */
.utm-tile-alarm-icon:before {
  content: '\E86C';
}
.utm-tile-max-alarm-icon:before {
  content: '\E85A';
}
.utm-tile-notification-icon:before {
  content: '\E855';
}
.utm-tile-barrier-icon:before {
  content: '\E858';
}
.utm-tile-door-icon:before {
  content: '\E857';
}
.utm-tile-camera-icon:before {
  content: '\E859';
}
.utm-tile-point-icon:before {
  content: '\E856';
}
.utm-tile-user-icon:before {
  content: '\E851';
}
.utm-tile-server-icon:before {
  content: '\E854';
}
.utm-tile-system-icon:before {
  content: '\E852';
}
.utm-tile-vehicle-icon:before {
  content: '\E853';
}
.utm-tile-device-icon:before{
  content: "\E85C";
}
.utm-virtual-point-icon:before {
  content: '\E839';
}
.utm-camerea-no-icon:before {/*camera无权限查看*/
  content: '\E838';
}
.sv-upload-icon:before {
  content: '\E7EE';
}
.sv-add-music-icon:before {
  content: '\E83D';
}
.sv-music-icon:before {
  content: '\E85E';
}
.sv-music-playing-icon:before {
  content: '\E83B';
}
.utm-healthy-status-icon:before {/*camera无权限查看*/
  content: '\E7BB';
}
.sv-edit-icon:before {
  content: '\E7E9';
}
/* Resource */
.m_resource:before{
  content: '\E860';
}
.utm-resource-building-icon:before {
  content: '\E85D';
}
.utm-resource-call-icon:before {
  content: '\E84D';
}
.utm-outgoing-call-connected:before {
  content: "\E840";
}
.utm-music:before{
  content: '\E863';
}
.utm-font-video:before{
  content: '\E864';
}
.utm-phone:before{
  content: '\E865';
}
.utm-popup-selection:before {
  content: "\E827";
}
.utm-time:before {
  content: "\E78B";
}
.utm-timer-icon:before{
  content: "\E76D";
}
.utm-timer-out-icon:before{
  content: "\E87A";
}
.utm-Abnormal1-16:before {
  content: "\E797";
}
.utm-uplaod-icon:before {/*上传图标*/
  content: '\E7EE';
}
.utm-more-buttons:before {
  content: "\E895";
}
.utm-module-icon:before {
  content: "\E892";
}
.utm-program-icon:before {
  content: "\E891";
}
.utm-reset-info-icon:before {/*重置*/
  content: '\E862';
}
.utm-edit-in-batch:before {/*批量编辑*/
  content: '\E897';
}
.utm-arrowhead:before {
  content: "\E888";
}
.utm-no-data-big:before {
  content: "\E896";
}


/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/10/13
* @DESC <表单样式>
* ****************************************************************/

/****单个表单模块****/

.utm-control-group {
  margin-bottom: 16px;
  vertical-align: middle;
}

.utm-control-label {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
  float: left;
  padding-right: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.utm-controls {
  margin-left: 160px;
  min-height: 40px;
}

.utm-controls.tag-control {
  width: 100%;
}

.utm-control-label.must-fill::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  width: 8px;
}

/*验证提示*/

.utm-is-danger {
  color: red;
  display: block;
  margin-top: 8px;
  font-size: 16px;
}

/*********input(textarea)输入Start*********/

.utm-input {
  height: 40px;
  width: 100%;
  font-size: 16px;
  color: #333;
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 8px; /* #39326 */
  padding: 4px 8px;
}

.utm-input::-webkit-input-placeholder {
  color: #c5c8ce;
}

.utm-input::-moz-placeholder {
  color: #c5c8ce;
}

.utm-input::-ms-input-placeholder {
  color: #c5c8ce;
}

.utm-input::placeholder {
  color: #c5c8ce;
}

.utm-input:disabled{
  background: rgba(239,246,249,1);
  color: #b4b4b4
}

.utm-input[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 2px;
  height: 40px;
}

.utm-input:hover{
  border: 1px solid rgba(5, 154, 232, 1);
  outline: unset;
}

.utm-input:disabled:hover{
  border: 1px solid rgba(223, 223, 223, 1);
}

.utm-input:focus {
  border: 1px solid rgba(5, 154, 232, 1);
  outline: unset;
  -webkit-box-shadow: 0 0 0 2px #D2F0FF;
          box-shadow: 0 0 0 2px #D2F0FF;
}

.utm-input.utm-input-error{
  border: 1px solid #CD4746;
  outline: unset;
}

.utm-input.utm-textarea {
  min-height: 40px;
}

.utm-textarea{
  line-height: 30px;
}

/*有前缀输入框*/

.utm-prefix-input,
.utm-suffix-input {
  position: relative;
}

.utm-prefix-input .utm-input {
  padding-left: 40px;
}

.utm-suffix-input .utm-input {
  padding-right: 40px;
}

.utm-prefix-input .utm-prefix-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.utm-suffix-input .utm-suffix-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.utm-prefix-input .utm-prefix-icon i,
.utm-suffix-input .utm-suffix-icon i {
  color: #A5A5A5;
  font-size: 16px;
}

.utm-input-box {
  position: relative;
  height: 100%;
  width: 100%;
}

.utm-input-box .clear-input-icon {
  color: #999999;
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 16px;
  display: none;
  cursor: pointer;
  line-height: 1;
}

.utm-input-box.utm-input-clear:hover .clear-input-icon {
  display: inline-block;
}

/* 数字输入框 */

#content .ivu-input-number{
  border-radius: 8px;
}

.ivu-input-number .ivu-input-number-handler-wrap{
  border-radius: 0 8px 8px 0;
}

/*********input(textarea)输入End*********/

/*********Button按钮Start*********/

.utm-btn:hover {
	opacity: 0.85;
}

.utm-btn {
  font-size: 16px;
  height: 40px;
  color: #fff;
  padding: 0 16px;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  cursor: pointer;
  border-radius: 8px;
  min-width: 64px;
  opacity: 0.9;
  -webkit-transition: color .2s linear, background-color .2s linear, border .2s linear, -webkit-box-shadow .2s linear;
  transition: color .2s linear, background-color .2s linear, border .2s linear, -webkit-box-shadow .2s linear;
  transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear;
  transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear, -webkit-box-shadow .2s linear;
  position: relative;
}

.utm-btn>.utm-font{
  margin-right: 8px;
}

.utm-text-btn,
.utm-text-btn i {
  padding: 0;
  background: transparent;
  color: #059FE8;
  border-color: transparent;
}

/*默认宽度140*/

.utm-default-btn {
  min-width: 140px;
  text-align: center;
}

/*正方形*/

.utm-square-btn {
  width: 40px;
  min-width: unset;
  padding: 0;
}

.utm-btn.utm-square-btn>.utm-font{
  margin-right: 0;
}

/*圆角的*/

.utm-round-btn {
  border-radius: 16px;
}

/*线形按钮(白色+边框)*/

.utm-linear-btn {
  color: #333333;
  background: #ffffff;
  border: 1px solid #d4dae1;
}

.utm-linear-btn.utm-blue-border {
  border: 1px solid #059FE8;
  color: #059FE8;
}

.utm-linear-btn.utm-blue-border .utm-font {
  color: #059FE8;
  background-color: transparent;
}

.utm-blue-main-button{
  background: #059fe8;
  border-radius: 8px;
}

.utm-linear-btn.utm-blue-border:hover {
  background-color: #059FE8;
  color: #fff;
}

.utm-linear-btn.utm-blue-border:hover .utm-font {
  color: #fff;
}

/*两边圆形按钮*/

.utm-round-edge-btn {
  border-radius: 20px;
}

/*蓝色线性按钮*/

.utm-blue-line-btn {
  border: 1px solid rgba(74, 185, 245, .8);
  background: #fff;
  color: #059fe8;
}

.utm-blue-line-btn .utm-font {
  color: #059fe8;
  font-size: 24px;
  margin-right: 8px;
}

/*红色线性按钮*/

.utm-red-line-btn {
  border: 1px solid #F66F6A;
  background: #fff;
  color: #F66F6A;
}

.utm-main-line-btn,.utm-blue-line-btn {
  border: 1px solid var(--main-color);
  background: #fff;
  color: var(--main-color);
}

.utm-main-line-btn:hover{
  background: rgba(var(--main-color-rgb),0.2);
}

.utm-main-line-btn i,.utm-blue-line-btn i {
  color: var(--main-color);
  font-size: 24px;
  margin-right: 8px;
}

/*批量删除按钮*/

.utm-batch-delete-btn {
  width: 40px;
  min-width: unset;
  padding: 0;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  color: #dfdfdf;
  background-color: transparent;
}

.utm-batch-delete-btn > .utm-font {
  color: #dfdfdf;
}

.utm-batch-delete-btn.selected {
  background: -webkit-gradient(linear, left top, right top, from(#0598e8), to(#05b9e8));
  background: linear-gradient(90deg, #0598e8, #05b9e8);
  border: 1px solid transparent;
}

.utm-batch-delete-btn.selected > .utm-font {
  color: #fff;
}

/*按钮居中*/

.utm-btn-center-box {
  text-align: center;
  padding-top: 50px;
}

/*导入按钮*/

.utm-import-btn .import-panel {
  position: absolute;
  -webkit-box-shadow: 0 0 10px #aaa;
          box-shadow: 0 0 10px #aaa;
  background: #ffffff;
  right: 0;
  top: 40px;
  text-align: left;
  border-radius: 4px;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.import-panel .operate-item {
  white-space: nowrap;
  padding: 4px 8px;
  color: rgb(51, 51, 51);
}

.import-panel .operate-item:hover {
  background: #EFFAFF;
}

.utm-import-btn .select-card-print{
  right: -118px;
}

.select-card-print  .operate-item:hover {
  background: #059fe8;
}

.utm-import-btn:hover {
  opacity: 1;
  z-index: 6;
}

.utm-import-btn:hover .import-panel {
  display: inline-block;
}

/*待审核按钮*/

.utm-pending-btn .utm-badge-rectangle {
  position: absolute;
  top: -12px;
  right: -8px;
}

/*按鈕的禁用效果*/

.utm-disable-btn{
  cursor: not-allowed;
  opacity: 0.8;
}

.utm-btn[disabled]{
	cursor: not-allowed;
	background: #B4B4B4;
}

.utm-btn[disabled]>.utm-font{
  cursor: not-allowed;
}

.utm-btn.utm-blue-line-btn[disabled]{
	cursor: not-allowed;
	background: transparent;
  border-color: #B4B4B4;
  color: #B4B4B4;
}

.utm-btn.utm-blue-line-btn[disabled]>.utm-font{
  color: #B4B4B4;
}

/*********Button按钮End*********/

/*********颜色Start*********/

/*主色*/

.utm-main-bg{
  background: -webkit-gradient(linear, left top, right top, from(#0598e8), to(#05b9e8));
  background: linear-gradient(90deg, #0598e8, #05b9e8);
}

/*绿*/

.utm-green-bg {
  background: #19be6b;
}

.utm-green-cl {
  color: #19be6b;
}

/*红*/

.utm-red-bg {
  background: rgba(205, 71, 70, 1);
}

/* OverTime状态颜色 */

.utm-oranges {
  background: #F8A149;
}

/* overTimeClose 状态颜色 */

.utm-over-color {
  background: #1DA9F2;
}

.utm-red-cl {
  color: rgba(205, 71, 70, 1);
}

/*橙*/

.utm-orange-bg {
  background: #f2b253;
}

.utm-orange-cl {
  color: #ff9900;
}

/*蓝*/

.utm-blue-bg {
  background: -webkit-gradient(linear, left top, right top, from(#0598e8), to(#05b9e8));
  background: linear-gradient(90deg, #0598e8, #05b9e8);
}

.utm-blue-cl,
.utm-main-cl {
  color: #059ae8;
}

/*灰*/

.utm-gray-bg {
  background: rgba(206, 206, 206, 1);
}

.utm-gray-cl {
  color: rgba(206, 206, 206, 1);
}

.utm-deep-gray-bg {
  background: #858585;
}

.utm-deep-gray-cl {
  color: #858585;
}

/*黄*/

.utm-yellow-bg {
  background: #f2c355;
}

.utm-yellow-cl {
  color: #f2c355;
}

/*tag标签颜色*/

.utm-tag-red-bg {
  background: linear-gradient(129deg, #ed5656 7%, #fd70ab 97%);
}

.utm-tag-yellow-bg {
  background: linear-gradient(129deg, #f99c80 7%, #fcc88c 97%);
}

.utm-tag-purple-bg {
  background: linear-gradient(129deg, #a2a6ec 7%, #b588d6 97%);
}

.utm-tag-pink-bg {
  background: linear-gradient(129deg, #d5a2c0 7%, #f18e8f 97%);
}

.utm-tag-blue-bg {
  background: linear-gradient(129deg, #a5c9ff 7%, #9bdeff 97%);
}

/*********颜色End*********/

/*******有搜索加按钮组合*/

.utm-prefix-input.utm-search-combination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.utm-prefix-input.utm-search-combination .utm-btn {
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/*下拉框（普通的，带搜索的，多选的，联动的如：电话号码，） **Start*/

.utm-select .ivu-select-selection {
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 8px;
}

.utm-select .ivu-select-arrow{
  font-size: 16px;
  color: #999999;
}

.utm-select .ivu-select-prefix i{
  font-size: 16px;
  vertical-align: middle;
  color: #858585;
  line-height: 38px;
}

.utm-select.ivu-select-multiple .ivu-tag{
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  max-width: calc(100% - 30px); /* #39789 多选时多个tag显示一个，more文本不超出 */
}

.utm-select.ivu-select-multiple .ivu-tag i{
  top: 9px;
}

.utm-select.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder{
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}

.utm-select .ivu-select-input{
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.utm-select .ivu-select-item{
  padding: 7px 24px 7px 16px;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}

.utm-select.utm-error-option .ivu-select-selection,
.utm-select.utm-error-option .ivu-select-selection:hover {
  border: 1px solid red;
}

.utm-select .ivu-select-selection:hover{
  border: 1px solid rgba(5, 154, 232, 1);
}

.utm-select.ivu-select-visible .ivu-select-selection {
  border: 1px solid rgba(5, 154, 232, 1);
  -webkit-box-shadow: 0 0 0 2px #D2F0FF;
          box-shadow: 0 0 0 2px #D2F0FF;
}

.utm-select.ivu-select-disabled .ivu-select-selection {
  color: #999;
  background: rgba(239,246,249,1);
}

.utm-select.ivu-select-single .ivu-select-selection {
  height: 40px;
}

.utm-select.utm-small-select.ivu-select-single .ivu-select-selection {
  height: 32px;
}

.utm-select.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.utm-select.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}

.utm-select.utm-small-select.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.utm-select.utm-small-select.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}

.utm-select .ivu-select-item:hover {
  background: rgba(239, 250, 255, 1);
}

.utm-select .ivu-select-item-selected,
.utm-select.ivu-select-multiple .ivu-select-item-selected,
.utm-select.ivu-select-multiple .ivu-select-item-selected.ivu-select-item-focus,
.utm-select .ivu-select-item-selected.ivu-select-item-focus{
  color: #515a6e;
  background: #d2f0ff;
}

.utm-select .ivu-select-item-selected:hover,
.utm-select.ivu-select-multiple .ivu-select-item-selected:hover{
  color: #515a6e;
  background: #d2f0ff;
}

.utm-select.ivu-select-multiple .ivu-select-item-focus{
  background: transparent;
}

.utm-select .ivu-select-item-selected{
  position: relative;
}

/*搜索下拉框*/

.utm-select.utm-search-select .ivu-select-input {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  outline: unset;
}

/*加载样式*/

.utm-custom-loading,
.utm-select .ivu-select-loading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  color: var(--main-color);
}

.utm-custom-loading::before,
.utm-select .ivu-select-loading::before{
  display: inline-block;
  content: "\F45B";
  color: var(--main-color);
  font-size: 18px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: select-loading 1s linear infinite;
          animation: select-loading 1s linear infinite;
  font-family: Ionicons, sans-serif;
}

@-webkit-keyframes select-loading{
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes select-loading{
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.utm-select .ivu-select-dropdown{
  max-width: 700px;
}

/*解决iview远程搜索输入框无下拉箭头*/

.utm-select.utm-remote-search-select > .ivu-select-selection > div::before{
  content: "\F116";
  font-family: Ionicons, sans-serif;
  font-size: 16px;
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #808695;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.utm-select.utm-remote-search-select.ivu-select-visible > .ivu-select-selection > div::before{
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

/*SearchBar组件的multiple-select*/

.utm-linkage-focus:hover .utm-select.utm-search-input-multiple-select,
.utm-linkage-focus:hover .ivu-select-selection{
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.utm-select.utm-search-input-multiple-select:hover,
.utm-select.utm-search-input-multiple-select:hover .ivu-select-selection{
  border: transparent;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.utm-select.utm-search-input-multiple-select .ivu-select-selection {
  max-height: 38px;
  white-space: nowrap;
  border: 0;
}

.utm-select.utm-search-input-multiple-select.ivu-select-multiple .ivu-tag{
  vertical-align: top;
}

.utm-select.utm-search-input-multiple-select.ivu-select-multiple .ivu-select-selection > div{/* 这行代码回事多选时，选项不会换行，选择框的搜索框也不会换行，这是UI确认的方案 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*自定义opton下拉框*/

.utm-select.utm-select-option .ivu-select-item {
  padding: 0;
}

.utm-select.utm-select-option .ivu-select-item > div,
.utm-select.utm-select-option .ivu-select-item > span{
  padding: 7px 16px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*多选下拉框*/

.utm-select.utm-multiple-select.ivu-select-multiple .ivu-select-selection{
  min-height: 38px;
  overflow: hidden
}

/*左边选择，右边对应(中多选搜索条件)*/

.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection{
  height: 40px;
  white-space: nowrap; /*如果换行会无法在输入框中删除选中的每一项*/
}

.utm-select.utm-multiple-select .ivu-select-head-flex{
  height: 38px;
}

.utm-select.utm-multiple-select.ivu-select-multiple .ivu-select-input{
  top: 0;
  min-height: 32px;
  font-size: 16px;
}

.utm-select.utm-multiple-select .ivu-select-selection .ivu-select-placeholder,
.utm-select.utm-multiple-select .ivu-select-selection .ivu-select-selected-value {
  height: 38px;
  font-size: 16px;
  line-height: 35px;
}

.utm-select.utm-multiple-select .ivu-tag {
  height: 30px;
  line-height: 30px;
  margin: 3px 4px 3px 0;
  padding: 0 0 0 8px;
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  vertical-align: unset;
  min-width: 36px;
}

.utm-select.utm-multiple-select .ivu-tag .ivu-tag-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.utm-select.utm-multiple-select .ivu-tag .ivu-select-max-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.utm-select.utm-multiple-select .ivu-tag .ivu-icon-ios-close {
  position: relative;
  top: unset;
  left: unset;
  display: inline-block;
  font-size: 16px;
}

.utm-select.utm-multiple-select .ivu-select-item {
  padding-right: 32px;
}

.utm-select .ivu-select-item-selected:after,
.utm-select.ivu-select-multiple .ivu-select-item-selected:after{ /*选中项用勾标记*/
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  margin-top: -5px;
  width: 18px;
  height: 18px;
  line-height: 28px;
  font-size: 14px;
  color: var(--main-color);
}

.utm-select.utm-no-check-icon-select .ivu-select-item-selected:after{ /*禁用选中项用勾标记*/
  display: none;
}

.utm-select.utm-select-option .ivu-select-item-selected:after{ /*选中项用勾标记*/
  top: 7px;
}

.utm-select.utm-multiple-select .ivu-select-item-selected:after {
  top: 5px;
  right: 4px;
}

/*下拉框组合*/

.utm-select-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 8px;
  height: 40px;
}

.utm-select-group:hover {
  border: 1px solid rgba(5, 154, 232, 1);
  border-radius: 8px;
}

.utm-select-group.utm-select-group-disabled:hover {
  border: 1px solid rgba(5, 154, 232, 0);
}

.utm-select-group.utm-select-group-focus {
  border-radius: 8px;
  border: 1px solid rgba(5, 154, 232, 1);
  -webkit-box-shadow: 0 0 0 2px #D2F0FF;
          box-shadow: 0 0 0 2px #D2F0FF;
}

.utm-select-group .utm-select:first-child .ivu-select-selection {
  border-radius: 8px 0 0 8px;
  max-height: 38px;
  border-color: transparent rgba(223, 223, 223, 1) transparent transparent;
}

.utm-select-group.utm-select-group-default .utm-select:first-child .ivu-select-selection{
  max-height:unset;
}

.utm-select-group.utm-select-group-default .ivu-select-selection{
  height: 100%;
}

.utm-select-group.utm-select-group-default .ivu-select-selection > div{
  height: 100%;
}

.utm-select-group .utm-select:last-child .ivu-select-selection {
  height: 38px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: transparent;
}

.utm-select-group .utm-select .ivu-select-selection:hover,
.utm-select-group .utm-select.ivu-select-visible .ivu-select-selection {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: unset;
}

.utm-select.select-group-left .ivu-select-selection,
.utm-select.select-group-left .ivu-select-selection:hover,
.utm-select.select-group-left.ivu-select-visible .ivu-select-selection {
  border-radius: 8px 0 0 8px;
  border-right: 1px solid rgba(223, 223, 223, 1);
}

.utm-select.select-group-right .ivu-select-selection {
  border-radius: 0 8px 8px 0;
}

/*多级选项下拉框*/

.utm-multistage-select.ivu-cascader .ivu-input {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  outline: unset;
}

.utm-multistage-select.ivu-cascader .ivu-input:hover{
  border: 1px solid rgba(5, 154, 232, 1);
  outline: unset;
}

.utm-multistage-select.ivu-cascader .ivu-input:focus,
.utm-multistage-select.ivu-cascader.ivu-cascader-visible .ivu-input{
  outline: unset;
  border: 1px solid rgba(5, 154, 232, 1);
  -webkit-box-shadow: 0 0 0 2px #D2F0FF;
          box-shadow: 0 0 0 2px #D2F0FF;
}

.utm-multistage-select span,
.utm-multistage-select span .ivu-cascader-menu{
  display: inline-block;
  height: 100%;
  border-right: 0;
}

.utm-multistage-select span span{
  border-left: 1px solid #e8eaec;
}

.utm-multistage-select.ivu-cascader .ivu-cascader-menu-item {
  padding: 10px 16px;
  min-width: 233px;
  font-size: 16px !important; /*iview本身就是important了*/
}

.utm-multistage-select.ivu-cascader .ivu-cascader-menu-item:hover{
  background-color: #eff6f9;
  color: #333333;
}

.utm-multistage-select.ivu-cascader .ivu-cascader-menu .ivu-cascader-menu-item-active{
  background-color: #D2F0FF;
  color: #333333;
}

.ivu-cascader-menu .ivu-cascader-menu-item-active {
  color: rgba(5, 154, 232, 1);
}

.utm-multistage-select.ivu-cascader .ivu-select-dropdown {
  padding: 4px 0;
  height: 100%;
  max-height: 200px;
  border-radius: 8px;
  min-width: 150px;
}

/*树形结构下拉框*/

.utm-multistage-select .ivu-select-dropdown>div,
.utm-multistage-select .ivu-select-dropdown>div .ivu-cascader-dropdown,
.utm-multistage-select .ivu-select-dropdown>div .ivu-select-dropdown-list{
  height: 100%;
}

.utm-multistage-select .ivu-cascader-not-found-tip{
  position: absolute;
  top: 9px;
  left: 41px;
  font-size: 16px;
}

.utm-select .ivu-cascader-arrow {
  font-size: 16px;
}

.utm-multistage-select .ivu-cascader-label {
  line-height: 40px;
  font-size: 16px;
}

/*auto-complete*/

.utm-auto-complete.ivu-auto-complete .ivu-icon-ios-close{
  width: 14px;
  height: 14px;
  border-radius: 8px;
  background-color: #808695;
  margin-top: 13px;
  margin-right: 4px;
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  line-height: 14px;
}

.utm-auto-complete .ivu-input{
  height: 40px;
  font-size: 16px;
  border-radius: 8px;
}

.utm-auto-complete .ivu-select-dropdown-list{
  max-height: 200px;
  overflow-y: auto;
}

/*联动下拉框*/

.utm-linkage {
  position: relative;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 8px;
  width: 100%;
  height: 40px;
  padding: 0 0 0 145px;
}

.utm-linkage:focus-visible{
  outline: none;
  outline-color: rgba(5, 154, 232, 1);
}

.utm-linkage.larger {
  padding-left: 180px;
}

.utm-linkage:hover {
  border: 1px solid rgba(5, 154, 232, 1);
}

.utm-linkage.utm-linkage-focus {
  border: 1px solid rgba(5, 154, 232, 1);
  -webkit-box-shadow: 0 0 0 2px #D2F0FF;
          box-shadow: 0 0 0 2px #D2F0FF;
}

.utm-linkage.is-danger {
  border-color: #f00;
}

.utm-linkage .utm-select {
  position: absolute;
  width: 145px;
  top: 0;
  left: 0;
}

.utm-linkage.larger .utm-select {
  width: 180px;
}

.utm-linkage .ivu-select-dropdown { /*因为增加优先级*/
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.utm-linkage .ivu-select-single .ivu-select-selection {
  height: 38px;
  border-color: transparent;
}

.utm-linkage .ivu-select-visible .ivu-select-selection,
.utm-linkage .ivu-select-selection:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.utm-linkage .utm-linkage-input {
  width: 100%;
  height: 38px;
  font-size: 16px;
  padding-left: 8px;
  border: 0;
  border-left: 1px solid rgba(223, 223, 223, 1);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

.utm-linkage .utm-linkage-input:disabled{
  background: #EDF0F3;
  color: #b4b4b4;
  cursor: not-allowed;
}

.utm-linkage .utm-linkage-input::-webkit-input-placeholder {
  color: #ccc;
}

.utm-linkage .utm-linkage-input::-moz-placeholder {
  color: #ccc;
}

.utm-linkage .utm-linkage-input::-ms-input-placeholder {
  color: #ccc;
}

.utm-linkage .utm-linkage-input::placeholder {
  color: #ccc;
}

.utm-linkage .utm-select.utm-linkage-select {
  position: relative;
  margin-top: -7px;
  width: 100%;
  font-size: 16px;
  padding-left: 8px;
  border: 0;
  border-left: 1px solid rgba(223, 223, 223, 1);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

.utm-linkage .ivu-select-single .ivu-select-input {
  padding-right: 24px;
}

.utm-linkage .ivu-select-multiple .ivu-select-input {
 top: 0;
 max-width: 100%;
}

/*模态框表单padding, 所有的模态框左右都要24px间距，请注意*/

.utm-modal-form-padding {
  padding: 16px 24px 0;
}

/********************模态框Start*******************/

.utm-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
}

.utm-modal .utm-modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(55, 55, 55, .6);
  height: 100%;
}

.utm-modal .utm-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
}

.utm-modal-wrap .utm-modal-box {
  width: 580px;
  margin: 0 auto;
  position: relative;
  outline: 0;
  top: 100px;
}

.utm-modal-box .utm-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  border-radius: 6px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  font-size: 0;
}

.utm-modal-content .utm-modal-close {
  position: absolute;
  right: 16px;
  top: 8px;
  overflow: hidden;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: 2px solid #dce3e8;
  border-radius: 8px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  line-height: 32px;
  text-align: center;

}

.utm-modal-content .utm-modal-close .ivu-icon-ios-close {
  font-size: 31px;
  color: #999;
  -webkit-transition: color .2s ease;
  transition: color .2s ease;
  position: relative;
}

.utm-modal-content .utm-modal-header {
  padding: 16px 56px 16px 24px;
  line-height: 1;
  font-size: 20px;
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #dfdfdf;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.utm-modal-header .utm-icon-warning {
  margin-right: 5px;
  font-weight: 400;
}

.utm-modal-content .utm-modal-body {
  min-height: 95px;
  font-size: 16px;
  line-height: unset;
}

.utm-modal-content .utm-modal-body .utm-modal-center {
  padding: 16px 24px 0;
  font-size: 16px;
}

.utm-modal-content .utm-modal-body .utm-control-group:last-child {
  margin-bottom: 0;
}

.utm-modal-content .utm-modal-footer {
  padding:  24px;
  text-align: right;
}

.utm-modal-content .utm-modal-footer button {
  margin-right: 16px;
  min-width: 140px;
}

.utm-modal-content .utm-modal-footer button:last-child {
  margin-right: 0;
}

.modal-enter-active, .modal-leave-active {
  -webkit-transition: all .35s;
  transition: all .35s;
}

.modal-enter, .modal-leave-to {
  opacity: 0;
}

/*内容超出屏幕滚动*/

.utm-modal.scroll-content-modal .utm-modal-box,
.utm-modal.utm-scroll-content-modal .utm-modal-box{
  top:50px;
  height: calc( 100% - 100px);
}

.utm-modal.scroll-content-modal .utm-modal-wrap,
.utm-modal.scroll-content-modal .utm-modal-content,
.utm-modal.utm-scroll-content-modal .utm-modal-wrap,
.utm-modal.utm-scroll-content-modal .utm-modal-content{
  height: 100%;
}

.utm-modal.scroll-content-modal .utm-modal-body,
.utm-modal.utm-scroll-content-modal .utm-modal-body{
  height: calc( 100% - 140px);
  overflow: auto;
}

/*删除模态框*/

.utm-delete-modal .utm-modal-wrap .utm-modal-box{
  width: 900px;
}

.utm-delete-modal .utm-delete-form {
  margin-top: 16px;
  padding-left: 225px;
}

.utm-delete-modal .utm-modal-header .utm-icon-warning {
  color: rgba(205, 71, 70, 1)
}

.utm-delete-form .utm-input {
  width: 250px;
}

.utm-delete-form .verify-icon {
  color: #ed3f14;
}

.utm-delete-modal .utm-modal-content .utm-modal-body{
  min-height: unset;
}

/********************模态框Start*******************/

/*************************时间选择控件样式Start***********************/

/*日期与时间均可用*/

.utm-date-picker {
  width: 100%;
  font-size: 14px;
}

.utm-date-picker.ivu-date-picker-transfer{
  width: auto;
}

.utm-date-picker.ivu-date-picker .ivu-input {
  border: 1px solid rgba(223, 223, 223, 1);
  height: 40px;
  color: #333;
  font-size: 16px;
  outline: unset;
  cursor: pointer;
  border-radius: 8px;
}

.utm-date-picker.error.ivu-date-picker .ivu-input {
  border-color: red;
}

.utm-date-picker.ivu-date-picker .ivu-input:hover {
  border: 1px solid rgba(5, 154, 232, 1);
}

.utm-date-picker.ivu-date-picker .ivu-input.ivu-input-disabled {
  background-color: rgba(251, 250, 249, 1);
  border: 1px solid rgba(223, 223, 223, 1);
  -webkit-box-shadow: unset;
          box-shadow: unset;
  cursor: not-allowed;
  color: #999;
}

.utm-date-picker.ivu-date-picker .ivu-input:focus {
  border: 1px solid rgba(5, 154, 232, 1);
  -webkit-box-shadow: 0 0 0 2px #D2F0FF;
          box-shadow: 0 0 0 2px #D2F0FF;
}

.ivu-date-picker-focused input {
  border-color: rgba(5, 154, 232, 1);
  -webkit-box-shadow: 0 0 0 2px #D2F0FF;
          box-shadow: 0 0 0 2px #D2F0FF;
  outline: unset;
}

.utm-date-picker .ivu-input-prefix i, .utm-date-picker .ivu-input-suffix i {
  font-size: 16px;
  line-height: 40px;
  color: #808695;
}

.ivu-picker-panel-body {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

/*****DatePicker********/

.utm-date-picker .ivu-date-picker-cells-cell-selected em,
.utm-date-picker .ivu-date-picker-cells-cell-selected:hover em,
.utm-date-picker .ivu-date-picker-cells-cell-today em:after {
  background: rgba(5, 154, 232, 1);
}

.utm-date-picker .ivu-date-picker-cells-cell:hover em {
  background: rgba(210, 240, 255, 1);
}

.utm-date-picker .ivu-date-picker-cells-focused em {
  -webkit-box-shadow: 0 0 0 1px rgba(5, 154, 232, 1) inset;
          box-shadow: 0 0 0 1px rgba(5, 154, 232, 1) inset;
}

.utm-date-picker .ivu-date-picker-cells-header span {
  width: 32px;
}

.utm-date-picker .ivu-date-picker-cells {
  width: 252px;
}

.utm-date-picker span.ivu-date-picker-cells-cell {
  width: 36px;
  cursor: pointer;
  text-align: center
}

.utm-date-picker span.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-disabled {
  cursor: not-allowed;
}

.utm-date-picker .ivu-btn-primary {
  background-color: rgba(5, 154, 232, 1);
  border-color: rgba(5, 154, 232, 1);
}

.utm-date-picker .ivu-btn:hover {
  color: rgba(5, 154, 232, 0.6);
  background-color: #fff;
  border-color: rgba(5, 154, 232, 0.6);
}

/********************DatePicker********************/

/*******TimePicker***********/

.utm-date-picker .ivu-time-picker-cells-cell-selected, .ivu-time-picker-cells-cell-selected:hover {
  color: unset;
  background: rgba(210, 240, 255, 1);
}

/*******TimePicker***********/

/**************时间组***************/

.utm-date-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.utm-date-group .select-time-to {
  display: inline-block;
  width: 24px;
  text-align: center;
  font-size: 16px;
  min-width: 24px;
}

/**************时间组***************/

/*************************时间选择控件样式End***********************/

/*****************复选框START******************/

.utm-checkbox-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 8px 0;
  margin-right: 32px;
  cursor: pointer;
}

.utm-checkbox-wrapper-disabled .utm-checkbox,
.utm-checkbox-wrapper-disabled .utm-checkbox-text {
  cursor: not-allowed;
  color: #999;
}

.utm-checkbox-wrapper .utm-checkbox {
  position: relative;
  height: 16px;
}

.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 1; /* 不设层级无法点击input */
  height: 16px;
  width: 16px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input:disabled {
  cursor: not-allowed;
}

.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input:disabled + .utm-checkbox-inner {
  border: 1px solid rgba(223, 223, 223, 1);
  cursor: not-allowed;
}

.utm-checkbox-wrapper .utm-checkbox-inner {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0;
  cursor: pointer;
  border-radius: 2px;
  background: transparent;
  border: 1px solid rgba(5, 154, 232, 1);
  -webkit-transition: border-color .2s ease-in-out, background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  top: -2px;
  left: 0;
}

.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input:checked + .utm-checkbox-inner {
  border-color: rgba(5, 154, 232, 1);
  background-color: rgba(5, 154, 232, 1);
}

.utm-checkbox-wrapper .utm-checkbox-inner:before {
  content: "";
  display: table;
  width: 5px;
  height: 10px;
  position: absolute;
  top: 1px;
  left: 4px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input:checked + .utm-checkbox-inner:before {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
}

.utm-checkbox-wrapper .utm-checkbox-text {
  margin-left: 8px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 340px;
}

.utm-checkbox-wrapper .utm-checkbox-text .desc-span{
  color: #b4b4b4;
}

.utm-checkbox-wrapper .utm-checkbox-indeterminate .utm-checkbox-inner:before{
  width: 7px;
  height: 7px;
  -webkit-transform: unset;
          transform: unset;
  border: 0;
  background: rgba(5, 154, 232, 1);
  top: 3px;
  left: 3px;
}

.utm-checkbox-wrapper.child-checkbox{
  padding-left: 22px;
}

/*iview版复选框*/

.utm-check-group .ivu-checkbox-checked .ivu-checkbox-inner,
.utm-check-group .ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner,
.utm-checkbox .ivu-checkbox-checked .ivu-checkbox-inner,
.utm-checkbox .ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner {
  background: rgba(5, 154, 232, 1);
  border-color: rgba(5, 154, 232, 1);
}

.ivu-checkbox-checked .ivu-checkbox-inner{
  background: rgba(5, 154, 232, 1);
  border-color: rgba(5, 154, 232, 1);
}

.utm-check-group .ivu-checkbox-wrapper ,
.utm-checkbox .ivu-checkbox-wrapper {
  font-size: 16px;
  margin: 4px 4px 4px 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  vertical-align: middle;
}

.utm-checkbox .ivu-checkbox-indeterminate .ivu-checkbox-inner {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

/*****************复选框END******************/

/*****************单选框START**************/

.utm-radio-group {
  vertical-align: sub;
  line-height: 40px;
}

.utm-radio-group .ivu-radio-checked .ivu-radio-inner {
  border-color: #059FE8;
}

.utm-radio-group .ivu-radio-checked.ivu-radio-disabled .ivu-radio-inner {
  border-color: #d2f0ff;
}

.utm-radio-group .ivu-radio-checked .ivu-radio-inner:after {
  background-color: #059FE8;
}

.utm-radio-group .ivu-radio-checked.ivu-radio-disabled .ivu-radio-inner:after{
  background-color: #d2f0ff;
}

.utm-radio-group .ivu-radio-wrapper {
  margin-right: 20px;
  font-size: 16px;
}

/*****************单选框START**************/

/**********switch 开关START*************/

.utm-switch.ivu-switch {
  height: 20px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.utm-switch.ivu-switch.ivu-switch-checked{
   border-color: #059fe8;
   background-color: #059fe8;
}

.utm-switch.ivu-switch.ivu-switch-small {
  height: 16px;
}

.utm-switch.ivu-switch:after {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 1);
  top: 4px;
  left: 4px;
}

.utm-switch.ivu-switch.ivu-switch-small:after {
  top: 2px;
}

.utm-switch.ivu-switch-checked:after {
  left: 26px;
}

/**********switch 开关START*************/

/*颜色选择*/

.utm-color-picker.ivu-color-picker {
  width: 74px;
  cursor: pointer;
}

.utm-color-picker.ivu-color-picker .ivu-input {
  border: 1px solid #059fe8;
}

.utm-color-picker.ivu-color-picker .ivu-input-icon {
  right: 9px;
}

.utm-color-picker.ivu-color-picker .ivu-select-dropdown {
  width: 256px;
}

.utm-color-picker.ivu-color-picker .ivu-icon-ios-arrow-down:before {
  content: "More";
  font-size: 14px;
  color: #059fe8;
  line-height: 28px;
}

.utm-color-item {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 3px;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border-radius: 4px;
  vertical-align: middle;
  cursor: pointer;
}

.utm-color-item .color-bg {
  display: block;
  margin: 3px;
  width: 16px;
  height: 16px;
  background: #00cbff;
  border-radius: 2px;
}

.utm-table .ivu-table-cell{
  word-break: break-word;
}

/*组织架构树*/

.utm-table.organization-table .ivu-table-overflowY{
  overflow-x: hidden;
}

.utm-architecture-tree.data-tree .utm-font,
.utm-rank-tree .utm-font{
  font-size: 16px;
  vertical-align: middle;
}

.utm-architecture-tree .ivu-tree-arrow .ivu-icon-ios-arrow-forward:before{
  font-family: "utmfont", sans-serif;
  content: '\E705';
  color: #059FE8;
  padding-right: 2px;
  font-size: 16px;
}

.utm-architecture-tree .ivu-tree-arrow.ivu-tree-arrow-open .ivu-icon-ios-arrow-forward:before{
  font-family: "utmfont", sans-serif;
  content: '\E704';
  color: #059FE8;
  padding-right: 2px;
  font-size: 16px;
}

.utm-architecture-tree .ivu-tree-arrow,
.utm-rank-tree .ivu-tree-arrow {
  line-height: 40px;
}

.utm-architecture-tree .ivu-tree-title,
.utm-rank-tree .ivu-tree-title {
  height: 40px;
  line-height: 40px;
  width: calc( 100% - 16px );
}

.utm-architecture-tree .ivu-tree-title:hover,
.utm-architecture-tree.data-tree .ivu-tree-title-selected:hover{
  color: #059FE8;
  background-color: transparent;
}

.utm-architecture-tree .ivu-tree-title-selected{
  background-color: transparent;
}

.utm-rank-tree .ivu-tree-title-selected,
.utm-rank-tree .ivu-tree-title-selected:hover {
  background-color: #d2f0ff;
}

.utm-architecture-tree.data-tree .ivu-tree-title-selected,
.utm-architecture-tree.data-tree .ivu-tree-title-selected:hover{
  background-color: transparent;
}

.utm-architecture-tree .ivu-tree-title>span>span,
.utm-rank-tree .ivu-tree-title>span>span{
  display: inline-block;
  width: 100%;
}

.utm-architecture-tree.operate .ivu-tree-arrow{
  display: none;
}

.utm-architecture-tree.operate .ivu-tree-title{
  display: block;
  width: 100%;
}

.utm-architecture-tree.operate .ivu-tree-title>span{
  text-align: left;
}

.utm-architecture-tree.operate .ivu-tree-children {
  padding: 0;
}

.utm-architecture-tree.operate .operate-btn{
  margin-right: 10px;
}

.utm-architecture-tree.operate .operate-btn:hover{
  background-color: #eff6f9;
}

.utm-architecture-tree .ivu-tree-arrow-open i{
  -webkit-transform: none;
          transform: none;
}

/***********自定义树形结构组件utmTree style Start***********/

.utm-tree-box{
  overflow: auto;
}

.utm-tree-box::-webkit-scrollbar{
  width: 4px;
  height: 4px;
  background-color: #303745;
}

.utm-tree-box::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #FFFFFF;
}

.utm-tree-box::-webkit-scrollbar-thumb{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}

.utm-tree-list {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.utm-tree-box>.utm-tree-list {
  min-height: 100%;
}

.utm-all-mode-tree-box > .utm-tree-list,
.utm-all-mode-tree-box > .utm-tree-list > .utm-tree-item {
  height: 100%;
}

.utm-all-mode-tree-box > .utm-tree-list > .utm-tree-item > .utm-tree-list {
  height: unset;
  max-height: calc(100% - 40px);
}

.utm-checkbox.utm-part-checked .ivu-checkbox-checked .ivu-checkbox-inner,
.utm-checkbox.utm-part-checked .ivu-checkbox-checked:hover .ivu-checkbox-inner {
  border-color: var(--main-color);
  background-color: transparent;
}

.utm-checkbox.utm-part-checked .ivu-checkbox-checked .ivu-checkbox-inner:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 1px;
  background-color: var(--main-color);
  -webkit-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}

/* 添加这个是有的地方直接使用的是input而没有用组件 半选状态 */

.utm-checkbox.utm-part-checked-input::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 1px;
  background-color: var(--main-color);
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%)
}

.utm-tree-item-row {
  line-height: 32px;
  white-space: nowrap;
  margin-left: 2px;
}

.utm-tree-item-row span,
.utm-tree-item-row>label {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.utm-tree-list .ivu-checkbox-wrapper {
  margin: 2px;
  margin: 0 4px 0 0;
}

.utm-tree-item-row .ivu-icon {
  font-family: Ionicons, sans-serif;
}

.utm-tree-item-arrow {
  width: 18px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 200ms;
  transition: 200ms;
  font-size: 14px;
}

.utm-tree-item-arrow.utm-tree-item-arrow-expand {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.utm-tree-item-text {
  width: calc(100% - 54px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.utm-tree-item>.utm-tree-list {
  padding-left: 8px;
}

/* 过渡 */

.utm-tree-enter{
    opacity: 0;
}

.utm-tree-enter-active{
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.utm-tree-leave,
.utm-tree-leave-active,
.utm-tree-leave-to{
    opacity: 0;
}

/***********自定义树形结构组件utmTree style End***********/

.utm-tooltip.more-ac-tooltip .ivu-tooltip-light .ivu-tooltip-inner{
  max-width: 300px;
}

.utm-tooltip.more-ac-tooltip .more-ac-info-box{
  min-width: 300px;
  height: 160px;
  white-space: normal;
  word-break: break-all;
  overflow: auto;
}

.utm-driver-name-detail{
  cursor: pointer;
  color: #059fe8;
  font-size: 16px;
}

/*user card tooltip*/

.user-card-tooltip .ivu-tooltip-inner{
  max-width: unset;
}

/*user card tooltip*/

.permanent-text{
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}

/* 重新element ui的tree组件的样式 */

.el-tree-node__expand-icon.is-leaf::before{
  visibility: hidden;
}

.el-tree-node__label{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}

.el-tree-node__content{
  height: 40px;
}

.el-tree-node__content, .el-upload-list__item{
    background-color: #FFF !important;
}

.el-icon-caret-right:before{
    content:"\F11F";
    font-family: Ionicons, sans-serif;
    color: #333333;
    font-size: 14px;
}

.el-checkbox__inner{
    width: 16px;
    height: 16px;
    border: 1px solid #059ae8;
    border-radius: 2px;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 1px;
    background-color: var(--main-color);
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
}

.el-checkbox__input.is-checked{
    background-color: #059AE8;
    border-color: #059AE8;
    height: 16px;
    width: 16px;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #FFF;
}

.el-checkbox__inner::after{
    left: 5px;
    top: 2px;
}

/* flex布局相关样式 */

.flex-r-start-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-r-between-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-c-start-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-r-between-start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.flex-r-start-start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.flex-r-start-end{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-r-end-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-c-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-r-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-c-end-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-c-start-start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.handle-tooltip-height-to-long .ivu-tooltip-inner{
  max-height: 200px;
  overflow: auto;
  max-width: 250px;
}

.el-cascader-menu .el-cascader-node__prefix{
  display: none;
}

.utm-error-box{
  background-color: rgba(246,111,106, .15);
  width: 57px;
  height: 57px;
  text-align: center;
  line-height: 57px;
  border-radius: 50%;
  margin: 40px 45% 40px 45%;
}

.utm-error-box i{
  font-size: 28px;
  color: #f66f6a;
  font-weight: bold;
}

.utm-delete-content{
  font-size: 18px;
  color: #2f3234;
}

.ivu-tooltip-inner{
  max-width: 100%;
}

.utm-down-loading-spin{
  display: inline-block;
  position: relative;
  top: -4px;
}

.utm-spin-icon-load{
  margin-right: 12px;
  color: var(--main-color);
  -webkit-animation: ani-loading-spin 1s linear infinite;
          animation: ani-loading-spin 1s linear infinite;
}

@-webkit-keyframes ani-loading-spin {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  to   { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@keyframes ani-loading-spin {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  to   { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

/*utm-slider*/

.utm-slider .ivu-slider-wrap{
  background: rgba(var(--main-color-rgb),.2);
  height: 10px;
  border-radius: 5px;
  margin:0;
}

.utm-slider .ivu-slider-wrap .ivu-slider-bar{
  background: var(--main-color);
  height: 10px;
}

.utm-slider .ivu-slider-stop{
  width: 10px;
  height: 10px;
}

.utm-slider .ivu-slider-button{
  width: 16px;
  height: 16px;
  border: 1px solid var(--main-color);
}

.utm-slider .ivu-slider-button-wrap{
  width: 16px;
  height: 16px;
  top:50%;
  margin-top: -8px;
}

/* esop 插件样式修改 */

#esop-box .butterflies-arrow{
  stroke-width:6px
}

#esop-box  .butterfly-wrapper .group .title{
  display: none;
}

#esop-box .butterfly-wrapper .container {
  background-color: rgba(var(--main-color-rgb),0.2);
}/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/10/13
* @DESC <公共样式>
 1.公用样式属性命名以 utm-* 的形式
 2.公用样式禁止使用important
 3.如特殊地方需要修改公用样式请添属性名增加优先级来修改，不可直接改公用样式，若本身公用样式发生改变，请询问商讨
 4.修改添加样式请根据备注信息添加到地方，实现模块化，不要东一段，西一段代码，不利于后期优化代码和修改bug
 5.class和id名称一律使用小写字母加'-'形式,如: #home, #user-list, .page-top
 6.修改iview组件样式时，添加class名进行修改，并将class添加到使用地，不可直接就iview的类名更改样式
 7.添加新的公共样式时，请先查询该样式其他组员是否添加，避免代码重复和样式混乱
* ****************************************************************/
* {
  margin: 0;
  padding: 0;
}
:root{
  --main-color:#059FE8;
  --main-color-rgb: 5, 159, 232;
}
ul li, a:hover {
  text-decoration: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/static/fonts/S6uyw4BMUTPHjx4wXg.b4d2c4c.woff2) format('woff2');
}
body, div, li, ul, button, p, h1, h5, pre, a, span, label, td {
  font-family: 'Lato', sans-serif;
}
body .ivu-icon{
  font-family: Ionicons, sans-serif;
}
/*字体大小*/
.utm-fs-32 {
  font-size: 32px
}
.utm-fs-24 {
  font-size: 24px
}
.utm-fs-20 {
  font-size: 20px;
}
.utm-fs-16 {
  font-size: 16px;
}
.utm-fs-14 {
  font-size: 14px;
}
.ql-container{
  min-height: 200px;
}
/***********操作提示START*************/
body .ivu-message-notice-content {
  font-size: 16px;
  padding: 15px 16px;
  color: #333;
  min-height: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  max-width: 600px;
  min-width: 270px;
  word-break: break-all;
}
body .ivu-message-notice-content .success-notice-bg {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#3fda4f), to(#1db72d)) !important;
  background: linear-gradient(to bottom, #3fda4f, #1db72d) !important;
  width: 48px;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px 0 0 4px;
}
body .ivu-message-notice-content .success-notice-bg.error-notice-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#fd5d5d), to(#dc2e2e)) !important;
  background: linear-gradient(to bottom, #fd5d5d, #dc2e2e) !important;
}
body .ivu-message-notice-content .success-notice-bg.info-notice-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#7ac6dc), to(#42a4fd)) !important;
  background: linear-gradient(to bottom, #7ac6dc, #42a4fd) !important;
}
body .ivu-message-notice-content .success-notice-img {
  font-size: 24px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body .ivu-message-notice-content-text:nth-child(1) {
  display: none;
}
body .ivu-message-notice-content-text:nth-child(2) {
  width: 100%;
}
body .ivu-message-notice-content .success-notice-content {
  display: block;
  margin-left: 33px;
  font-size: 16px;
}
body .ivu-message-notice-content .success-notice-content .message-title {
  display: block;
  font-weight: bold;
  color: #333;
}
body .ivu-message-notice-content .success-notice-content .message-content {
  color: #999;
  margin-top: 5px;
  display: block;
  word-break: break-word;
}
body .ivu-message-notice-content .ivu-message-notice-close i.ivu-icon {
  font-size: 32px;
  top: -8px;
}
/***********操作提示END*************/
/**************************tab标签框Start**********************/
.utm-tabs{
  background: #ebeff2;
  font-size: 0;
}
.utm-page-tabs{
  position: relative;
  padding: 0 16px;
  background-color: #ebeff2;
}
.utm-tabs ul{
  background: #f0f6ff;
  border-radius: 8px 8px 0 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 51px;
}
.utm-tabs .utm-tab-item {
  padding: 12px 8px;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  width: 250px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  background-color: #effaff;
}
.utm-tabs>ul>.utm-tab-item:first-child{
  border-top-left-radius: 8px;
}
.utm-tabs .utm-tab-item.active {
  background-color: rgb(255, 255, 255);
  color: #059FE8;
  font-weight: 700;
  border-radius: 8px 8px 0 0;
}
/* 这个是给那些tab标签页添加阴影 */
.utm-tabs .utm-table-shadow.active{
  z-index: 10;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
          box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  position: relative;
}
.utm-tabs .active::after{
  position: absolute;
  content: '';
  display: block;
  bottom: -11px;
  width: 100%;
  height: 12px;
  background-color: #FFF;
  left: 0px;
}
.utm-tabs .utm-tab-item.active:before,
.utm-tabs .utm-tab-item:first-child:before,
.utm-tabs .utm-tab-item.active+.utm-tab-item:before {
  display: none;
}
.utm-tabs .utm-tab-item:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 32px;
  background: #dfdfdf;
  position: absolute;
  left: 0;
  top: 10px;
}
/*更多选项*/
.utm-tab-item .other-tab-box{
  position: absolute;
  width: 100%;
  height: unset;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  z-index: 5;
  left: 0;
  top: 50px;
  display: none;
}
.utm-tabs .utm-tab-item.other-tab-item:before{
  width:0;
}
.utm-tab-item.other-tab-item{
  background: #fff;
  margin: 0;
  color: #515a6e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-tab-item.other-tab-item.active,
.utm-tab-item.other-tab-item:hover{
  background: rgba(239,250,255,1);
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.utm-tab-item .more-tab-arrow{
  position: absolute;
  right: 8px;
  top: 18px;
  font-size: 16px;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.utm-tab-item.more-tab-item{
  padding-right: 16px;
  border-radius: 0 8px 0 0;
}
.utm-tab-item.more-tab-item>span{
  display: inline-block;
  width: calc( 100% - 16px );
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 22px;
}
ul>.utm-tab-item:last-child{
  border-radius: 0 8px 0 0;
}
/*线形tab标签*/
.utm-line-tabs{
  border-bottom: 1px solid #dfdfdf;
}
.utm-line-tabs .utm-line-tab-item{
  height: 40px;
  margin: 0 16px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.utm-line-tabs .utm-line-tab-item.active{
  color: #059fe8;
}
.utm-line-tabs .utm-line-tab-item:after{
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #059fe8;
  -webkit-transition: all .15s ease-in ;
  transition: all .15s ease-in ;
  -webkit-transform-origin: center;
          transform-origin: center;
  bottom: 0;
  left: 50%;
}
.utm-line-tabs .utm-line-tab-item.active:after{
  width: 100%;
  left: 0;
}
/*填充式tab标签*/
.utm-primary-tabs{
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0;
  display: inline-block;
}
.utm-primary-tabs li{
  width: 170px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #dfdfdf;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
  font-size: 16px;
  padding: 0 8px;
}
.utm-primary-tabs .utm-primary-tab-item{
  display: inline-block;
  max-width: 100%;
}
.utm-primary-tabs li:first-child{
  border-radius: 3px 0 0 3px;
}
.utm-primary-tabs li:last-child{
  border-right: 0;
  border-radius: 0 3px 3px 0;
}
.utm-primary-tabs li.active,
.utm-primary-tabs li:hover{
  background: rgba(5,159,232,1);
  color: #fff;
}
.utm-primary-tabs .utm-more-info-icon{
  font-size: 16px;
  margin-left: 8px;
  color: #059ae8;
}
.utm-primary-tabs li.active .utm-font,
.utm-primary-tabs li:hover .utm-font{
  color: #fff;
}
/****************下划线切换项************/
.utm-underline-tab-box{
  width: 100%;
  border-bottom: 1px solid #eee;
}
.utm-underline-tab{
  font-size: 18px;
  margin-right: 40px;
  position: relative;
  display: inline-block;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: ease-in-out all .2s;
  transition: ease-in-out all .2s;
  color: #333;
  padding: 0 16px;
}
.utm-underline-tab.active{
  color: #059fe8;
  font-weight: bold;
}
.utm-underline-tab.active:after{
  content: '';
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #059fe8;
  border-radius: 3px 3px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
/****************下划线切换项************/
/**************************tab标签框End**********************/
/*************标记START*************/
/*矩形圆角*/
.utm-badge-rectangle {
  width: 32px;
  height: 22px;
  border-radius: 11px;
  background-color: #c61c1c;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 2px;
  position: relative;
  display: inline-block;
}
/*圆形*/
.utm-badge-circle {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #c61c1c;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 2px;
  position: relative;
  display: inline-block;
}
/*************标记END*************/
/***********状态START**************/
.utm-status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-right: 8px;
}
/***********状态END**************/
/***********文字状态START**************/
.utm-mode {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  padding: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 12px;
  color: #FFF;

  vertical-align: bottom;
  max-width: 120px;
  display: inline-block;
}
/***********文字状态END**************/
/**************步骤条START*************/
.utm-step-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}
.utm-step-box .step-node {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.utm-step-box .step-node i {
  color: #fff;
  font-size: 16px;
}
.utm-step-box .connect-line {
  display: inline-block;
  height: 1px;
  background: rgba(206, 206, 206, 1);
  width: 250px;
}
.utm-step-box .connect-line.completed {
  background: #19be6b;
}
.step-node.current-step {
  position: relative;
  margin: 0 4px;
}
.step-node.current-step:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #059ae8;
  position: absolute;
  top: -4px;
  left: -4px;
}
/**************步骤条START*************/
/*ivew 的移入提示 dark*/
.utm-tooltip-dark .ivu-tooltip-popper.ivu-tooltip-dark .ivu-tooltip-arrow ,
.utm-tooltip-dark-transfer.ivu-tooltip-popper.ivu-tooltip-dark .ivu-tooltip-arrow {
  border-top-color: rgba(0,0,0,.9);
  border-bottom-color: rgba(0,0,0,.9);
}
.utm-tooltip-dark .ivu-tooltip-popper.ivu-tooltip-dark .ivu-tooltip-inner,
.utm-tooltip-dark-transfer.ivu-tooltip-popper.ivu-tooltip-dark .ivu-tooltip-inner{
  background-color: rgba(0,0,0,1);
  max-width: unset;
}
.utm-ellipsis-tooltip-transfer .ivu-tooltip-inner{
  white-space: normal;
  word-break: break-word;
  max-width: 500px;
}
.ivu-tooltip-inner-with-width{
  text-align: left;
}
/*tooltip*/
.utm-tooltip .ivu-tooltip-inner {
  min-width: 50px;
  max-width: 565px;
  white-space: break-spaces;
  word-break: break-word;
  text-align: unset;
}
.utm-tooltip.ivu-tooltip-transfer.utm-tooltip-dark .ivu-tooltip-inner{
  background-color: rgba(70,76,91,1);
}
/* 文字不换行 */
.utm-tooltip.nowrap .ivu-tooltip-inner {
  white-space: nowrap;
  word-break: keep-all;
  max-width: unset;
}
.utm-tooltip .ivu-tooltip-inner .tooltip-title {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.utm-tooltip .ivu-tooltip-inner .tooltip-item {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
/*特殊处理主要应用于白色的提示层里面又出现黑色的提示层*/
.ivu-tooltip-light.ivu-tooltip-popper .utm-tooltip-dark .ivu-tooltip-popper.ivu-tooltip-dark .ivu-tooltip-arrow {
  border-bottom-color: rgba(0,0,0,.9);
  display: none;
}
.ivu-tooltip-light .utm-tooltip-dark .ivu-tooltip-popper.ivu-tooltip-dark .ivu-tooltip-inner {
  color: #fff;
}
/*************排列显示列表Start(左右排列，右侧列表)**********/
.utm-arrange-box {
  margin-left: -8px;
  margin-right: -8px;
  padding: 16px;
}
.utm-arrange-box .utm-arrange-item {
  padding: 8px;
  float: left;
}
.utm-arrange-box .utm-arrange-item.utm-arrange-item6 {
  width: 16.6%
}
.utm-arrange-box .utm-arrange-item.utm-arrange-item4 {
  width: 25%;
}
.utm-arrange-box .utm-arrange-item.utm-arrange-item3 {
  width: 33.33%;
}
.utm-arrange-box .utm-arrange-item.utm-arrange-item2 {
  width: 50%;
}
.utm-arrange-box .utm-arrange-item.utm-arrange-item1 {
  width: 100%;
}
.utm-arrange-enter,
.utm-arrange-leave-to {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);

}
.utm-arrange-leave-active {
  position: absolute;
}
.utm-arrange-item .arrange-item-container {
  width: 100%;
  height: 200px;
  border: 1px solid rgba(221, 221, 221, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
}
.utm-arrange-item .arrange-item-container:hover {
  border-color: #059FE8;
}
.arrange-item-container .item-left-img {
  position: relative;
  margin-right: 16px;
  width: 120px;
  height: 100%;
  border: 1px dashed #ccc;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.arrange-item-container .item-left-img.map {
  overflow: hidden;
}
.arrange-item-container .item-left-img img {
  max-height: 100%;
  max-width: 120px;
}
.arrange-item-container .item-left-img img.map {
  position: absolute;
  max-width: 10000px;
  max-height: 10000px;
}
.arrange-item-container .item-right-content {
  width: calc(100% - 134px);
  height: 100%;
  padding: 8px 8px 16px 8px;
  position: relative;
}
.arrange-item-container .arrange-item-title {
  font-size: 20px;
  color: rgba(51, 51, 51, 1);
  position: relative;
}
.arrange-item-title .item-name {
  white-space: nowrap;
  max-width: 260px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-right-content .arrange-item-field {
  color: rgba(153, 153, 153, 1);
  padding: 1px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.arrange-item-field .field-content {
  color: rgba(51, 51, 51, 1);
  margin-left: 8px;
  display: inline-block;
  max-width: calc(100% - 105px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-field-tag {
  padding: 2px 8px;
  line-height: 1;
  font-size: 14px;
  height: 20px;
  border-radius: 15px;
  border: 1px solid;
  color: rgba(188, 164, 128, 1);
  min-width: 30px;
  display: inline-block;
  margin-left: 4px;
}
.utm-option-operation.item-operation {
  right: -8px;
  top: 0;
  position: absolute;
  display: block;
}
.item-operation .more-operation {
  left: -90px;
}
/*************排列显示列表End(左右排列，右侧列表)**********/
/********更多操作**********/
.utm-option-operation {
  height: 100%;
  width: 24px;
  position: relative;
  min-width: 24px;
  min-height: 38px;
}
.utm-option-operation i {
  color: rgba(153, 153, 153, 1);
}
.utm-option-operation .more-operation i {
  color: #059FE8;
}
.utm-option-operation .more-operation i.green-txt {
  color: #16AE4D;
}
.utm-option-operation .more-operation i.red-txt {
  color: #C61C1C;
}
.utm-option-operation .more-operation {
  position: absolute;
  left: 25px;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 4px;
  z-index: 10;
  display: none;
}
.more-operation .operate-item {
  padding: 8px;
  min-width: 130px;
  width: 100%;
  color: rgba(153, 153, 153, 1);
  white-space: nowrap;
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.more-operation .operate-item i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 4px;
}
.more-operation .operate-item .operate-title {
  color: rgba(51, 51, 51, 1);
}
.more-operation .operate-item:hover {
  background: #effaff;
  cursor: pointer;
}
/********更多操作**********/
/************************点的样式***************************/
.utm-location-icon {
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.utm-location-icon .point-icon-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 38px;
  height: 38px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .16);
          box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .16);
  border-radius: 50%;
}
.utm-location-icon.mini,
.utm-location-icon.mini .point-icon-type{
  width: 14px;
  height: 14px;
}
.utm-location-icon .point-icon-type:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .25s linear;
  transition: -webkit-transform .25s linear;
  transition: transform .25s linear;
  transition: transform .25s linear, -webkit-transform .25s linear;
  background-color: rgba(22, 174, 77, 1);
}
.utm-location-icon.mini .point-icon-type:after{
  width: 8px;
  height: 8px;
}
.utm-location-icon .point-icon-type.point-disable:after {
  background-color: #C61C1C;
}
.utm-location-icon .point-icon-type.point-abnormal:after {
  background-color: #FF7D43;
}
.utm-location-icon .point-icon-type.point-offline:after {
  background-color: #8B8B8B;
}
.utm-device-status-icon.point-disable{
  color: #C61C1C !important;
}
.utm-device-status-icon.point-abnormal{
  color: #FF7D43 !important;
}
.utm-device-status-icon.point-offline{
  color: #8B8B8B !important;
}
.utm-location-icon .point-icon-type:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .25s linear;
  transition: -webkit-transform .25s linear;
  transition: transform .25s linear;
  transition: transform .25s linear, -webkit-transform .25s linear;
  background-color: rgba(140, 209, 165, 1);
}
.utm-location-icon.mini .point-icon-type:before {
  width: 14px;
  height: 14px;
}
.utm-location-icon .point-icon-type.point-disable:before {
  background-color: #D47E7E;
}
.utm-location-icon .point-icon-type.point-abnormal:before {
  background-color: #F8BEA5;
}
.utm-location-icon .point-icon-type.point-offline:before {
  background-color: #CBC6C6;
}
.utm-location-icon .device-type-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  z-index: 3;
}
.utm-location-icon .point-icon-type i {
  color: #fff;
  font-size: 16px;
  z-index: 5;
}
.device-delete-icon{ /*地图列表拖动删除提示图标*/
  display: none;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #C61C1C;
  text-align: center;
  line-height: 20px;
}
.device-icon-tooltip .ivu-tooltip-popper{
  margin-top: 8px;
  margin-left: 0;
}
.device-icon-tooltip .ivu-tooltip-inner{
  background-color: #25272E;
  width: 280px;
  max-width: unset;
}
.device-icon-tooltip .ivu-tooltip-popper[x-placement=bottom-start] .ivu-tooltip-arrow{
  left: 7px;
}
/******************点的样式**************************/
/**********************table(iview版本)Start*********************/
/************************ office Setting 中iview表格内的下拉框样式 start**************/
.utm-table.ivu-table-wrapper {
  overflow: inherit;
}
.utm-table .ivu-table:before { /*列表最后一行下边线*/
  height: 0;
}
/************************ office Setting 中iview表格内的下拉框样式 end**************/
.utm-table .ivu-table th {
  background: rgba(239, 246, 249, 1);
  color: rgba(51, 51, 51, 1);
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
}
.utm-table .ivu-table th .ivu-table-cell {
  word-break: keep-all;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
  width: 100%;
}
.utm-table .ivu-table-tip td:first-child{
  border-left: 1px solid #dfdfdf;
}
.utm-table .ivu-table-tip td:last-child{
  border-right: 1px solid #dfdfdf;
}
.utm-table .ivu-table td {
  font-size: 16px;
  padding: 2px 0;
}
.utm-table .ivu-table td, .utm-table .ivu-table th {
  border-bottom: 1px solid #dfdfdf;
}
.utm-table .ivu-table .ivu-table-body td:first-child{
  border-left: 1px solid #dfdfdf;
}
.utm-table .ivu-table .ivu-table-fixed-body td:first-child{
  border-right: 1px solid #dfdfdf;
}
.utm-table .ivu-table-border td, .utm-table .ivu-table-border th {
  border-right: 1px solid #dfdfdf;
}
.utm-table .ivu-table.ivu-table-border .ivu-table-body td:first-child {
  border-left: 0;
}
.table-operator-icon {
  font-size: 24px;
  color: rgba(5, 159, 232, 1);
  margin-right: 10px;
}
/* bug 37278 */
.table-operator-icon:hover{
  border-radius: 4px;
  background-color: rgb(5 159 232 / 10%);
}
.table-view-icon {
  font-size: 16px;
  color: #858585;
  vertical-align: super;
}
.utm-table .utm-blue-icon{
  font-size: 16px;
  color: rgba(5, 159, 232, 1);
}
.table-operator-icon.utm-disable-icon{
  color: #C61C1C;
}
.table-operator-icon.utm-enable-icon{
  color: #16AE4D;
}
.table-operator-icon.disabled-operator-icon,.disabled-operator-icon{
  font-size: 24px;
  color: #b4b4b4;
  margin-right: 10px;
  pointer-events: none;
  cursor: not-allowed;
}
.utm-table .ivu-table-filter i {
  color: rgba(30,77,109,1);
}
.utm-table .user-photo {
  height: 60px;
  width: 50px;
  vertical-align: middle;
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.utm-table.utm-table-photo .ivu-table td {
  height: 80px;
}
.utm-table {
  word-break: break-word;
  font-size: 16px;
}
.utm-table.organization-table .ivu-table,
.utm-table.organization-table .ivu-table-cell{
  overflow: visible;
}
.preview-table {
  padding: 0;
}
.preview-table .preview-table .ivu-table-cell{
  font-size: 10px;
  font-weight: 400;
}
.preview-table .ivu-table td {
  font-size: 10px;
  font-weight: 400;
}
.preview-table .ivu-table th .ivu-table-cell {
  word-break: revert;
  font-size: 10px;
  font-weight: 400;
}
/*列表的展开详情内容*/
.utm-table .ivu-table-cell.ivu-table-cell-with-expand { /*列表行展开隐藏默认图标*/
  display: none;
}
.ivu-table-cell .row-details {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  color: #243A81;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ivu-table-cell .row-details .row-details-arrow {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.ivu-table-cell .row-details.row-details-open .row-details-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-table .ivu-table td .ivu-table-cell-tree {
  font-size: 14px;
  border: 1px solid #333;
}
.utm-table .ivu-table td .ivu-table-cell-tree-empty {
  border: transparent;
}
.utm-table .ivu-table td .ivu-table-cell-tree i.ivu-icon {
  color: #333333;
  font-weight: bold;
}
.utm-table .ivu-table td .ivu-table-cell-tree + span {
  vertical-align: middle;
}
.utm-table .ivu-table .ivu-table-fixed,
.utm-table .ivu-table .ivu-table-fixed-right {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-table .ivu-table .ivu-table-fixed:before,
.utm-table .ivu-table .ivu-table-fixed-right:before {
  background-color: transparent;
}
.utm-table .ivu-table-fixed-right-header {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: rgba(239, 246, 249, 1);
  border-top: 0 solid;
  border-bottom: 1px solid #e5e5e5;
}
.utm-table .default-face-photo-img {
  display: inline-block;
  width: 54px;
  height: 72px;
  background-image: url(/static/img/default-user.f8259fa.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 4px;
}
/*列表操作右边固定定位部分*/
.utm-table .ivu-table .ivu-table-fixed-right {
  left: unset;
  height: calc(100% - 5px);
}
.utm-table .ivu-table-fixed-body{
  z-index: 0;
}
/***No Data显示****/
.utm-table-nodata {
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  padding: 40px 0;
  text-align: center;
}
.utm-table-nodata i{
  color: #7ac9f1;
  font-size: 50px;
}
.utm-table-nodata .utm-symbol-font {
  width: 44px;
  height: 37px;
}
.utm-table-pre{
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-table .desc-span{
  color: #b4b4b4;
}
/**********************table(iview版本)End*********************/
/********************* table(vxe-table版本) ******************/
.utm-vxe-table .vxe-table--render-default{
  font-size: 16px;
}
.utm-vxe-table .vxe-header--column{
  font-weight: bold;
  color: #333;
}
.utm-vxe-table .vxe-table--render-default .vxe-table--body{
  color: #333;
}
.utm-vxe-table .vxe-table--render-default .vxe-table--empty-placeholder,
.utm-vxe-table .vxe-table--render-default .vxe-table--empty-content{
  min-height: 160px;
}
.utm-vxe-table .vxe-table--render-default .vxe-table--fixed-right-wrapper{
  z-index: 2;
}
.utm-vxe-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{
  font-weight: 400;
}
.utm-vxe-table .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon,
.utm-vxe-table .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon,
.utm-vxe-table .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{
  color: var(--main-color);
}
.utm-vxe-table .vxe-table .vxe-cell--sort {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.utm-vxe-table .vxe-table .vxe-sort--asc-btn.sort--active,
.utm-vxe-table .vxe-table .vxe-sort--desc-btn.sort--active{
  color: var(--main-color);
}
.utm-vxe-table .vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{
  word-wrap: break-word;
  white-space: normal;
  word-break: keep-all;
}
.utm-vxe-table .vxe-table--render-default.border--default .vxe-table--header-wrapper{
  background-color: rgba(239, 246, 249, 1);
}
.utm-vxe-table .vxe-table--render-default .vxe-body--column.vxe-cross-bank.col--ellipsis:not(.col--actived)>.vxe-cell{
  white-space: normal;
  text-overflow: unset;
}
.utm-vxe-table .vxe-table--render-default .vxe-table--border-line{
  z-index: 0;
}
.utm-vxe-table .vxe-table--render-default .vxe-table--body-wrapper{
  max-height: unset;
  min-height: 48px;
}
.utm-vxe-table .vxe-body--row.row-supplement{
  background-color: rgba(223,223,223,.3);
}
.utm-vxe-table .is--disabled.vxe-checkbox .vxe-checkbox--icon,
.utm-vxe-table .is--disabled.vxe-custom--option .vxe-checkbox--icon,
.utm-vxe-table .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon,
.utm-vxe-table .is--disabled.vxe-table--filter-option .vxe-checkbox--icon,
.utm-vxe-table .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon{
  color: #dcdee2;
  border-color: #dcdee2;
  background-color: #f3f3f3;
}
.vxe-table--tooltip-wrapper.theme--dark{
  background-color: rgba(70,76,91,.9) !important;
}
.vxe-table--tooltip-wrapper.theme--dark .vxe-table--tooltip-arrow,
.vxe-table--tooltip-wrapper.theme--dark .vxe-table--tooltip-arrow:before{
  border-top-color: rgba(70,76,91,.9) !important;
}
.vxe-table--tooltip-wrapper .vxe-table--tooltip-content{
  font-size: 14px;
}
.vxe-cell .vxe-icon-checkbox-indeterminate { /* 半选外框 */
  position: relative;
  display: block;
  margin-left: 1px;
  width: 16px;
  height: 16px;
  border: 1px solid var(--main-color);
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
}
.vxe-cell .vxe-icon-checkbox-indeterminate:before { /* 半选内方块 */
  position: absolute;
  content: "";
  display: block;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background-color: var(--main-color);
}
/********************* table(vxe-table版本) ******************/
/**************************内容区域布局Start************************/
/*tab页面的子路由页面*/
.utm-tab-child-page{
  position: absolute;
  top: 0;
  left: 1px;
  width: calc(100% - 1px);
  height: 100%;
  background: #ebeff2;
}
/*二级页面顶部导航*/
.utm-page-header{
  position: relative;
  padding: 0 16px 16px;
  border-radius: 8px;
}
.utm-page-header>.utm-btn:first-child{
  width: 90px;
}
.utm-page-header>.utm-btn i{
  margin-right: 6px;
}
.utm-page-header .utm-page-title{
  position: relative;
  margin-left: 32px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  vertical-align: text-bottom;
}
.utm-page-header .utm-page-title:before {
  content: '';
  position: absolute;
  left: -16px;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
}
.utm-page-header-btns{
  display: inline-block;
  float: right;
}
.utm-page-footer{
  width: 100%;
  height: calc( 100% - 56px );
  overflow: auto;
  overflow-x: hidden;
  background-color: #fff;
}
.utm-page-padding{
  padding: 16px 24px;
}
.module-content {
  font-size: 0;
  padding-top: 16px;
}
/*二级页面顶部导航*/
.page-top{
  padding: 0 16px 16px;
  background-color: #EBEFF2;
  position: relative;
}
.page-top>.utm-btn:first-child{
  width: 90px;
}
.page-top>.utm-btn i{
  margin-right: 6px;
}
.page-top .page-title{
  position: relative;
  margin-left: 32px;
  font-size: 18px;
  font-weight: 700;
}
.page-top .page-title:before {
  content: '';
  position: absolute;
  left: -16px;
  top: 0;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
}
.page-top-btns{
  display: inline-block;
  float: right;
}
.page-content{
  padding: 16px;
  height: calc( 100% - 56px );
  overflow: auto;
}
/*左侧为列表，右侧为内容布局*/
.utm-box {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.utm-tabs-box{
  -webkit-box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.1);
          box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.1);
}
.utm-box .utm-box-left {
  width: 360px;
  min-width: 360px;
  height: 100%;
  background: #fff;
  border-right: 1px solid rgba(232, 232, 232, 1);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -webkit-box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.25);
          box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.25);
  margin-right: 6px;
  position: relative;
  border-radius: 8px;
}
.utm-box-left .utm-left-header {
  padding: 0 16px;
  height: 50px;
  width: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
  color: #333;
}
.utm-box-left .utm-left-search {
  padding: 16px;
}
.utm-box .utm-box-left.utm-box-left-shrink {
  width: 0;
  min-width: 0;
  border-right: 0;
  opacity: 0;
  margin-right: 0;
  height: 0;
  overflow: hidden;
}
.utm-box .utm-box-right {
  height: 100%;
  overflow-y: auto;
  overflow-x: unset;
  background-color: #fff;
  position: relative;
  width: 100%;
}
.utm-shrink-button {
  position: absolute;
  width: 16px;
  height: 100px;
  top: 50%;
  left: 360px;
  margin-top: -24px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  background: -webkit-gradient(linear, left bottom, left top, from(#0598e8), to(#05b9e8));
  background: linear-gradient(0deg, #0598e8, #05b9e8);
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: left .25s ease-in-out;
  transition: left .25s ease-in-out;
}
.utm-shrink-button.shrink-button1 {
  left: 0;
}
.utm-shrink-button.shrink-button1 i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-shrink-button i {
  color: #fff;
  font-size: 16px;
}
/*左侧列表内容*/
.utm-list-page-box {
  height: calc(100% - 75px);
  overflow-y: auto;
  width: 360px;
}
.utm-list-page-box ul li.utm-list-item {
  color: #333;
  font-size: 16px;
  cursor: pointer;
}
.utm-list-page-box ul li .utm-item {
  position: relative;
  padding: 0 16px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-list-page-box ul li .utm-item:hover { /*移入*/
  background: #EFFAFF;
}
.utm-list-page-box ul li .utm-item.active { /*选中*/
  background: rgba(5, 159, 232, 1);
  color: #fff;
}
.utm-list-page-box ul li .utm-item .utm-item-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  white-space: pre-line;
}
.utm-list-page-box ul li .utm-item .utm-item-icon i {
  color: #b4b4b4;
  font-size: 24px;
  margin-right: 8px;
}
.utm-list-page-box ul li .utm-item.active .utm-item-icon i { /*选中*/
  color: #fff;
}
.utm-list-page-box ul li .utm-item .utm-item-name {
  display: inline-block;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  max-width: 300px;
}
/*操作*/
.utm-list-page-box ul li .utm-item .utm-item-method {
  margin-right: -4px;
  position: relative;
}
.utm-list-page-box ul li .utm-item .utm-item-method i {
  margin: 0 4px;
  font-size: 16px;
  color: #666;
}
.utm-list-page-box ul li .utm-item-method:hover  {
  background: rgba(122,201,241,.7);
  border-radius: 4px;
}
.utm-list-page-box ul li .utm-item.active .utm-item-method i, /*选中移入*/
.utm-list-page-box ul li .utm-item-method:hover i { /*图标移入*/
  color: #fff;
}
/*更多操作*/
.utm-left-more-operation {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: -200%;
  top: -200%;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 4px;
  z-index: 1001; /*模态框中更多操作*/
}
.utm-left-more-operation .operate-item {
  padding: 8px;
  min-width: 130px;
  color: rgba(51, 51, 51, 1);
  white-space: nowrap;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.utm-left-more-operation .operate-item i {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 4px;
  color: #059FE8;
}
.utm-left-more-operation .operate-item:hover {
  background: #effaff;
}
/**************************内容区域布局End************************/
/************列表栏内容搜索Start****************/
.utm-page-inquire {
  position: relative;
  padding: 16px;
}
.utm-page-inquire .inquire-btn-box {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 0;
}
.inquire-btn-box>*{
  font-size: 16px;
}
.inquire-btn-box button{
  margin-left: 16px;
  z-index: 1;
}
.inquire-btn-box .ivu-tooltip{
  margin-left: 0;
}
.inquire-btn-box .ivu-tooltip button{
  margin-left: 16px;
}
.utm-table-box {
  padding: 0 16px;
}
/*分页内容*/
.utm-pagination {
  padding: 16px 0 16px 0;
  position: relative;
}
.utm-pagination.utm-fixed-pagination{ /*底部固定分页*/
  position: absolute;
  bottom: 0;
  left: 16px;
  padding: 8px 16px 8px 0;
  background: rgba(0, 0, 0, 0.64);
  width: calc( 100% - 32px );
  z-index: 3;
}
.utm-pagination.utm-fixed-pagination .utm-batch-operation{
  left: 16px;
  color: #fff;
}
.utm-pagination.utm-fixed-pagination .pager-text{
  color: #fff !important;
}
.utm-pagination-more {
  padding: 8px 0;
  position: absolute;
  width: calc(100% - 32px);
  height: 56px;
  z-index: 4;
  top:720px;
  background-color: rgba(0, 0, 0, 0.64);
  border-radius: 0 0 8px 8px;
}
.utm-batch-operation{
  position: absolute;
  font-size: 14px;
}
.utm-pagination-more .utm-batch-operation{
  position: absolute;
  color: #ffffff;
  left: 16px;
}
/*批量操作*/
.utm-batch-operation .utm-btn{
  margin-right: 16px;
}
/***********列表栏内容搜索End***********/
/****************tag标签**************/
.utm-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 2px 4px 2px 0;
  padding: 0 8px;
  border: 1px solid #e8eaec;
  border-radius: 3px;
  background: #f7f7f7;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-tag i {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.utm-tag .tag-text {
  display: inline-block;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-download-box .utm-tag .tag-text{
  max-width: 100%;
}
.utm-circle-tag{
  display: inline-block;
  padding: 0 16px;
  margin: 4px 8px 4px 0;
  min-width: 80px;
  height: 32px;
  line-height: 32px;
  color: #059fe8;
  text-align: center;
  border-radius: 16px;
  vertical-align: middle;
  white-space: nowrap;
}
.utm-circle-tag.mini{
  padding: 0 11px;
  height: 22px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  position: relative;
}
.utm-circle-tag .utm-close-icon{
  width: 16px;
  height: 16px;
  background-color: #CD4746;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: -8px;
  top: 3px;
}
/****************tag标签**************/
/***************详情页字段************/
.utm-field-title{
  margin: 20px 0 10px;
  color: #393939;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}
.utm-field-title::before{
  content:"";
  display: inline-block;
  margin-right: 6px;
  width: 4px;
  height: 22px;
  background: #059fe8;
  vertical-align: middle;
}
.utm-field-item {
  min-height: 28px;
  line-height: 28px;
  font-size: 0;
}
.utm-field-item .field-item-name {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 153px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  text-overflow: ellipsis;
  text-align: right;
  white-space: nowrap;
}
.utm-field-item .field-item-content {
  color: #333;
  display: inline-block;
  max-width: calc( 100% - 156px );
  font-size: 16px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.utm-field-item .field-item-content-tag{
    margin: -28px 0 0px 150px;
}
.field-item-content.line-break{
  width: calc(100% - 165px);
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.field-item-content.line-break .line-break-content{
  line-height: 24px;
  padding-top: 4px;
}
/***************详情页字段************/
.utm-checkbox-indeterminate .ivu-checkbox .ivu-checkbox-inner:after,
.utm-checkbox.utm-part-checked .ivu-checkbox-checked .ivu-checkbox-inner:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 1px;
  background-color: var(--main-color);
  -webkit-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}
/***********详情页布局样式Start**************************************************/
/***************详情页字段************/
.utm-details-box .utm-details-tite{
  height: 40px;
  background: rgba(210,240,255,1);
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  border-radius: 4px 4px 0 0;
}
.utm-details-box .utm-details-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dfdfdf;
  border-radius: 0 0 4px 4px;
}
.utm-details-box .utm-details-content .utm-details-content-info{
  width: 100%;
  padding: 10px 16px;
}
.utm-details-box .utm-details-content-img{
  min-width: 96px;
  padding: 16px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.utm-details-box .utm-details-user-photo{
  width: 96px;
  height: 112px;
}
.utm-details-box .utm-details-user-photo-type{
  font-size: 16px;
  color: #b4b4b4;
  text-align: center;
  padding: 8px;
}
.utm-details-box .utm-details-content .utm-details-content-info .utm-controls{
  margin-left: 0;
}
.utm-details-box .utm-details-content-more-info .utm-details-content-more-info-header span{
  font-size: 16px;
  color: #059fe8;
  cursor: pointer;
}
.utm-details-box .utm-details-content-more-info .utm-details-content-more-info-header .arrow{
  color: #059fe8;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}
.utm-details-box .utm-details-content-more-info .utm-details-content-more-info-header .arrow.open{
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
/***********详情页布局样式end**************************************************/
/***********树形结构Start***********/
.utm-tree .ivu-tree-title {
  font-size: 16px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-tree .ivu-checkbox-inner,
.utm-table .ivu-checkbox-inner{
  border: 1px solid #7ac9f1;
}
.utm-tree .ivu-checkbox-checked .ivu-checkbox-inner,
.utm-table .ivu-checkbox-checked .ivu-checkbox-inner{
  background-color: var(--main-color);
  border-color:var(--main-color);
}
.utm-tree .ivu-checkbox-indeterminate .ivu-checkbox-inner{
  background-color: #fff;
}
.utm-tree .ivu-checkbox-indeterminate .ivu-checkbox-inner:after{
  width: 8px;
  height: 8px;
  -webkit-transform: unset;
          transform: unset;
  border: 0;
  background: rgba(5, 154, 232, 1);
  top: 3px;
  left: 3px;
}
.utm-tree.utm-custom-tree.ivu-tree ul li{
  margin:0;
}
.utm-tree.utm-custom-tree .ivu-tree-title{
  width: calc( 100% - 42px );
}
/***********树形结构End***********/
/********************批量选择*******************************/
.check-substance-box {
  width: 100%;
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-substance-box .substance-left {
  padding: 16px 0 0 16px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.check-substance-box .substance-right {
  width: 50%;
  border-left: 1px solid rgba(223, 223, 223, 1);
}
.check-substance-box .search-section{
  margin-bottom: 4px;
}
.check-substance-box .search-section .search-item {
  max-width: 200px;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 4px;
  vertical-align: text-top;
}
.check-substance-box .search-section .utm-prefix-input .utm-prefix-icon i,
.check-substance-box .search-section .utm-suffix-input .utm-suffix-icon i,
.check-substance-box .substance-right .selected-item .utm-font {
  font-size: 16px;
}
.access-code-group .label-text{
  padding-left: 20px;
  z-index: 10;
  position: absolute;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
  width: calc( 100% - 14px );
  overflow: hidden;
  text-overflow: ellipsis;
}
.check-substance-box .substance-left .options-box,
.check-substance-box .substance-right .selected-list{
  height: calc( 100% - 50px );
  overflow-y: auto;
  overflow-x: hidden;
}
.check-substance-box .substance-right .selected-list{
  height: calc( 100% - 49px );
}
.check-substance-box .options-box::-webkit-scrollbar,
.check-substance-box .selected-list::-webkit-scrollbar{
  width: 3px;
  height: 3px;
  background-color: #303745;
}
.check-substance-box .options-box::-webkit-scrollbar-track,
.check-substance-box .selected-list::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #FFFFFF;
}
.check-substance-box .options-box::-webkit-scrollbar-thumb,
.check-substance-box .selected-list::-webkit-scrollbar-thumb{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
.check-substance-box .options-box .options-item {
  display: block;
  width: 100%;
  position: relative;
}
.substance-left .selected-title,
.substance-right .selected-title {
  border-bottom: 1px solid rgba(223, 223, 223, 1);
  display: inline-block;
  width: 100%;
  padding: 12px 16px;
  height: 48px;
}
.substance-right .selected-list .selected-item {
  white-space: nowrap;
  padding: 8px 27px 8px 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  line-height: 16px;
}
.substance-right .selected-list .selected-item .desc-span{
  color: #b4b4b4;
}
.substance-right .selected-list .selected-item .utm-close-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 8px;
}
/*无搜索数据*/
.check-substance-box .no-search-data{
  text-align: center;
  margin-top: 40px;
  color: #999;
}
.check-substance-box .no-search-data i{
  color: #7ac9f1;
  font-size: 35px;
}
/********************批量选择*******************************/
/***********模块标题****************/
.utm-module-title{
  font-size: 18px;
  font-weight: 700;
  position: relative;
  margin-left: 10px;
}
.utm-module-title:before{
  content: '';
  width: 4px;
  height: 22px;
  background: #059fe8;
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 3px;
}
/***********模块标题****************/
/***********视频播放************/
.utm-video {
  width: 100%;
  min-height: 400px;
  background: #000000;
}
.utm-video:focus {
  outline: 0;
}
/***********视频播放************/
/***********滚动条************/
/*高宽及背景*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #303745;
}
/*轨道*/
::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.9);
}
::-webkit-scrollbar-track:hover{
  background-color: rgba(255, 255, 255, 0.8);
}
/*滑块*/
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #B4B4B4;
}
::-webkit-scrollbar-thumb:hover{
  background-color: #8C8C8C;
}
/*横向滚动条*/
/***********滚动条************/
/*添加新的tag/AC(添加按钮下展开面板选择)Start*/
.utm-tag-panel{
  position: absolute;
  padding: 16px 0;
  width: 450px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
  left: 0;
  top: 40px;
  text-align: left;
  max-height: 265px;
}
.utm-tag-panel .search-input-box{
  padding: 0 16px;
}
.utm-tag-panel .tag-lists{
  max-height: 200px;
  min-height: 200px;
  margin-top: 8px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.utm-tag-panel .tag-item{
  position: relative;
  padding: 0 4px 0 16px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: #515a6e;
}
.utm-tag-panel .tag-item>span:nth-child(1){
  display: inline-block;
  width: calc( 100% - 20px );
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.utm-btn.tag-check-btn{
  position: relative;
  z-index: 5;
  opacity: 1;
}
/*添加新的tag/AC(添加按钮下展开面板选择)End*/
/*选择和删除tag标签*/
.utm-tag-list-box{
  border: 1px solid rgba(239,246,249,1);
  padding: 16px;
  margin-top: 8px;
}
.utm-tag-list-box .utm-circle-tag{
  position: relative;
  margin-right: 16px;
}
.utm-tag-list-box .utm-circle-tag span.utm-tag-close{
  height:16px;
  width: 16px;
  display: block;
  text-align: center;
  line-height: 14px;
  position: absolute;
  right: -8px;
  top: 50%;
  margin-top: -8px;
  background: #cd4746;
  z-index: 1;
  border: 1px solid #fff;
  border-radius: 16px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  font-size: 16px;
  cursor: pointer;
}
/*user打印卡选项*/
.print-tooltip .ivu-tooltip-inner{
  padding: 0;
}
/*文字样式*/
.bule-txt,
.main-text{
  color: var(--main-color);
}
.bule-txt:hover{
  background-color: rgba(5,159,232,.1);
  border-radius: 50%;
}
.schedule{
  border-radius: 0 !important;
}
.utm-main-click,
.bule-txt-click{
  color: var(--main-color);
  cursor: pointer;
}
.utm-view-click{
  color: var(--main-color);
  cursor: pointer;
  border: 1px solid #059fe8;
  border-radius: 8px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  padding: 0 6px;
}
.green-txt{
  color: #16AE4D;
}
.red-txt{
  color: #C61C1C;
}
.desc-span {
  color: #b4b4b4;
}
/*Face tracking样式 Start*/
.traking-captured-time-list {
  position: relative;
  height: 200px;
  width: 300px;
  overflow: hidden;
}
.traking-captured-time-item {
  position: relative;
  padding: 5px 10px;
  display: block;
  height: 40px;
}
.traking-captured-time-item:hover {
  background: #4f4a4a;
}
.traking-captured-time-text {
  line-height: 40px;
  white-space: normal;
  word-wrap: normal;
  word-break: normal;
}
.traking-moment-video {
  position: absolute;
  right: 0;
  top: -8px;
  padding: 8px;
  color: var(--main-color);
}
.traking-moment-video span {
  color: var(--main-color);
}
.traking-hinter {
  padding: 10px 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 237px;
  border-radius: 3px;
  color: var(--main-color);
  font-size: 16px;
  text-align: left;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
video.utm-no-process-video{
  background-color: #000;
}
video.utm-no-process-video::-webkit-media-controls-play-button {
    display: none;
}
video.utm-no-process-video::-webkit-media-controls-timeline {
    display: none;
}
video.utm-no-process-video::-webkit-media-controls-current-time-display {
    display: none;
}
video.utm-no-process-video::-webkit-media-controls-time-remaining-display {
    display: none;
}
video.utm-no-process-video::-webkit-media-controls-mute-button {
    display: none;
}
video.utm-no-process-video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}
video.utm-no-process-video::-webkit-media-controls-volume-slider {
    display: none;
}
/*Face tracking样式 End*/
.default-name-prompt .ivu-tooltip-inner{
  max-width: 350px;
}
.detail-table-border-right .utm-table .ivu-table .ivu-table-body td{
  border-right: 1px solid #dfdfdf;
}
.utm-face-tip-icon{
  font-size: 13px;
  color: #059fe8;
  margin-left: 8px;
}
.has-special-characters{
  border-color: #FF0000;
}
.generatedReportStatusTooltip .ivu-tooltip-inner{
  max-width: initial !important;
}
.access-code-icon {
  font-size: 14px;
  color: #8c8c8c;
}
.utm-device-limit-tooltip{
  width: 100%;
}[class*=vxe-icon--]{display:inline-block;vertical-align:middle;position:relative;direction:ltr;font-family:Verdana,Arial,Tahoma;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[class*=vxe-icon--].rotate45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[class*=vxe-icon--].rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[class*=vxe-icon--].rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vxe-icon--arrow-bottom,.vxe-icon--arrow-left,.vxe-icon--arrow-right,.vxe-icon--arrow-top,.vxe-icon--calendar,.vxe-icon--caret-bottom,.vxe-icon--caret-left,.vxe-icon--caret-right,.vxe-icon--caret-top,.vxe-icon--check,.vxe-icon--circle-plus,.vxe-icon--close,.vxe-icon--d-arrow-left,.vxe-icon--d-arrow-right,.vxe-icon--dot,.vxe-icon--download,.vxe-icon--edit-outline,.vxe-icon--error,.vxe-icon--eye,.vxe-icon--eye-slash,.vxe-icon--funnel,.vxe-icon--info,.vxe-icon--menu,.vxe-icon--minus,.vxe-icon--more,.vxe-icon--plus,.vxe-icon--print,.vxe-icon--question,.vxe-icon--refresh,.vxe-icon--remove,.vxe-icon--search,.vxe-icon--square,.vxe-icon--success,.vxe-icon--upload,.vxe-icon--warning,.vxe-icon--zoomin,.vxe-icon--zoomout{width:1em;height:1em;line-height:1em}.vxe-icon--arrow-bottom:before,.vxe-icon--arrow-left:before,.vxe-icon--arrow-right:before,.vxe-icon--arrow-top:before,.vxe-icon--calendar:after,.vxe-icon--calendar:before,.vxe-icon--caret-bottom:before,.vxe-icon--caret-left:before,.vxe-icon--caret-right:before,.vxe-icon--caret-top:before,.vxe-icon--check:before,.vxe-icon--circle-plus:after,.vxe-icon--close:before,.vxe-icon--d-arrow-left:after,.vxe-icon--d-arrow-left:before,.vxe-icon--d-arrow-right:after,.vxe-icon--d-arrow-right:before,.vxe-icon--dot:before,.vxe-icon--download:after,.vxe-icon--download:before,.vxe-icon--edit-outline:after,.vxe-icon--edit-outline:before,.vxe-icon--error:after,.vxe-icon--eye-slash:after,.vxe-icon--eye-slash:before,.vxe-icon--eye:before,.vxe-icon--funnel:after,.vxe-icon--funnel:before,.vxe-icon--info:after,.vxe-icon--minus:before,.vxe-icon--more:before,.vxe-icon--plus:before,.vxe-icon--print:after,.vxe-icon--print:before,.vxe-icon--question:after,.vxe-icon--refresh:after,.vxe-icon--refresh:before,.vxe-icon--remove:after,.vxe-icon--search:after,.vxe-icon--search:before,.vxe-icon--square:before,.vxe-icon--success:after,.vxe-icon--upload:after,.vxe-icon--upload:before,.vxe-icon--warning:after,.vxe-icon--zoomin:after,.vxe-icon--zoomin:before,.vxe-icon--zoomout:after,.vxe-icon--zoomout:before{content:"";position:absolute}.vxe-icon--square:before{left:.05em;top:.05em;width:.9em;height:.9em}.vxe-icon--square:before,.vxe-icon--zoomin{border-width:.1em;border-style:solid;border-color:inherit}.vxe-icon--zoomin{background-color:#fff}.vxe-icon--zoomin:after,.vxe-icon--zoomin:before{background-color:inherit}.vxe-icon--zoomin:before{left:-.1em;top:.2em;width:1.1em;height:.4em}.vxe-icon--zoomin:after{top:-.1em;left:.2em;width:.4em;height:1.1em}.vxe-icon--zoomout{position:relative}.vxe-icon--zoomout:before{right:0;top:0}.vxe-icon--zoomout:after,.vxe-icon--zoomout:before{width:.7em;height:.7em;border-width:.1em;border-style:solid;border-color:inherit}.vxe-icon--zoomout:after{left:.1em;bottom:.1em;background-color:#fff}.vxe-icon--menu:before{content:"";display:inline-block;width:.22em;height:.22em;-webkit-box-shadow:0 -.36em 0,-.36em -.36em 0,.36em -.36em 0,inset 0 0 0 1em,-.36em 0 0,.36em 0 0,0 .36em 0,-.36em .36em 0,.36em .36em 0;box-shadow:0 -.36em 0,-.36em -.36em 0,.36em -.36em 0,inset 0 0 0 1em,-.36em 0 0,.36em 0 0,0 .36em 0,-.36em .36em 0,.36em .36em 0;margin:.26em}.vxe-icon--caret-bottom:before,.vxe-icon--caret-left:before,.vxe-icon--caret-right:before,.vxe-icon--caret-top:before{border-width:.4em;border-style:solid;border-color:transparent}.vxe-icon--caret-top:before{left:.1em;bottom:.3em;border-bottom-color:inherit}.vxe-icon--caret-bottom:before{left:.1em;top:.3em;border-top-color:inherit}.vxe-icon--caret-left:before{right:.3em;bottom:.1em;border-right-color:inherit}.vxe-icon--caret-right:before{left:.3em;bottom:.1em;border-left-color:inherit}.vxe-icon--arrow-bottom:before,.vxe-icon--arrow-left:before,.vxe-icon--arrow-right:before,.vxe-icon--arrow-top:before{top:.4em;left:.14em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:inherit;border-bottom-color:transparent;border-left-color:transparent;border-radius:.15em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.vxe-icon--arrow-bottom:before{top:0;left:.14em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.vxe-icon--arrow-left:before{top:.18em;left:.35em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vxe-icon--arrow-right:before{top:.18em;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-icon--d-arrow-left:before,.vxe-icon--d-arrow-right:before{left:.15em}.vxe-icon--d-arrow-left:after,.vxe-icon--d-arrow-right:after{left:.58em}.vxe-icon--d-arrow-left:after,.vxe-icon--d-arrow-left:before,.vxe-icon--d-arrow-right:after,.vxe-icon--d-arrow-right:before{top:.18em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:inherit;border-radius:.15em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.vxe-icon--d-arrow-right:after,.vxe-icon--d-arrow-right:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.vxe-icon--d-arrow-right:before{left:-.25em}.vxe-icon--d-arrow-right:after{left:.18em}.vxe-icon--funnel:before{top:.05em;left:0;border-width:.5em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.vxe-icon--funnel:after{left:.41em;top:.4em;width:0;height:.5em;border-width:0 .2em 0 0;border-style:solid;border-right-color:inherit}.vxe-icon--edit-outline:before{height:.84em;width:.86em;top:.1em;left:.02em;border-radius:.2em;border-width:.1em;border-style:solid;border-color:inherit}.vxe-icon--edit-outline:after{left:.6em;bottom:.2em;width:0;height:.8em;border-radius:0 0 80% 80%;border-width:0 0 0 .22em;border-style:solid;border-color:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-icon--more:before{content:"...";top:0;left:.1em;line-height:.5em;font-weight:700}.vxe-icon--plus:before{content:"+";left:-.12em;bottom:-.1em;line-height:1em;font-size:1.6em}.vxe-icon--check:before{left:.25em;bottom:.2em;width:.5em;height:.9em;border-width:.15em;border-style:solid;border-top-color:transparent;border-right-color:inherit;border-bottom-color:inherit;border-radius:.15em;border-left-color:transparent}.vxe-icon--check:before,.vxe-icon--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-icon--close:before{content:"+";left:-.1em;bottom:-.16em;line-height:1em;font-size:1.8em}.vxe-icon--minus:before{content:"\2500";left:0;bottom:0;width:100%;text-align:center;line-height:.9em;font-size:1.2em}.vxe-icon--refresh{border-width:.1em;border-style:solid;border-radius:50%;border-right-color:transparent!important;border-left-color:transparent!important}.vxe-icon--refresh:before{left:50%;top:0;-webkit-transform:translateX(50%) rotate(-45deg);transform:translateX(50%) rotate(-45deg)}.vxe-icon--refresh:after{right:50%;bottom:0;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.vxe-icon--refresh:after,.vxe-icon--refresh:before{width:0;height:0;border-width:.25em;border-style:solid;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.vxe-icon--refresh.roll{-webkit-animation:rollCircle 1s linear infinite;animation:rollCircle 1s linear infinite}@-webkit-keyframes rollCircle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.vxe-icon--circle-plus:before,.vxe-icon--error:before,.vxe-icon--info:before,.vxe-icon--question:before,.vxe-icon--remove:before,.vxe-icon--success:before,.vxe-icon--warning:before{content:"";border-radius:50%;border-width:.5em;border-style:solid;border-color:inherit;position:absolute;top:0;left:0;-webkit-transform:scale(.95);transform:scale(.95)}.vxe-icon--info:after,.vxe-icon--question:after,.vxe-icon--warning:after{left:0;bottom:0;width:100%;text-align:center;color:#fff;-webkit-transform:rotate(-10deg) scale(.75);transform:rotate(-10deg) scale(.75)}.vxe-icon--question:after{content:"?"}.vxe-icon--info:after{content:"\A1"}.vxe-icon--warning:after{content:"!"}.vxe-icon--success:after{content:"\2713";left:.25em;bottom:0;color:#fff;font-size:.65em}.vxe-icon--circle-plus:after{content:"+";line-height:1.4em;font-size:.8em}.vxe-icon--circle-plus:after,.vxe-icon--remove:after{left:0;bottom:0;width:100%;text-align:center;color:#fff}.vxe-icon--remove:after{content:"\2500";line-height:1.5em;font-size:.7em}.vxe-icon--error:after{content:"\D7";left:0;bottom:0;width:100%;line-height:1.4em;text-align:center;color:#fff;font-size:.8em}.vxe-icon--download,.vxe-icon--upload{overflow:hidden}.vxe-icon--download:before,.vxe-icon--upload:before{left:0;width:1em;border-width:0;border-style:solid;border-color:inherit}.vxe-icon--download:after,.vxe-icon--upload:after{width:100%;text-align:center;font-size:2em}.vxe-icon--upload:before{top:.1em;border-top-width:.1em}.vxe-icon--upload:after{content:"\2191";left:0;top:.15em}.vxe-icon--download:before{bottom:.05em;border-bottom-width:.1em}.vxe-icon--download:after{content:"\2191";left:0;bottom:.15em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vxe-icon--eye-slash:before,.vxe-icon--eye:before{content:"\25CF";top:.16em;left:0;width:1em;height:.68em;line-height:.25em;border-radius:50%;border-width:.1em;border-style:solid;border-color:inherit;text-align:center}.vxe-icon--eye-slash:after{top:-.1em;left:.45em;width:0;height:1.2em;border-width:0;border-style:solid;border-color:inherit;border-left-width:.1em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-icon--calendar:before{top:.15em;left:0;width:1em;height:.8em;border-width:.2em .1em .1em .1em;border-radius:.1em .1em 0 0;border-style:solid;border-color:inherit}.vxe-icon--calendar:after{left:.2em;top:0;width:.6em;height:.3em;border-width:0 .1em;border-style:solid;border-color:inherit}.vxe-icon--dot:before{top:.25em;left:.25em;border-radius:50%;border-width:.25em;border-style:solid;border-color:inherit}.vxe-icon--print{border-width:.2em 0;border-style:solid;border-color:transparent!important;border-radius:.3em .3em 0 0}.vxe-icon--print,.vxe-icon--print:before{-webkit-box-shadow:inset 0 0 0 .1em;box-shadow:inset 0 0 0 .1em}.vxe-icon--print:before{width:.6em;height:.3em;top:-.2em;left:.2em}.vxe-icon--print:after{width:.6em;height:.6em;left:.2em;bottom:-.2em;-webkit-box-shadow:inset 0 0 0 .1em;box-shadow:inset 0 0 0 .1em;background-color:#fff}.vxe-icon--search:before{top:0;left:0;width:.8em;height:.8em;border-width:.15em;border-style:solid;border-color:inherit;border-radius:50%}.vxe-icon--search:after{top:.75em;left:.6em;width:.35em;height:0;border-width:.15em 0 0 0;border-style:solid;border-color:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@font-face{font-family:vxeiconfont;src:url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAENwAAsAAAAAkrwAAEMeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACadgqB53iBvVoBNgIkA4UsC4JYAAQgBYULB5FOG4J7NeyYIeA8BChnuj8xihK5aqOoGEWz//+c5GQMYSY4U6t6/yFZaOm+88Bc3GkZ68gTvR+UxpLI2S7PbEJebBodVmS+yYHIgUiBaB569rFJq/AUT+GjIAs8qu0lj4KUI0GQCgVtc+CN78hwJKgWF3zn1YJfedawvzzoX+khSdHk4R+9+G6SmU+iI7QAKqGT/Qbr04eHas+93du7/90NM4qoURRdF6IQhRCVgqAYo+2rI+5eEi3dVYb/OdeAJoIDqayL/04rA6ABCBJ4Dg9z699YsyhgMMaiqbGGjQFja5DaxgRBGTAGEkaBAQLiCXgYCWKgmGDFiYWJgZ6n908uMIPD+Pa5yW9qL92x1OTRQhrfsSnJERfoEKSVU/casFPnAHO8P7u/u78rydCyYW0XwUmBAi0vzGuAgFz//D/8yd7u+UADyiJLPEwA4m3m9HxRQI7UylR0CsDb47+9AL/bPvem9GwnO5IhKSIaArwA4It0lVoOFoHzM9MzXXM7GOatSt+IxjI/H9DbfY9CeXBeyCMOwpe2PSkupLNI/da1H/CG+G4YgifY6NmDRcD+Uv0/7J2x2l5OXA8KyLFehEQFZM2/Oa12xjxstFHalHUxFo2tS7lLqdsrmp8G8efPAMOArGGELIQTIPkYkMMo3GIk+xCS32pDkjfkMIB1Blv7HiNdQBelCyF0IaT2qiuqe30KbZXKVLTdFUV1VORJEsEFwNDPSbDAXOh1L8rZjaLuy36AmyC6tdJ8kNO+Lzp+3eJCY0UEKUFO/VbdHlNsq4FHrtCrJEp2idwKwPctkaCOpwnSaZ95y9Tu+B47oI0C54wJ8YbJjt/OzcpXqirYMLELQ3XagrhmRdJLGxxXsy9/UtmQUKR6xrEz5zt9m79P/QfqnzOTfTv/DBLYcYoiMvQzLFjcVRwrbFlRSPsxNmX/KhQXPh53Rg2EjgiEAnGC0TBFiiahEEsjSTIMQ+JItTanv4td6Ro3u80d7vG4pz3vzaN3TI/lsT2eAC2FxdWTo4nR5v77wte8/f0f/sJXwQIXMihhgD1c5Y14/g5rOGNiTI66+CUuxFvxVfxXyhfnxasUVeorU8op5Y5KV3XO3/v+gyf/HZj8nPfvQU6V08R7+Fn8POfiljY4PnXW5eNaMjhW7n/sj/POj5r/DyE4ODVK+TcPrEb+OI7/tnWSiZ+X3ed8FbzpfNv5Pv8x/yn/qzNa+sdxdj6591NDwNFof1Y1hOPkNQsgIkjEwVqIjtcfmA5xLuP6fwYvS5Qns87PGKajlgoG6eTe3vYMML2tK+a0c83hIzMftHZZZ30kRrvv85evc699q7d/ovs/jTHWhdPK1PlerdTd/tq4cs/ek9vf7Hs81KEmOxfffjj7ynDnJ7fS1+5C49z89t37D1N+F2lw/bNyS5YeX7Z8xcpVq9d87KKrfrrproeeeqlriKLxHhxhpM0DNXHs7K7d82o9X7tu/Y0NGzft2Lxlgtpe1Nh6bFJ7HWx4NX/BwkUXLr6udPnU6UsHbt4aZbBmpp5rrgUFpVi/GsrLrZ4/AtAVPBEQzBJ+OC+gmCFgGEbA0ZFAoCWBQjGBxSCCjE4EBT9EEHoTVBwSwRhA0DBdMNGWiMQ9EY05QoJ2hAKPhAqHRSyOCA1miiQ8EMloTZhwR5jRmbCgD5GGAsKB0cR4/BQefBYl+CK8+ComYa6YhWuiGt/EHNQT83BU1GIiUYdfYj4+iXqMIRowlmjEdbEA00QTyohFqCMW47v4GdVEG0qJZaPWWqA/sQ5tiA1TpY3AHrEJe0UXTorN2C62ja6OAvtEHx6L0xhKXMYJcRVNxG/YL37HYvE/3BZ/4qF4gdkSgysSi+EkDlclHpMlEa1IIfqSYhyUcSgk1RhHJuOlNOCtNOKdNOG9NOODtGGKLMZvWYUisgYNZCOeyoV4JpehnFyJJXIVlsrVOC7XYJlci+WyHStkB1bKdVglO7Fa7sQaeRAf5TF0IX9BV/I4+pF96EaeQHfyJHqQp9CTPI1e5BlUkecxhLyAEvISxpNX8Ef+hhHkLYwk/4ed8h8MJB+jkXyPM/IDzjJfAGwhINhKCDCDEKIBYcWNRCqWE2OwgkjDSiIdFxEZWEVkYjWRhTWEHZsIB9YSTqwjSjGBKENtYiJuIiajPlGH9cQvOEBcwCTiMtoTV9CB+BMbiNe4hXgz/WwEg/7FoFEMeosxo3fAacKHWykB1KEEwVlKfjhCCYajlFg4QykKuygdx8WU+nAJZcozipWCZzDqAJpR6cJUqnNwgr/3fZp7EnbxRwvwECSLJp083Q8ZOOcUt8zma5lCZrNJM2Yp6iEJOpWPEsRpuwJa6WkUI7F5KN0xkRtvugUWMY0QEXZoB1VAhOhALtGMDIiE1TaxkCQnWkqk6CvIYRFGB2FNu1tGRHYmdIJtRsvNTGIWKpZDRL6vVycEuWy1SNRJn8ig1JBjI8HMmSh7i9W4+0Ilqb2c+KkwA7rvhEFgxAEvKBrzXOrydKpmBURyLm4JsWbYq4dg2OlLXMTOJA4RadiKihUprjA2WRXtxBoJZqOH2NS68bWxCU62UOQUaEahD3HA3OnuLeTgJGzCOol23Wp7wXsYYgg9xR4SoEKqYTM7m5WR/V+tX5bss64GyTk3CfB6CLpN3toWGwcm+kygNZsOEBdVK7JdzFu5wpkrAsubNWTZNGAOnjJ8ayDgLjnixDtJQnikg6ADnxIBpE+8kaoFtYQ7jYQcUraqerF6NZk0JqR7s1UNExS7Nhwstq/M//ye5z7LihBqi0fTEdkDk9FYHJwnoMThANAAl2R2L63taeGVRPuU8SiycRsvrYCb4KL2U15isVVeo046gspWvSkK56MIKi45VCF0Y3DGPVngthNHyezS+qNFMi2FYBKWMMYi0YwkgOziFmo65K9sFDrf6GyhUY1OYIfzLmpY9FRR8ucyuCxS4XggCMeZS1v8ndvp/TDRA2fcam3LR6n5IJY2LrybpHXddvCoe09utI6tl+SDWUrRQxTuYi6r0jTA1eZSuJWwL1nJjiK0xyuREzyjOUEARFUE+rJvhSH219XPOsMnkUWRHcfYU3ptpOstVPiizGTchaF9QIIA2Vu99/cZOrPiGPY4hrr+xSPkFzLlQgeE9kbt5jnmA7EbPtvCfqowM9PSiKdcK4/WBet4E7N34/jxM7EdRTkHpe/cuGBfvIn5weehrOn6zftduipU9zwWAjl3jW2Poteqn2hSZhRhFkVQL45U94xNu6tx9HXD8MnL82Ebw8KWnUNDjZrQdn+IXznvlLommsjq5bLKy0p9r7XvFHZuecyqOpOtRkUhHv7Ncz2SNO7xbOyynzpTPk5Iu4NMCf4iAcy5ix3GyzlKPUDrNGYHwViLH7URoYBrcQygRmEtnKdf8C90AN/EZrcNQHynA1G7X/vlv51x1VV861FttbB/8WAqcr0/zjtCgVE/ucmfp219DX6cZ6XnfOdQs74VkZGu2rl946k3uaufWXHz9riJUad/uSkziDq58LaH/FVeG0EY4mq05wRxN7S+swTq+ttSgCcVEQzCmsIKAhNIQABjN8bcMHaiIeLhQmDkt58RJHAiGNUjlWruZpClgXRQlZOMwga1Gi4HScEtLIggvBvimDrz5waAHLoeLl18HNqHb5jOfHbSrkHVhFZoLyDJTp3gHBCVq+OddJMgNloambDKoJ8lN7uzQHrI5uyzxbeh2Get3pTNwR8MVa0NAnTdvCjdoLAdgLEXFtFbwTnrfAA9cKPM2i7coG4X4kzmBPZ33g5Tl9kzrexO1GCEQf5knUxk774TvXbljzhP+skZe/eZD2PJV+6VmdZZ/KulXr/HS9bNZ44nL101BWnO+09lFa8wgh798Z2wetaa1gGoa/cXkIGSOdZJb2yqQITUgXq8KwBkHhh6+DYu/O7jf3ABxlP545GW1oFa06EtXQ5gqgLE74sSSI9bzaTf5gbzGCb7jlp0Lq1qEHjeUwmvhvtne5tT85hg+w8WBYNLsTaOoQQwtlTBACBQ0HAYC5ohNYZBNm4df+9X/ITIrybGSkpWMbrG+ONf+YXr+80rV1R6j7QxP2E/DW3N+Fc5CeDFFZDN1KrCjGaTQemfnEdki6eHo7o5yM25wnQ/7qWe8LTK9oHQKsUb7QZmb3VbeoZ148/ukx4aHwUmiGQofNaUW38t7sBID+hxkzmTxd03G2+mworvA+W04Kf+5ElqcN5qvpWObhKeMuBx9XqVOtXePHdFa0UmvllKzRRGnZ5Ln3beqK9MEm8rCLIMEGB0e0482LzI5SmgZIzdJNnLBl2r04aAG8lTAyOTDdWUHJC7c6Nlo8GxRu2mM2t0CVHvFBh0C4Co6uybN+IMiWNib/0yTTardq2Fn76zX8qtB2KZxexcpSpvYPSWzqSMfAFnYaJzrEmFLEmxdDWD0GMnnOhDAuTydDYXQcl6bwNIKg23VbOrTadeJqHrhNpx/InkvO/KFyZY4X7Hx1BEl8LX4j6jqRCnNe3lHYgc5S/PUinHLoVmzEx7YF7xOHd1RrnUzU2GUIhtrDZFIZgYVinNECcKD9JNKabr777DPIg+b8Lc4cSOizdfl6P+zvy1C78DyFHvfrTUXB0VZ8EnduI0Rlk8BQmQNu4ldzwt+W3+uOAhvN1N0b4tC9aeA1n3+iclSzXUBnZ9OzyIxtKgJfKSmQr/oOsFcvD97/jjwIzMUOPmyQcmGTfK9OHv90PhmfTpx6FM1DKtV4/RPRsppTefrP/Uqa9c99aBOFFL6AqCjIRkdQ8AAb9WzSbLW/dm0x82j1+5cunkXiCijZcxuy5PMMZMuWJFeG145dzk0KA0kIkYCCI13NQs2lETMiFsKXEZMrMgdNMQytSSLhMhHM6TDCIKj+Wkk3meSgkLYrxs8APSU7fBpJ3xK3ZlRoc1vTYoms26Ul5eeTQ4oZ70B7yKyrFnus9nlo5uHMOekFWtQz4gzymSTVmK2K67YG6o/opSowpoUhPplsrVfEcGbC7XC0chHi/soxnCMQjhzrzjF87akh5iDyubHKsQg4jOQFiK+ngCUso3sd+176BKhBKlP8dfu2noRxViiDoojbM6yk/onnypef2e5GeUGAgATeIVEA76tD7S6pWPxjPeSA8DI3djTtXy+7L5cPdIRrhOu4qEjsPRFLKxDNLxT9YqKwkaL7AYRwIVqmkddKKvAzxDYYUx0NhZEaibN0SREseNFQlDEEsQ/OPceiT8FZB+B7V2y7o9XoZc/eP3Pr5hgJxq1ltx45Ey+esAoP2PbLzeGumyvSXf+DFWHEU5mawPCvYoWzhY3zG43XR4Dwztzfromf0JJoXwlLUiAQ/E+Ol9A8TjXOobuLKRSreS5VGkzjKpVTVRV1oI/fAKUsZhRW+JkBMRgnOazGXCUYpeebEWooELb+l5WSWlAftK42UGqgoNVuRFRjaDsn6BjspN2ndI5JnZD4sSRe3kXika7xXe3fi9yIAP0NkddfXiv1vHB7BX1okCNSwWxvFXGnSsFwSRbObi8CrVYL1BzCDFAoOTI8FOwxligTrcaiD5RcSvAqoAa0S+iIuNz3MiD8aN9pEld+HQr/HgvLN4GC4+ZimU5+04ZQBnae6DqNW/SU0PYu6dxLp7HkpCiDqc8yo9izP8685aA5nPlvxWmkB2cmDt+uppREnRSMoc/rX9bErdSnExtZ7estMCpeA/ITOlGzmWCACls8mPVVlLHcd80G12QpKkMoX+kxWAlC6v5w/9TdH2nGuFTZUfhQPTjpJrdhyF3FusqAkocGANk65K828zHL03r/y2dcu5Y9+lFnelLRyPEgoimNvLXG55jrAlXPF7JRsp3uwX3YXpsOBgAWncMz8Z3D+HiU9v2Mc/3SSeKT8zsJczr0w1MKvwIsTo2RwYFON2B7LcKvTTTCJxcf8jdgKxGy7si/vWHQumRS4/d+hA21MzL0H8nUN0xCOa0SfF3TjSSoLhdsswCZn8XbOYQxEtVaZdJOQmjDga7T5AES1fSmkB3yqCMDaATCoiLLywu83c5g+CWA4t4MKXjsBEDy9OG4yWqPkftw26xEc91oHd2h2Fs1oNrCCMLCvWWIBt36FVgiAI9qVSTsaC+pQUzQtGmVJPu7r6KyjhjVYWdESV9TmeAozx/NnkeKad8fzh9GH/whwLygikG2kZScA0BuIhIhExTxxMJiDqXcwgowsq5RSss4fMRNB3CSNIB5nFhZ8NKT8204omVFgwLGq7rXaD0r3bDIUFW383OjiPJqyzBrPSH3C0Fkp0WPaIZ8pW/2QS5OahvfB4dCeyYx3OvycOCRvR78udA7p7at++yQcFusqqsNYqOsPKoBIPTaIjyCkvX9UeWlVR2yNyZMMG81gYPmoFt4LXll2KaI/j90QpkHaCa1YC43Yi6nRvbxI33tKX9D01dbp3aczb5y7+Q50pIS0tIlpZv6xOFb1K29VLUxMRN/tCOv7KLyvdAiMjMQM10GSA+n6gy08EbqQYy97RVDtDJFHJauWUU6Ep5yJ1stSV7o2bGb3U3bN77sqlbNH7ZCNrzqS0DBk5rKTo4gzQGCFhduHmZRdFGLjNrYuU34ZkVRjRCsR4bWaZqEOnjbS4/ecSz8qPt2CizbJQjaTxAZZQzhyIlth/OrcETiqK56jsPYaodRsLN6FS0PWQhz2JaIPIi/A/e7QMvtfUrZ2/8qRY3I4C+WJjzRRJLB/nEhqMIvu4QqGMe5arLW7kLRNK15jfgdgjc/R4xR4A4fVMYNDYSElGb6j4OKmKsnhxs/xkAGSgqMiwj/nLRwjz+NfclBRq49Fcn+eA1CVmcoIfhXl2TDyUEjJCrBPlIM+1aSpBphnk47xCZwakE1XITZGiKIRyAOIN/AJsvSAfY8XSE6bu5JRbdWXfYtF24tw7lx8LoLYDfmxHqhMQUI90AnlwMzJO4rfDnAMwNgyCM2/FzhChotRAEMZEw6cAxHyVR7joutq7EFUUwvoEcfSBBmmbuR31t4JYtrWP4cJPdHfARLd3js8A4eI0ZKNxnrQ9D/xn8f0UU9WUkAkh9Tyypt3qUhXuKTnsFas8OiCE8wdRNFLjh+JqqtGqTTa00lITT1arvVANqz5W0rQvINtrzWI/M85TRYdMI5iTyeDjkgXZebA3jyydfpkbrWl3H0feUbQhmcQebgTW5a3uMalkVzMcQD0+0wUmSo97FHL0b0ebXFAqlttgCCGlTrWi1MK0Ca4OixIM2GYvPznpKjUQFCEQQsKLVSFMVmor9emvofGwkcRHPwBG3fDlzTf9k58vPQ/APmsqnLAk0SrlID0xwgDEWFpCa6g+wBqPnHn9xKuXjz315LZn9r5xMnl0pa8AxqM/HMliZ58/8lTU2YSBFrNV5E+hc06PsUuY8JmeWHieMiC/hRx4vBOhZQuPb/7SZt1BuSQpn2h1OsWsEg9RJGVW+SCQ4MHmnyB9zJjtWXGwvXp0g+PjYYhR8ii3lEcoMbL1ZJKg+qimNkwM9piw9ccNRkdamQxjyPwBUs8aAlldIeVtKgWzQFTibV2Oo4gLxhopWrEB0hOsNUI5VsFL1rZrhrQ1JncMGrsOxRTSTBvVTs6vn7+wwZydj1Eb1tFnYgqID3QQ2R2oidrhtKE1a4OrutRpk9ip3L++czmYA3ILtSep7LSeVOvsdxvIQHlXiiLnrFq6fhb7qVnsGdbaMwgdTejqEGzZSn2PPV4raYFmdha3q03EP2gdGpp9p1qRWlU7Pjxnr9EVKvQc+xu2VpKtfe8apRYWUm4vrGBXY90j9uHhzmJaKOysGwaiZ1ngpOnMC4z7KOEV9Rp6P8ftjkFeYHLGOQyGxX8CzYNm3g4ma/Ipo6VPzH/LoxguyslNCGhSRjr5XPZCpoAYJJZhbWZeioRb2txSTvuezJsMM3xSz2jbzN+ojlUAhLpY6pGTikhSF/gT1SbObdJsMgrnoMmZKfoha+4wf0IxtTNHkd9smzFsUiLok3UQU7c6QL1vofPCYHewWSXmGQ5gSip4QRbkCG+LktfqLF6VL06hGedJ5H9OA7C8rebl65+Szm7NxIulia+g3rgVnxzhlia2ZUveVi3bEgyxeIO8SKJ3ceG3S4ZIX04Ryvk6W1Z8pqJiIM5L4zqTdskXyhk4EKroa6+lUi7DBGNJxZ5u7czwBqo4uOpug5CA7BYIch1nkDXRulR1ON3wz5CYIcMRNtBS5MOpRiXbzK+iaWLUWdptEMoYpWySN9GcKURWRaA/vlLqchOto4hknC4JfOSdtLEnpkvFTbLwNhjrp9TeyFHN9MJQ2MNHlQCmrU6PANj4R0EIWBTq6kUlb08sEtPA98GBljubGFA7i1fp/iOkrHiKZkeLM9cvIXWZYSdGuEH4kYxUJm1QXvmzosiOKqT3BNnCrl7M7Y2wNqX+KHiM+q+Q+tmPXlZpsUQ55qYE2yHijWEoHkYZ+/xicdEcXdIf/c+FfmMHtdN1ZdqwUfyKOfOVoKrc1XWpfyer64Puzb81+ecU/6Kx6fnaGtjVu1B4IozAKcJMXLBkyyuhsGFzXDKs+ALMvs00XWkLtOsiXWwY1ifXLqyMj18z9N2xVPgaMjwuvWTpfl+t1BpR5xBZ75+w80H24Mac2Kgce9dwsR4XtGXXOC6bmrHb0CGiYOWMILlGgsNcIk8zGDnqxrb0u2rbc20B7YUf8Ex5AE9IKGCrMgKRJQMFk0brp6hPZ1OKxSasOCqNJ/YO8hIopq8VyN5k/Vz8OF39TAz1cG4XYCsBz9o5yGNr/NjKHL66tyQLYQK8FVopJaJA6EMf0uMX/cPfd+UmLfX/d+cfHN89zdUw7sylNhoXF+DOnfsaCbZm46W/OZct3iNJD81lHEbLXjgwzn1NxI5Btl3ZUeI1EvKd+Rl740VbNPGI7shhvVpYkffBq7ir/yntn1/hHCf5ZqH/Y4700rdy/WYNt/wtK1XnDuKzq2jelJllbKpo/GkUp9iWmaJRmiImBoICCTWwbE4/9Jf+UEwAYfa62S8/yN/CX2bYvIxMlQzyr764f0/iu9pZd3bom8quvfPfOsSu+PsCdPnoPN+KZq47PjLrgTT6CIGgWQirWFjDgLZDYIu4MqjxWHvr5U3xbf6y2KEVf0bDR/1tKz6LyicmC0HcHiNpA4TAYC0n1x8NeU31Bx7ZH+8MHfN/SNPMVVVk0Qamy/+PgRl4wN7SI14F+DTUoubMsFvVRvWWWygLH+ETPFa5ufD31ZtvXn7x9COGRl8maVcEN2TO6NDw1LC6Pr+RrSJ0pUFWM2MNk4Iq9tpydPQdpCcFflZr5/+lwT8k+s+I///aEN2CM476eWa2H1d4aTY6byV2VOMh9/aLVVdXnliaoC1NLP+SWJFQWqqtSPrsVYHyJ5Tu4Okq11ZMKE9EPqqaUhCXr1LlxxXcd+D+fJX77lsPElugHD9eafHLz1QaepAyiFZMv390txl4HciATkc73kmrp3Uep/XjODQODgquHryOAYGCnIb/+XpaEhLaaRvf8pJg6gfP1CcwNgFLN1bH7tyxc1SY0mKMCLdYIiL3PxkbUazok/2RlpRlBEbM/Q2vylUoxpUDqpKKR3eSDsJsUQIdn68bA2C2gtB1ir9c/9q5Yl25fuAiyc7cbfsjRpBdNMoWv3Cr77cMOk85bvu6lPrViuwsrjIJ/1vJrHhDlIMWvlHJpghix8Tk+d/kWAGF/teeUD6QFFmwNTZrel12mDGOvpOevNOkEmaIFfKcHLmy635GuMrceUWZVykfN1a55iYavUxXj7ahN/P8cmeCJe+OO6wLy8ZEPWTcAssbN8YYYgTiW+t65ilTMiMf4GqsVsalvd+d1oWladqHjN/Aiml7YoxiNbheJ0wWCJKFPObtsoZnf4RgHqN0trKp8Q2T4lKKNyoccTE5iljV+PGqWP/hgGH/CEt4uCU73Oxzj0C/RpnjcyfIY7uK1OoiDb7qyKqxcOLer4Qqq2fV4ruq/YTKW05S4e/MjS+18tB6q6kVjdya/LChufNuKwWdlX2KoncoCeRjGbx9NXN3bv72qRJ81rGqYDIO9eFG5pxaVhbHnluvLlV7PGqvumHxnWZ5zXgqMbC7x4YVjN/hcR9wyMdbFpaeuVDSbCBKMvbll07KkbkkEpc0B/gG0iFeL2R40g+IrDglqcyvpcUPT5lDZFkDunBEfAKeSCMnwN4/s+IUNYc0951sCL7We7WTfO0/iME0mNHahzhIvgqh4QT3sZxexGlWcnB0H6mFMZL4sQGU0wroOq9HTzPQ15pCk0O9HrqObkgpl3qFWeZU1b9V3NXBq7njfSpTqihLWlKRMt2/KCHLGpOZWFaliSp32qsiawSqlqhyTVViWUxmljVBZZJkisWZbgA+d7ge4wfIT04ma4AvTnwBODVF/PbHhGifBZBnnTRWb9g7A2tpwRvoBrzL72qxzMB+UKqNy1Q53lj888+XZF1sxMvphpYzZEuxZ0mjFsYVz0MxAE1m44wZhpbpycapEAPSlsU3c411eWkYiRsCrP7wDphhlB3ePFZoCrdA7CjLbmWOXJ6jfK+cRvnl8TwrrKxJMMLnQ566dZC6APCZ/XEKkCx7xVzDIW6A1cDwcER2yAbOGka4USg02AVqeruFe0ZEgFFNwVu7Z/eFhRsyAYZw5mpO8PotxHDOZ5elitCMWBpjhsyxytj3R5mchOkRp8iTZc0fkNQPMV1Ky2lXtuWUcixT+CEjg6f7kK7j8XVCNNPP1KcqY7p1vIwGxgdayCxTmk4S/YUFOl76h4z0jA+gm4fn4EeeOmPDlYuFdYKPFdKYI8W95ftv0Q8TV1KQztV+j5iyPESdIOhn1cVnCFx5GSePDYyOf3o2mRI7GDemYGVqx0uxbBxyPp+6WKn/b3lexyugIj/C/KSKzsyAWtg5oiKo8+i3RtbdgHsBJ0WDATfXPFwuTI5fJm/c2pDuQAo4SrGtsP1lM9uWL19avhTEcSJRg6h6NC7Be0fQTk7weu2lCeh61DU0ESUainCED4lcApnU4ZBIyQeVXtpG1we8JDeTMYea8v37KH3++au6MeTmDlJ67+5VDU2HOkCcn15XgpZLoFpPLdWCJzeEO8tMjHNSdbGUd+VTyzNuDXRbE7AZoa2ObWlBmbs91DS1PHA0TnrOBfx7Kb3+fg3gGFPs4Oh0HIc4MWHixARdYi+dMDFRzHHodA7OsadJGWLdPC8pqvh0wFJjNtdYlMICm61AWC5QBmGB0mKuyUq9rhqnVI6rNGC+yvDPfnIDUXPQYMaBovyT4TcMp8NkfQtzuroGp43p8v86zvF+/vwIx8Gx3paPvq1pvnYNoZRmXMlVTvi3OlbICr+COFZGw1vxT950fRMyJ9gvOAfZlK636uK3Dch2xGNEexAOjiSGZ0mjYkinTXNlI/4VdvPs+yKzK9uCfcW4vHGb2OrjcEbYj9kjHA6bmYCWReYC7j+08q8Bfq/Mqj83YCM1vCieJhLrOzerXvkFTJuhOCAfnpsjA3wYhuUHFB95NMM/c3LpS9t2mHe0LaXPzR000HhAI2OXFGU0lomPnPnu+r7vovj16VdvKTf0m29Q3ho+wbywS/R9eBouW1OTlcyI1sLFQVFRjFzLkmkyeNx0F7FkbrH4Ytc31/czR8Rzi0uIrk0uSMncIkZ0ZJAYro1m2FQlEBeIJ703HEGWai1Tijxi7Px9Xdim2q7YC7uxesr+TF6kBru6cqR280/fAtlcSCnQZ8MO/LZzc+2PFeVYTSQPDOQF+aJd5R7VE8XBu+7+xueMFxsImf9G/etbuj60LCw4rCx0CD7AjcjidW4gAMKGzmgX5Q58KLsWcMBdxo6foJrmdUU6IqQWacpugQKr0xU5KNTvmqBOo4r266qZUc2RjbEz1DHT6VxvXInGFet0S4pkzx34ulinxnWVlJk+Q4kfaqO3DdH9XW7CqfDPa8PahvBBI1E/7gXmxMJqn9PF8we+DzO2Ht+MhpTpSRfYTbwK+hH1I2CrBJj43ASa8+EAQPz8AAkUIaAk+eYHHpLnToMMhp4XpT8346/tf6Vx4WAfHhY7A2NYvuK9s/ASFbmAtOrzy8wV3tpaGSh6mg/Uj/gOYrH0XWDx+LDF9pv2wt5axrzYfEhpMtz/NRpVzERWffgyp+FzKPC9FOoF4jLg5n3EHLs7lsFJvSBlwb+f9s2MHSh5GJQylBL0sGTAjP12qglnHxcbN46XEFvhTUyM92g0xdWaouL2Tvie5aZWhRqiMhWGSQQjkUU0EibrM5WGqCqamwqYXIW+yqMlxpZ7kxK1xQO0CYnecnWMb8HpFymbCCzCIYZMhZ4PfX+sxePAtdzCpthUR5uxtdOaAHuwk5FXoSD/70FxEG70HqbeNKk6Kd9OMnKMvCPswxdSyT7lchWa3scb2DXxRuv13aaSGs2lWmMNWPnujjM6KBXWdzfXheVQOViSPji5HRN+zmJI9uAskHKif85hPMAvuzBn5PBjI0dKRWe/xLqucMnJaBs1w7T8EEvfskEDQJvxYNhBcwzW7yg8dm/YXmNtGApW/X4xHJ4ddzcka8KNE6HMJaf3cdB+xP3Fa/88PZQfXxGz0BpaEe/KkxbIJ83yaArV6kKN5zWgwOr0aF4Ldc2aAHzJ+XZOJqd2nmHrOByHRsaladoqK9s06xz4bDRt6xkWurGiok2Thnq2hLTkGUpRmTvX0+y/cOLuebVbDQ+Seu/cacbtemJA6+n/Hk3E2UJPnjz1RjIqHiI1k4YCjyeU8JECWHEIxd7oaIKgvXAOkp/oSfAoEQLojGCeo8HZREZ54VykEpCTAcilC6XRjCmRwbpwXmOovuwurlGO2royC04UF3cKChekDBJDpqsFXlkKSlFbjvqztsqnZEUk+JEgc74VOtOPvOoNBBAIyd2fU3+o0O/Mgs69WUDUmFa0gIwiF9dx4+BT4HHcRXs4qHVJIpKX456ykUXbb+kQmMtdAhQX7oUTKR+6yX79agEqGCUoeb+ApEW5KIH9NNjRDTVCAyye/XO5OylK7lBEicczo/x5gqq4kEGqrzO2kGksmAcquRR9CeqB8aBSC8xGCVNYMCdUcSHDUCesSLNR/LpEeZYWdUmq1AWEn3RRpa6rvkuXqMuo0rF0hOhUW9J8D5GTORLcMCqS9nawQoQh9rdba6p8/T6dbwRX38CZM/2gHtz33Z+fVK+r936RAAuqzLNz0znV85hZehrNUFyWTDeEpY0dI0zhSw1LrT9+zJqSYO5Nex8nf9g0oU0g0y/byGgXuETu6lZA1p+YK9ILBHqRA59ELxBx10qxCb3CXJoJ+HINBxjdjwMl8uzHq+tgHpgpzyLxjE8RF5TGBaSSretINowelXyv4kzfwUduPbs4OMek1PmRhuYKf2QlElN2M6aGluyG1fK8fenQzvZeN/m97wTq8os1Xu07YaFlE/6e/ll4foHX9h4aN22o9CICIBZa5fTlTRbbB5hq2vPSIwgCWhV0Lfpa5N/Rf9dpZZk3McEbH+9NmPjZgfu98Xvhz+se5PmsiryH5/68P4TOwF74j/X7Tu8b5W+OpEvvbOu4/MNJrzynV/I2Jd/oJMILNeeLEufc4vAkuEv5tMpLtIuVtPyLIH7zt22yhUELh/EnT8Tm0XD6ZxfrpKu7RiM8XnwZ+/d1k9MXTWjQHPp9SemasHHFLZcb5ty1L4kWdUg1h/agJ/++rowdnB/mRMSlv1fYWPK8v8BWPT8MxE7d3NPbQ5ATvHj5L06vC3+35+6hDW4vjZpIvaRFfzUae4117VrDnaXgkIBU/w8O4AqvlS5Rd4Bl8ZVVmrYNAgWsxg6wRONtDoaENI/USBrBbFlevrR6oQEDVq0R1EhGTroBlhRCwvZgqTWOCHxnFGPl8rEKoBinHysvi62nn8GT6CS8yThzprFVoJiJL2cXmPmGBWPTkYauGav36+gypCMXjOUbBGbgeydOi44aI/5PHJWWFpXvwFE89zFp0cnbmLcStYkPmf8xHiVoE24zmqdgACbbaJg+w9g8A3MwZmMAdRSTncE3cvX12Wnw6U4sCALYB5i5bUz29DREvZOr5xszsjGjkFCvbiV6ibPoENEBopekGRImW7OO3ZCQ5CUeEB174QX2MDt+SBlKX8gXavhRBor67YG3Qr4fweGOfA+5RV4Gt95/KsBYmiWcwP+YUuZ/kfe8xDn3xVhkcsBw4JsYacybCL8K0MimdzTNZ0M5BCNhC5XMd9V2tYEvzX8savgZaCAXKqfhOLj4GZPZ0B8BzSR2+vy/nrMwNRCB48gyT56aNVWS8kP4wi0H58zzeH0lQON3X/cCFmTVFNWjotbu1QeeBzwheu6hrvutH2KX7uIgOQvWbxu9Efhx09Zu0SjjCRHd/Queg8/KQ2zxwHuovaM7Ynhyq3tf5Fisj7eFFov7cKcP12C1cUtDTUqj0qnMDj1Mgm68nflY33WFg2AXz9pwguRmPyGSEEDlHoz4tlfQl25tuvRxzceLloXpfSzXpecPVk4+vrLeBQvZGiE0mkQOo0hkjNhBvbVGcLlu7mGBU3hckE1dOwcz8VG/7vvm6L5EVZk7YZbuqtiyxD7lJ/YKtdan9YHWcW7CnYWlEBQ01k+bvovpZKwLzYhx+taMbMaumtk/6SqTkirrBaoG3Q+Ck5FN+FFaIkwikSnCshPAAplElnCgfbuos7O3g95x9JgBNSssOv9hvjisOm7HpJq/ap415G99/xSU9tCU91vzS1tbEpUG/yN29bhFdLGaIMdj/q3+l46XE9SVjEig5Oq7mZMDjLW3E5jdjBsC8APdcfzmrxkZ9fVYbEY6QEL1rMDBQDqoZ6nngwfsOfQCZutLmV+mQ/fvd9A4oe0XGNJXriWUQ+vAveXaL0RoC+OCpqG0DhB+5yCOHbo4Bs+msfHswUulQxZLDuHJNDIeh4aScQeR9GHxEw7iSaHsZjw5lITnWyZvlyxuRHqAAPB9/5Ln7yySR/VR8yctX0Ew7ZcSTobJinuDWoeqz6I8quTVc/TNkx6FH4s51FO9/7pcPi91BT9alwTUm6F4I+4o3AUfsqJHccZQwMeNdIhAYjX19c4dT3AKugL37DI2M2Wh6x49/N/U+vBhTyi3H5yCsws+so7gIDQIbo9eP0tsT1zuMPvjZFbyRxzAYXgwM8Aotnlo6Hm2rnPnLg9cn3uQkJrh4WagZe0PerbP6IDkQ4BfF8jSMfxCDamh+rejg8vlJVkpEyO0uqkxdqdksi5se/sU2pbRSGHF5oXk/fhZgcAR7KTeDz6BA8X4yXgdWsKmlD5ABcIxj+/OqbhB1cuAjHT1Q5o82k7ghxqjXnrms1sTVcnF8DmxE4uTz3GMC7PSgX6GOrPk1IGpfSeaxdQ1q9cAxxsuxJwc0B27uKyfGZJSySWaibG+y8FFppkY2MohmazQI27QJoSlLYF2aU5OD8vL7MvJDWAuFwGQkttHcLF63iHhWWsBrFgzxwJf5nv87BqY3WWp8aEx2vLlFdqK5fHaUPFqjz+b2NvL+5/eqdqEuviK+O3PtTnxYVBxWY3VAtXZxXg5Phueci+NZuPldKGLPcLqpZHdy4KY/1dk9k/Byc5mIvon9srspCTF06fVVVVynd50MF7dwTKyOtTxZhLI/cZxfPmylJNSBe2I1JTPyf07DOwav1A0OpcRBlqt80qDqi3zWgeAcv+vL6n6lBKyjeDainmWnfMiz7xpss4KAvv/mmcpcmdsCpQObQ/91Wn6WHH6FT2cn9YqEgWQpHo73q6Xkn5q7cDI93dUTfn89Q1djgGpVw1oc9GMfBQz2oDQcFu3TS5PQYi9XE3+XPNdhkC7oLe1L6Mi+DxE8adcpfKsCCVlY/XWvBP2klVwK29GdtliOTXUq/omuIr8cuuSvpzfCU166lWpf9q1i9T95x8ekGPl407w/IHyoP74vKiMUZy3BWaEqajATlb1y1KhPXsWIwxGtGVgyZ5uilLjYU99L3AygjvtSymAirx3ONSr1N10Ibi2aSZi3vbnXv7ef1N5Ns1fGXsPfMqcvJeiRNi4rTsWk2nklszQvWz9uf4Xw5WbcOfBjsJsuOIL/FjJ1YyDnOJw252oTLp3yS4brlxb2M09K3r283CFJ+OpaQiHK3cy/K+PrRH1fotGwu7AhWWpptq6PXW1vfPqUpNDbocdHcPH7GL6GLvDCMxETt08ft1Zgd8q97Lqv0/EkfBlXryMJsV7y/CkEO7By7GyEBm23AIoDcqdlMSeR5R57kc9iZTT4qDg/rnz57juhU0LlwW+vldFUl84sXwiSN7YPbX75wuOrebgB8g7VXjVef4eDCGYgHmAGqjlKvF2Y0f3HjXd3JmpukwcElRNKSWr7IQ7QknB6ZiCcS5bCbpVvzDTgWtj95TutlqOaLn/AJW2G0tAjKZ17k1Q+k0cjhHeIQ7EWtu8W+34IVWM+7TEndL296Jb5kdWv495mEF7rDZxQiKkEQjTpk1GnLFrU/V0TOEhZDPSjWxHHhrvv+YaGvPqpZp2LrPUIpw2NYgSSZsL6WwLUhospVZbbIJ9Aj5Y81rjfA/hq5pfr3PnJ1qBrPEA80i9Ds3jF5WYWKd+ra7EKV2tBb22wvXMa+0cIpo+NXBxyH5lVusvf4GUyEfo4W2wNsf9HeODxPSTpwwJY9oLw8QzX/OP4Y/xZ72mix+mBUUbTp2KoSPSBkrXEHwRqX80V/SR3rx161fRgbySa7lJ6tkvou6tzfQv5/SjuXZtCVD8S9zM13wD4c63Mk0RX/cVBJOCUyh4zYkcHDDTlpF2+8mqJ7fTMmwzA4LJIP5hZAvegOfcla1tUWdkTlNZtVceOBykCBoO9AsiqUFlXs/Piy/xPgIsqK0wLcoqsi9zLI/gpn2JGlg7nfJh4tTstcnjUX8nbtYNb9xe3gnOr783NtLgxc9dM/Xpne1hDxwIDTQoIhSGQNawbliwOx2WDVNSwZoB6J1fSFt/RXl8vWL9ceWV9YdDkg2KK8jHQDKmKI4AX2Reg7LzjJ3uOMWYW10YajGlNRRo7J7+fi+Her8KUTshhMHgjKgnUff/hGfD18DxJHzlDIY0+2EYFPgeJnoQWR+q1dBw+jQJCcb4MHb9m7l/HpgSmVo3wcpB0BGcskqpmxp5IFr4hjhznUZaUN+WpN0Bf3Kw+dZl4zjTMPgNedlLl3m/par9iEhSsM3kW8ly55LKDXj/xlzOhFZcHuVFgCqP2z+X09i0rL5kO8wA5rIc98+JSdwV4ebwFWafxTx29pUtcfjPFMQ33PaDQHN/BMJ5ch5+2lppW3k8C+5P+KdjJLI2tDZyxMvC/H9zgvbWGsgCIp/Dh1FHbMhp8VMQuSNBfnwuD1+05t2Ecg0L5k+81iJ7TsWVXWURRVVa7cPtEIgmCu3H4/LhQW9S4PWJZ3YLPmSMyfgw5nHBmILHQM0lLPpq/rro85dbm8ybmkty4Ric6tEBfgdwQ34EzKN+zwlSAenz5wa3Xu8m7tz1MsGbsWtnzT7zPsiXq740f/lyaq9lX7XRdi5Td/sWROHQ1WuqQwKrV9c3HVBvwXpvDOyO/aEy/ffxf1QZqMk28YTyOdrSeI8nvlT7QaDWxnu0pR/QNJ4SYcHm3E26VxmzT5GSJsmQgpUUtq283Jby581jrXvb+l7+dpyWVQfUDcy08fkjYYM5Yff2DfNSEDlo1yC0M9qJCzuVCWXMIF5SPRlqhGppcDKMFRyfaklc4d3Xs3A4DwZPCxLAYXwaBdQ0jQeHSx6kBz5fLKrnIun2kv0ccLgANt83d5MJt9rsHKiwDOT2tKVEwa9nWIc3dVOBZRD3IZuRrBtFAn3yr6zHMljEIVJQhboT7E/EbjrTf97YPw08/bxLQtlAk0mOivVv+tLYhPbvY4ahXzTOa84ai1ilQ3aiRehOpI2V+Bjj/4PFXSMY0uxwzA92tY34X6hjMQBIaLAcZKkWcsAbEQjzPchBu8goTO2wttEYtKp6c/hRGJKFtM7d/iOYGGMphkGquvzh9eflsZBJMm8OEVDIgWogvpB26dtpcgYihbdv+N7YoFY6KI3gjALxWbGHzsNmUPZe+rY+CuZtApx1pcgOVK+VQ5aimlG9qPY/vCj+UJQX1aJ1kC7m7oncTduZ1k7asoCFoIdKkYDlEWQUQwRLGVJJRTUTVE1G6UEEEwTIQi3/a5mhDNkFqsV40MJjc29yOVwLl8yJDYYX9C4i2aGFm9KfL4fDTDD4GRwZb8BxcGaaNODJuDOSb/Py5+mbCqF2Uu8iIuLcmdXJhJO0GMGE+fd191nWguqYVRwWt7z+fn05l8X5yo3hprhta/Yvne9z69ybClLQV1FfF11FR0xwT4iIa6yql36qKZ28t/9gvxuov+3+cPhU6m//pZZ66jBS/y6I19qzpgEmuDcZhkgyY2Iy3QLlcxNFzH6mI5Z4OyHRP8lT7OJlY+YXyKRP9Y1qtbtYPaNIrXGrG51hmH7GmLB+bJg5DNsfNobRj7naIBQmG/iZArUbYaPo96MEL9FM9BLGEBeZRBsdr8BNexoZnoZT1KfubVT+jhNJ0hSv0hbv+mVMoG5KulmjfVvQxAiDBvtx/Fg0hMkKTHMphkhEM6IVq67s/O1jdOSn57p5Hv4Xp/397dgJ4s/5HWXocLN7BuYFwAsD7568CSP0NSzwkMmeBQ2DRPy1N1mF8OSBgZ61OA2pbTUuYKSmZvbsExlgx6ey+6qfKBFk5qmey5pYaHpEZBp0evflnr/fkv0n41a3kTS4tQM9A8mF8Kw31/DEwQUNZI+H3LCgjwC7efJuILwwYF7PwGycjnG0Vten7wJHgDLzKW1XVLEcn/k91AbQnJvec7PnMQwNW3fTiVvHYz7mnbYIX2RIJv1g9eAAC6qbXXbn4C97J3R3MXmZ9p2QrPEFnBC5mUbziT1BZNV1ZBEVd/pjOdj1Mwz/ECVGE80SSVIiI6y2CJfSI2xRrMnnOfXnz7kFGuY2iQhqas4zWbTdGVlgDdT2VvQw5R+0vMvP/1FkGN24P9iBmIu+vjZ4vAL4rCkFqdfRm0fR1wNqwBb/wYBB/4DNIkwcRvnHv4Uf5v9Jzb/nf93/kP9Zm1QspTeHHQqrCYsQA980/aTk5ElNAuVrCqPAZ5776kaDVst95LSctvBHwRp5qHDyhLh8pTI/bsJdgQIL7IXvri06Urxk7+YuF/m6V1m+fPT9DvIw2QvkW/7adiAVZ1HInm5kCyIB2Y5oY4Z4xDrRkpQFrUlhYkK0d/khm5EhF3wVgrK8ciHTUoiEVlRK5SqlMkC9vEyBGQkawfgLBeK69bZgQJ26ggqo5cEEagWVELxiKhUEW6ngzPxrFeUV2zZO2pRztnRNte0/a2S3osQlc0gkDpnrqkBdvkPikl0VqviripuSVt1ZGIaCGqESOjWKXZdZx6Y+a/lWww882ykVj/r9gMISGbbwp9bXR3+dOtHpOS8Z0wFqHmRiw5BtlWYmdDxTx6SNuUNfFHybP+Vl4pg24bbWX8uGtkXqpOfR89j2j5/a9z668iu7M4V6fnKywCDcaPgQ58YC/SaBQaATauHrhIYbY7ZseStrMBVLnBJ7VszwXBKotTF2qfMiYoxQt7Q4roJ9c9v2XQwjA2i6Ye2kqKgLIXOmIYm9nZ19RNHb3ElJNCwNaB6sA0A5bYy5re0+XxKTmSGW8HGzZ48Nr2R1dHCoKaeDjCTPmH7WDfJD89QMnmIOgtNB+w9cZiMoe/xEErNrkIhY4PeIiTlyl1TmkufekueU3yXb22/lyvFLXYCnK1fqkWIs22U3Cg2C3hiMW4UmgZ4ZhFtNQr3wUjFtTbQb9IKzxhwfafDosWvcZu7JY0cHOR0nIijeANCPI/RSQIC3Yn4EpgnMnz9pktl8xAF0gqsjVvqkSQD6eV1Vkj9cHaBXQlMdqa03Wi0OCwdw1lLpBpvq35gbfTdG+x2tjlxMpGxLfMMlx1vtrSrHTcfTVkcrgEL1VVSMsrs4cXvDvzsK/7uvvI+rTb+H742b6kMzq9aj4qTcLu4yS1zt+rVM5F0cG38ftBvP1k4+TL6dwpOik0D9YEd1NdHL8hKtmoCaGEnYtaF6kDm4YVYfxEw8Xjcur+dxYvVmYofk+p1gVAPBNOI/kVnRtSByeQ/pTF3EtGcFVp42UhjveO8YfOZb3lumIdNIDgrwkoxfXELRRVTjFaEKvPp5e9UUu2G4tG7+or6tBVQw0A1AK6maMP3l+IRJL7ymV0lPs5gn2UnPk95fx8tD2fRInOJhDGNfoewS9LgLsQtwinUpMAtHz/LObzmZSrOGmAj+OoE+PAWXjrOix/gnv5n5vi+ZGrcUuZ5qlm6qt/+1SoC4nfTD3bhyliYDqkuPWyYvKm5E6WB3dURFZQa/kaITQwwn1POm6RsayLgd7ZsGOzYRGGz3cFgRrFxRddTmO1p+1Gc7WmVdesI1rbSBNgUsaOo5mJ8fbHjOHRCt8TughVniOcEqZfY2NPSwe3DYf3v7fgAWNHF2qdaj0Xi0pe8eY7k8msLvhHDN+Mg7RI9Lwl0jDq2BL3pmscYdF+fWFL80UGCBvfDLtTXSISodK8uWSrNlY28IFFhgL3xjvT0w3+e8Mxa3Zcgx1yVPLjsvaXLJOYYhe6MbrNgrvYPkkf1ks+bUPjEvrZspsZmlpNJNVpVmxQ66ZtEahuZeLX7St5ASjiMAvV0kAAi67Kwp3P/JOofB9NBf7lZVfXlv+NM91EfrwXLDbnF8wUfcN3CEQjwsezCyh3ucDB0iN43o1hVuU7cyc9RT33ReqavO8Emp7TSmNJ2kTTIus6o4rjWb1olPxmQN63DodImK6NYBVbP66Hwz8mJXmOO+/lIPdJ+unREhTLk07TEbhCGEkM/32dlPkHT9I3ZfNZ1E7H07TT3k7BqJvN/uqkiHfrF7n1FLhfT12ZajXAfZxpzsudJPe5J7aH6jcenYcdKxCXAc1nn7hioiugh58pgkeEWds4T29tyShux59Mk9eimz0lHpZEP22PWwjT0rcg+FrrgwBeRWR4R3aezrt+crYmeH3m1ic6FfFH1UdaAdXRHFsam8/4sJ5BcYMUUWx8AS2bFZNyw1wW3RDSysr+zCVHdbgqnrkT1ZnUmbjaUvXLMbe0j/z5khTuJSZeL0j17rp7isTP1cLIPsmQbGpj4JaYrpR9At9thY85TgMah7CDdBYa9Bdi1kT9c8NjHPT6eTzoHMyTmXmIeO9enQC8dZ8qcHaqp+C23qNB1momNbPLeXdE3qVOeTejN7if/E7AfjlZqF/1YX2n85Dvyw5gixWI4d0O+eWhJl/Adlt3NF4aCwWslDJfsdlP4l12/7r2EyRH8BycyWBA8Fd41BijruBP7CbUUT349vualynMTiyPL+qc31/pnlxhecT77ofPE1nO/71/EwF2mb+oQiURh6uBr3DxeP3T+d/GmTOb+iBeffXN87OD+cofefPiGtbbn3SeomiIqKiovacp5Yq3U/YV/7G/U2RBGyccwfktpzkzdOsu6FCVJflbTXQZWJZR7puXz9MAwzLTJ3KNU0qktuLctsm3Ies5sgKioqLv+x23Ke+PrrfuL0K+eNehuiFI8Axj8krRBuHPLGqfEvNqnmNJCms3gd1NWYQGVFx1B+VotjGM50WuTlOpRqmgrxJbduIVZlpn15vPZlh+awzswAC1gqbSzbcb3fucA/21f1A4gwoeyVms93qbSxzgdhFCdplhdlVTdt1w/jNC/rth/ndT/v9wMgBCMohhMkRTMsxwuiJCuqpn9D5X9Flu24nh+EUZykWV6UVd20XT+M07ys236c1/14vt4IiuEESdEMy/EiMZBIZXKFUqXWaHV6g9FktlhtdofT5fZ4fYI/6HEpRRwWxHAFfx+ZbmsRklvnWWt4TyvC4+0MSJqoKm2uIu+B1UMhlW2wW7cQ8z6SN02rCvJLTZltXsFw8rE8rVkYbqOHk64hlSuLWpxuqiGLrI2UzdLaG4DsPCPYgPJA1oSngDpKWh69TWdxSL7+JmLOcGs24Vcoo0eSiYwSRhAkakYbgRHunqhk3QFTgvdIEsijqU1nA9DhyyMPUUcKi6hQbIRtMSSC3YM+pXD/VMaVT7Vgd3woBbMtr9IbLoZ5PfkV/f2qL1dllcAwkwwLHmTxEPdxnszzVcmfU1POfgUrziCAEc+VadyrM0wIZXoo+Qqsjczzwvp0V4NWpu29xohSukU5oM0bvCOH9ol8qYYbRnZS4orMoycMWX8J2qwacQQWfYerISx93yn7JAELWiSBgtNSmbM3RBkWZor0wTYZdSS9JlYIwwCigG0OSclJpF3CLTf3OZEIWptlO+PW11w0Oq9cozQYqPQfTQ0gmTwYlirSEHXUNAeijX2hyMS4lHP+rSu36eRAcouoCXlOoJrcNtpq8SmrTrf9gEhS8+rENWdiBec4SU27dvMPrWATRh11bS5gozDyD93B9hg/JmGZu6ET1qQlKzf/0FlMRp1SJHZfIXwsCiCbb3yf1YoDTiu4gNnv+Bhkf5inS41o5FfLHpFy75gL2NEKQ5IcvAIvI6u/T4LlVc6nG34r5kIqM748w7T5QiZkppQpu9W+t0eT4YF9xlJIbhtGWkkwyb3phjQeSSsT4RRCKYfGJ6RBauTSc2m8pvcRlEgg7ynb/d9E0ZvOuJS2wJVxjmg3dB6Zc5sgF/zva2mMlrrOZ0/a3ve00GvMsTaSup3J2hHhvfRws2uD6ziimZoQ7wIytjFV0LLL1XvMOU+apUQ3PohiQ4TX0Vdor7d79wS7UxDO2TmZo9XIgO/G+mYE82t3s+3dZZGDUtrlyG4irjeDmT4nHYkRpMGeqqbBA6MEsBw09r0HM157MQK5Mf6HEI5FkXrlI3BzAeN6NhGlfm1LpvRmQ8YGw85HaznvLDKu1xkE0qNS2nOtN9SBPwA=) format("woff2"),url(/static/fonts/iconfont.1670947519373.08338c8.woff) format("woff"),url(/static/fonts/iconfont.1670947519373.32c5ede.ttf) format("truetype")}@keyframes rollCircle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[class*=vxe-icon-]{font-family:vxeiconfont!important;font-style:normal;font-weight:400;font-size:1.1em;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=vxe-icon-].animat,[class*=vxe-icon-].roll{display:inline-block}[class*=vxe-icon-].animat{-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out, -webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}[class*=vxe-icon-].rotate45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[class*=vxe-icon-].rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[class*=vxe-icon-].rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[class*=vxe-icon-].roll{-webkit-animation:rollCircle 1s linear infinite;animation:rollCircle 1s linear infinite}.vxe-icon-time:before{content:"\E64D"}.vxe-icon-feedback:before{content:"\E738"}.vxe-icon-lightning:before{content:"\E76D"}.vxe-icon-cloudy:before{content:"\E608"}.vxe-icon-heavy-rain:before{content:"\E7C4"}.vxe-icon-moon:before{content:"\E68D"}.vxe-icon-sunny:before{content:"\E684"}.vxe-icon-location:before{content:"\E790"}.vxe-icon-location-fill:before{content:"\E868"}.vxe-icon-microphone-fill:before{content:"\E900"}.vxe-icon-microphone:before{content:"\E7BF"}.vxe-icon-share:before{content:"\E68C"}.vxe-icon-share-fill:before{content:"\E86F"}.vxe-icon-flag:before{content:"\E827"}.vxe-icon-flag-fill:before{content:"\E687"}.vxe-icon-platform:before{content:"\E67A"}.vxe-icon-goods-fill:before{content:"\E778"}.vxe-icon-goods:before{content:"\E7E4"}.vxe-icon-funnel-clear:before{content:"\E6CA"}.vxe-icon-envelope:before{content:"\EA99"}.vxe-icon-envelope-open-fill:before{content:"\EFAF"}.vxe-icon-envelope-open:before{content:"\F28F"}.vxe-icon-envelope-fill:before{content:"\E606"}.vxe-icon-message-fill:before{content:"\E710"}.vxe-icon-chat:before{content:"\E641"}.vxe-icon-chat-fill:before{content:"\E69A"}.vxe-icon-send:before{content:"\E61F"}.vxe-icon-send-fill:before{content:"\E630"}.vxe-icon-user:before{content:"\E8C8"}.vxe-icon-user-fill:before{content:"\E8C9"}.vxe-icon-wechat:before{content:"\E605"}.vxe-icon-alipay:before{content:"\E612"}.vxe-icon-indicator:before{content:"\E646"}.vxe-icon-file-excel:before{content:"\E7B7"}.vxe-icon-file-pdf:before{content:"\E7B8"}.vxe-icon-file-image:before{content:"\E7BA"}.vxe-icon-file-markdown:before{content:"\E7BB"}.vxe-icon-file-ppt:before{content:"\E7BC"}.vxe-icon-file-word:before{content:"\E7BD"}.vxe-icon-file-zip:before{content:"\E7BE"}.vxe-icon-file-txt:before{content:"\E616"}.vxe-icon-refresh:before{content:"\E647"}.vxe-icon-checkbox-unchecked:before{content:"\E727"}.vxe-icon-information:before{content:"\E7B9"}.vxe-icon-info-circle-fill:before{content:"\E697"}.vxe-icon-info-circle:before{content:"\E618"}.vxe-icon-chart-radar:before{content:"\E7DC"}.vxe-icon-chart-bar-x:before{content:"\E60C"}.vxe-icon-repeat:before{content:"\EA4A"}.vxe-icon-voice-fill:before{content:"\E7C3"}.vxe-icon-voice:before{content:"\E6BE"}.vxe-icon-flow-branch:before{content:"\E604"}.vxe-icon-comment:before{content:"\E70C"}.vxe-icon-folder:before{content:"\E7D1"}.vxe-icon-folder-open:before{content:"\E7D2"}.vxe-icon-picture:before{content:"\EA13"}.vxe-icon-picture-fill:before{content:"\E653"}.vxe-icon-bell:before{content:"\E680"}.vxe-icon-bell-fill:before{content:"\E681"}.vxe-icon-undo:before{content:"\E739"}.vxe-icon-home:before{content:"\E7C6"}.vxe-icon-home-fill:before{content:"\E867"}.vxe-icon-checkbox-checked:before{content:"\E67D"}.vxe-icon-checkbox-indeterminate:before{content:"\E8C4"}.vxe-icon-fullscreen:before{content:"\E70E"}.vxe-icon-minimize:before{content:"\E749"}.vxe-icon-print:before{content:"\EBA0"}.vxe-icon-upload:before{content:"\E683"}.vxe-icon-download:before{content:"\E61A"}.vxe-icon-cloud-upload:before{content:"\E603"}.vxe-icon-cloud-download:before{content:"\E63A"}.vxe-icon-spinner:before{content:"\E601"}.vxe-icon-close:before{content:"\E6E9"}.vxe-icon-custom-column:before{content:"\E62D"}.vxe-icon-edit:before{content:"\E66E"}.vxe-icon-zoom-in:before{content:"\E826"}.vxe-icon-caret-down:before{content:"\E8ED"}.vxe-icon-caret-up:before{content:"\E8EE"}.vxe-icon-caret-right:before{content:"\E8EF"}.vxe-icon-caret-left:before{content:"\E8F0"}.vxe-icon-square-checked-fill:before{content:"\E6D4"}.vxe-icon-square-close:before{content:"\E793"}.vxe-icon-square-down:before{content:"\E794"}.vxe-icon-square-left:before{content:"\E796"}.vxe-icon-square-caret-right:before{content:"\E797"}.vxe-icon-square-minus:before{content:"\E798"}.vxe-icon-square-plus:before{content:"\E799"}.vxe-icon-square-right:before{content:"\E79A"}.vxe-icon-square-up:before{content:"\E79B"}.vxe-icon-square-checked:before{content:"\E7A8"}.vxe-icon-square-down-fill:before{content:"\E84B"}.vxe-icon-square-minus-fill:before{content:"\E84C"}.vxe-icon-square-close-fill:before{content:"\E84D"}.vxe-icon-square-left-fill:before{content:"\E84F"}.vxe-icon-square-caret-right-fill:before{content:"\E850"}.vxe-icon-square-up-fill:before{content:"\E851"}.vxe-icon-square-right-fill:before{content:"\E853"}.vxe-icon-square-plus-fill:before{content:"\E854"}.vxe-icon-square-plus-square:before{content:"\E87E"}.vxe-icon-square-fill:before{content:"\E8D9"}.vxe-icon-square-square:before{content:"\E6A1"}.vxe-icon-sort-alpha-desc:before{content:"\E852"}.vxe-icon-sort-alpha-asc:before{content:"\E7D5"}.vxe-icon-sort-numeric-asc:before{content:"\E800"}.vxe-icon-sort-numeric-desc:before{content:"\E801"}.vxe-icon-star-fill:before{content:"\E69E"}.vxe-icon-star:before{content:"\E69F"}.vxe-icon-star-half:before{content:"\E6B6"}.vxe-icon-lock-fill:before{content:"\E6D1"}.vxe-icon-unlock-fill:before{content:"\E92C"}.vxe-icon-question:before{content:"\E72E"}.vxe-icon-exclamation:before{content:"\E617"}.vxe-icon-ellipsis-h:before{content:"\E636"}.vxe-icon-ellipsis-v:before{content:"\E637"}.vxe-icon-save:before{content:"\E67C"}.vxe-icon-setting:before{content:"\E8B8"}.vxe-icon-setting-fill:before{content:"\E795"}.vxe-icon-link:before{content:"\E6C8"}.vxe-icon-sort:before{content:"\E6A0"}.vxe-icon-chart-pie:before{content:"\E902"}.vxe-icon-chart-line:before{content:"\E904"}.vxe-icon-swap:before{content:"\E7F3"}.vxe-icon-num-list:before{content:"\E7F4"}.vxe-icon-copy:before{content:"\EC7A"}.vxe-icon-company:before{content:"\E602"}.vxe-icon-swap-right:before{content:"\E8F1"}.vxe-icon-swap-left:before{content:"\E8F2"}.vxe-icon-table:before{content:"\E920"}.vxe-icon-merge-cells:before{content:"\E901"}.vxe-icon-paste:before{content:"\E70B"}.vxe-icon-cut:before{content:"\E70D"}.vxe-icon-lock:before{content:"\E676"}.vxe-icon-unlock:before{content:"\E682"}.vxe-icon-chart-bar-y:before{content:"\E84E"}.vxe-icon-fixed-fill:before{content:"\E9B9"}.vxe-icon-fixed:before{content:"\E9BA"}.vxe-icon-square:before{content:"\E6D5"}.vxe-icon-check:before{content:"\E645"}.vxe-icon-question-circle-fill:before{content:"\E690"}.vxe-icon-error-circle-fill:before{content:"\E62B"}.vxe-icon-delete:before{content:"\E69D"}.vxe-icon-dot:before{content:"\E63F"}.vxe-icon-success-circle:before{content:"\E6D9"}.vxe-icon-delete-fill:before{content:"\E634"}.vxe-icon-minus:before{content:"\E6BA"}.vxe-icon-maximize:before{content:"\E600"}.vxe-icon-question-circle:before{content:"\E782"}.vxe-icon-warning-circle:before{content:"\E785"}.vxe-icon-warnion-circle-fill:before{content:"\E848"}.vxe-icon-eye-fill:before{content:"\E869"}.vxe-icon-search:before{content:"\E741"}.vxe-icon-funnel:before{content:"\E8EC"}.vxe-icon-eye-fill-close:before{content:"\E8FF"}.vxe-icon-search-zoom-in:before{content:"\E6A5"}.vxe-icon-arrow-right:before{content:"\E743"}.vxe-icon-arrow-left:before{content:"\E744"}.vxe-icon-arrow-up:before{content:"\E745"}.vxe-icon-calendar:before{content:"\E746"}.vxe-icon-arrow-down:before{content:"\E7B2"}.vxe-icon-warning-triangle:before{content:"\E67F"}.vxe-icon-add:before{content:"\E664"}.vxe-icon-arrow-double-left:before{content:"\E665"}.vxe-icon-arrow-double-right:before{content:"\E666"}.vxe-icon-menu:before{content:"\E677"}.vxe-icon-warning-triangle-fill:before{content:"\E68B"}.vxe-icon-error-circle:before{content:"\E613"}.vxe-icon-zoom-out:before{content:"\E65D"}.vxe-icon-success-circle-fill:before{content:"\E67E"}.vxe-icon-radio-checked:before{content:"\E763"}.vxe-icon-radio-unchecked:before{content:"\E7C9"}.vxe-cell--filter{padding:0 .1em 0 .25em;text-align:center;vertical-align:middle;display:inline-block;line-height:0}.vxe-cell--filter.col--filter .vxe-filter--btn{color:#606266}.vxe-cell--filter .vxe-filter--btn{color:#c0c4cc;cursor:pointer}.vxe-cell--filter .vxe-filter--btn:hover{color:#606266}.is--filter-active .vxe-cell--filter .vxe-filter--btn{color:#409eff}.vxe-table--filter-wrapper{display:none;position:absolute;top:0;min-width:100px;border-radius:4px;background-color:#fff;border:1px solid #dadce0;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);z-index:10}.vxe-table--filter-wrapper:not(.is--multiple){text-align:center}.vxe-table--filter-wrapper.is--active{display:block}.vxe-table--filter-wrapper .vxe-table--filter-body>li,.vxe-table--filter-wrapper .vxe-table--filter-header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:.25em .8em;cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-body>li.is--checked,.vxe-table--filter-wrapper .vxe-table--filter-header>li.is--checked{color:#409eff}.vxe-table--filter-wrapper .vxe-table--filter-body>li:hover,.vxe-table--filter-wrapper .vxe-table--filter-header>li:hover{background-color:#f5f7fa}.vxe-table--filter-wrapper .vxe-table--filter-header{padding-top:.2em}.vxe-table--filter-wrapper .vxe-table--filter-body{max-height:200px;padding-bottom:.2em}.vxe-table--filter-wrapper>ul{list-style-type:none;padding:0;margin:0;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--filter-wrapper.is--multiple>ul>li{padding:.25em .8em .25em 1em}.vxe-table--filter-wrapper .vxe-table--filter-footer{border-top:1px solid #dadce0;padding:.6em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--filter-wrapper .vxe-table--filter-footer button{background-color:transparent;padding:0 .4em;border:0;color:#606266;cursor:pointer}.vxe-table--filter-wrapper .vxe-table--filter-footer button:focus{outline:none}.vxe-table--filter-wrapper .vxe-table--filter-footer button:hover{color:#409eff}.vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled{color:#bfbfbf;cursor:not-allowed}.vxe-table--context-menu-clild-wrapper,.vxe-table--context-menu-wrapper{position:absolute;top:0;left:0;font-size:12px;border:1px solid #dadce0;-webkit-box-shadow:3px 3px 4px -2px rgba(0,0,0,.6);box-shadow:3px 3px 4px -2px rgba(0,0,0,.6);padding:0 1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff}.vxe-context-menu--link{display:block;padding:0 2.5em;width:178px;line-height:26px;color:#606266;cursor:pointer}.vxe-context-menu--link .vxe-context-menu--link-prefix,.vxe-context-menu--link .vxe-context-menu--link-suffix{position:absolute;top:5px;margin-right:5px;font-size:16px}.vxe-context-menu--link .vxe-context-menu--link-prefix{left:5px}.vxe-context-menu--link .vxe-context-menu--link-suffix{right:5px}.vxe-context-menu--link .vxe-context-menu--link-suffix.suffix--haschild{top:8px}.vxe-context-menu--link .vxe-context-menu--link-suffix.suffix--haschild:before{position:absolute;content:"";border:4px solid transparent;border-left-color:#727272}.vxe-context-menu--link .vxe-context-menu--link-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table--context-menu-clild-wrapper .vxe-context-menu--link{padding:0 2em 0 2.5em}.vxe-context-menu--option-wrapper,.vxe-table--context-menu-clild-wrapper{margin:0;padding:0;list-style-type:none;border-bottom:1px solid #e8eaed}.vxe-context-menu--option-wrapper li,.vxe-table--context-menu-clild-wrapper li{position:relative;margin:1px 0;border:1px solid transparent}.vxe-context-menu--option-wrapper li:last-child,.vxe-table--context-menu-clild-wrapper li:last-child{border:0}.vxe-context-menu--option-wrapper li.link--active,.vxe-table--context-menu-clild-wrapper li.link--active{background-color:#c5c5c5;border-color:#c5c5c5}.vxe-context-menu--option-wrapper li.link--active>.vxe-context-menu--link,.vxe-table--context-menu-clild-wrapper li.link--active>.vxe-context-menu--link{color:#2b2b2b}.vxe-context-menu--option-wrapper li.link--disabled>.vxe-context-menu--link,.vxe-table--context-menu-clild-wrapper li.link--disabled>.vxe-context-menu--link{color:#bfbfbf;cursor:no-drop}.vxe-context-menu--option-wrapper li.link--disabled.link--active,.vxe-table--context-menu-clild-wrapper li.link--disabled.link--active{border-color:#c0c1c2;background-color:#eee}.vxe-context-menu--option-wrapper li.link--disabled.link--active:hover,.vxe-table--context-menu-clild-wrapper li.link--disabled.link--active:hover{background-color:inherit}.vxe-table--context-menu-clild-wrapper{display:none;top:0;left:100%}.vxe-table--context-menu-clild-wrapper.is--show{display:block}.vxe-export--panel-column>ul{list-style-type:none;overflow:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-export--panel-column>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.vxe-export--panel>table{width:100%;border:0;table-layout:fixed}.vxe-export--panel>table tr td{padding:0 10px}.vxe-export--panel>table tr td:first-child{text-align:right;width:30%;font-weight:700;padding:8px 10px}.vxe-export--panel>table tr td:nth-child(2){width:70%}.vxe-export--panel>table tr td>.vxe-input,.vxe-export--panel>table tr td>.vxe-select{width:80%}.vxe-export--panel>table tr td>.vxe-export--panel-option-row{padding:.25em 0}.vxe-export--panel .vxe-export--panel-column{width:80%;border:1px solid #dcdfe6;margin:3px 0;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-export--panel .vxe-export--panel-column>ul>li{padding:.2em 1em .2em 1em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2{padding-left:3.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3{padding-left:4.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4{padding-left:5.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5{padding-left:6.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6{padding-left:7.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7{padding-left:8.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8{padding-left:9.5em}.vxe-export--panel .vxe-export--panel-column>ul>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header{padding:.1em 0;background-color:#f8f8f9;font-weight:700;border-bottom:1px solid #e8eaec}.vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body{padding:.2em 0;min-height:10em;max-height:17.6em}.vxe-export--panel .vxe-import-selected--file{padding-right:40px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-export--panel .vxe-import-selected--file>i{display:none;position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;cursor:pointer}.vxe-export--panel .vxe-import-selected--file:hover{color:#409eff}.vxe-export--panel .vxe-import-selected--file:hover>i{display:block}.vxe-export--panel .vxe-import-select--file{border:1px dashed #dcdfe6;padding:6px 34px;outline:0;border-radius:4px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-export--panel .vxe-import-select--file:focus{border-color:#409eff;-webkit-box-shadow:0 0 .25em 0 #409eff;box-shadow:0 0 .25em 0 #409eff}.vxe-export--panel .vxe-import-select--file:hover{color:#409eff;border-color:#409eff}.vxe-export--panel .vxe-export--panel-btns{text-align:right;padding:.25em}.vxe-loading{display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:hsla(0,0%,100%,.5)}.vxe-loading.is--visible{display:block}.vxe-loading>.vxe-loading--chunk,.vxe-loading>.vxe-loading--warpper{width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#409eff}.vxe-loading .vxe-loading--default-icon{font-size:1.4em}.vxe-loading .vxe-loading--text{padding:.4em 0}.vxe-loading .vxe-loading--spinner{display:inline-block;position:relative;width:56px;height:56px}.vxe-loading .vxe-loading--spinner:after,.vxe-loading .vxe-loading--spinner:before{content:"";width:100%;height:100%;border-radius:50%;background-color:#409eff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite}.vxe-loading .vxe-loading--spinner:after{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.size--mini .vxe-loading .vxe-loading--spinner{width:38px;height:38px}.size--small .vxe-loading .vxe-loading--spinner{width:44px;height:44px}.size--medium .vxe-loading .vxe-loading--spinner{width:50px;height:50px}.vxe-table--render-default .vxe-body--column.col--ellipsis,.vxe-table--render-default .vxe-footer--column.col--ellipsis,.vxe-table--render-default .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable .vxe-body--column{height:48px}.vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis,.vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis,.vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable.size--medium .vxe-body--column{height:44px}.vxe-table--render-default.size--small .vxe-body--column.col--ellipsis,.vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis,.vxe-table--render-default.size--small .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable.size--small .vxe-body--column{height:40px}.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,.vxe-table--render-default.vxe-editable.size--mini .vxe-body--column{height:36px}.vxe-table--file-form,.vxe-table-slots{display:none}.vxe-table--print-frame{position:fixed;bottom:-100%;left:-100%;height:0;width:0;border:0}.vxe-table--body-wrapper{scroll-behavior:auto}.vxe-table--body-wrapper,.vxe-table--fixed-left-body-wrapper,.vxe-table--fixed-right-body-wrapper{overflow-y:auto;overflow-x:auto}.vxe-cell .vxe-default-input,.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-input,.vxe-table--filter-wrapper .vxe-default-textarea{background-color:#fff}.vxe-cell .vxe-default-input,.vxe-cell .vxe-default-select,.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-input,.vxe-table--filter-wrapper .vxe-default-select,.vxe-table--filter-wrapper .vxe-default-textarea{outline:0;padding:0 2px;width:100%;color:#606266;border-radius:4px;border:1px solid #dcdfe6}.vxe-cell .vxe-default-input:focus,.vxe-cell .vxe-default-select:focus,.vxe-cell .vxe-default-textarea:focus,.vxe-table--filter-wrapper .vxe-default-input:focus,.vxe-table--filter-wrapper .vxe-default-select:focus,.vxe-table--filter-wrapper .vxe-default-textarea:focus{border:1px solid #409eff}.vxe-cell .vxe-default-input[disabled],.vxe-cell .vxe-default-select[disabled],.vxe-cell .vxe-default-textarea[disabled],.vxe-table--filter-wrapper .vxe-default-input[disabled],.vxe-table--filter-wrapper .vxe-default-select[disabled],.vxe-table--filter-wrapper .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:#f3f3f3}.vxe-cell .vxe-default-input,.vxe-cell .vxe-default-select,.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-input,.vxe-table--filter-wrapper .vxe-default-select,.vxe-table--filter-wrapper .vxe-default-textarea{height:34px}.vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-table--filter-wrapper .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:4px}.vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-cell .vxe-default-input[type=number]::-webkit-inner-spin-button,.vxe-table--filter-wrapper .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-table--filter-wrapper .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-cell .vxe-default-input::-webkit-input-placeholder,.vxe-table--filter-wrapper .vxe-default-input::-webkit-input-placeholder{color:#c0c4cc}.vxe-cell .vxe-default-input::-moz-placeholder,.vxe-table--filter-wrapper .vxe-default-input::-moz-placeholder{color:#c0c4cc}.vxe-cell .vxe-default-input:-ms-input-placeholder,.vxe-table--filter-wrapper .vxe-default-input:-ms-input-placeholder{color:#c0c4cc}.vxe-cell .vxe-default-input::-ms-input-placeholder,.vxe-table--filter-wrapper .vxe-default-input::-ms-input-placeholder{color:#c0c4cc}.vxe-cell .vxe-default-input::placeholder,.vxe-table--filter-wrapper .vxe-default-input::placeholder{color:#c0c4cc}.vxe-cell .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-cell .vxe-input,.vxe-cell .vxe-select,.vxe-cell .vxe-textarea,.vxe-table--filter-wrapper .vxe-input,.vxe-table--filter-wrapper .vxe-select,.vxe-table--filter-wrapper .vxe-textarea{width:100%;display:block}.vxe-cell .vxe-input>.vxe-input--inner,.vxe-cell .vxe-textarea>.vxe-textarea--inner,.vxe-table--filter-wrapper .vxe-input>.vxe-input--inner,.vxe-table--filter-wrapper .vxe-textarea>.vxe-textarea--inner{padding:0 2px}.vxe-cell .vxe-default-textarea,.vxe-cell .vxe-textarea--inner,.vxe-table--filter-wrapper .vxe-default-textarea,.vxe-table--filter-wrapper .vxe-textarea--inner{resize:none}.vxe-table--cell-active-area,.vxe-table--cell-copy-area,.vxe-table--cell-extend-area,.vxe-table--cell-main-area,.vxe-table--checkbox-range{display:none;position:absolute;pointer-events:none;z-index:1}.vxe-table--fixed-left-wrapper .vxe-table--cell-active-area,.vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area,.vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area,.vxe-table--fixed-left-wrapper .vxe-table--cell-main-area,.vxe-table--fixed-left-wrapper .vxe-table--checkbox-range,.vxe-table--fixed-right-wrapper .vxe-table--cell-active-area,.vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area,.vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area,.vxe-table--fixed-right-wrapper .vxe-table--cell-main-area,.vxe-table--fixed-right-wrapper .vxe-table--checkbox-range{z-index:2}.vxe-table--fixed-left-wrapper .vxe-table--cell-active-area[half="1"],.vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area[half="1"],.vxe-table--fixed-left-wrapper .vxe-table--cell-main-area[half="1"]{border-right:0}.vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area[half="1"]{background-size:3px 12px,0 12px,12px 3px,12px 3px}.vxe-table--fixed-right-wrapper .vxe-table--cell-active-area[half="1"],.vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area[half="1"],.vxe-table--fixed-right-wrapper .vxe-table--cell-main-area[half="1"]{border-left:0}.vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area[half="1"]{background-size:0 12px,3px 12px,12px 3px,12px 3px}.vxe-table--checkbox-range{background-color:rgba(50,128,252,.2);border:1px solid #006af1}.vxe-table--cell-area{height:0;font-size:0;display:none}.vxe-table--cell-area>.vxe-table--cell-main-area{background-color:rgba(64,158,255,.2);border:1px solid #409eff}.vxe-table--cell-area .vxe-table--cell-main-area-btn{display:none;position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border-style:solid;border-color:#fff;border-width:1px 0 0 1px;background-color:#409eff;pointer-events:auto;cursor:crosshair}.vxe-table--cell-area .vxe-table--cell-extend-area{border:2px solid #409eff}@-webkit-keyframes moveCopyCellBorder{to{background-position:0 -12px,100% 12px,12px 0,-12px 100%}}@keyframes moveCopyCellBorder{to{background-position:0 -12px,100% 12px,12px 0,-12px 100%}}.vxe-table--cell-copy-area{background:linear-gradient(0deg,transparent 6px,#409eff 0) repeat-y,linear-gradient(0deg,transparent 50%,#409eff 0) repeat-y,linear-gradient(90deg,transparent 50%,#409eff 0) repeat-x,linear-gradient(90deg,transparent 50%,#409eff 0) repeat-x;background-size:3px 12px,3px 12px,12px 3px,12px 3px;background-position:0 0,100% 0,0 0,0 100%;-webkit-animation:moveCopyCellBorder .5s linear infinite;animation:moveCopyCellBorder .5s linear infinite}.vxe-table--cell-active-area{border:2px solid #409eff}.vxe-table--cell-multi-area>.vxe-table--cell-main-area{background-color:rgba(64,158,255,.2)}.vxe-table--render-default.is--round .vxe-table--border-line,.vxe-table--render-default.is--round .vxe-table--render-default.is--round,.vxe-table--render-default.is--round:not(.is--header):not(.is--footer) .vxe-table--body-wrapper.body--wrapper{border-radius:4px}.vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.body--wrapper,.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.body--wrapper{border-radius:4px 4px 0 0}.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper{border-radius:4px 0 0 0}.vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper{border-radius:0 4px 0 0}.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.body--wrapper,.vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.body--wrapper{border-radius:0 0 4px 4px}.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-left--wrapper,.vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-left--wrapper,.vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-left--wrapper{border-radius:0 0 0 4px}.vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-right--wrapper,.vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-right--wrapper,.vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-right--wrapper{border-radius:0 0 4px 0}.vxe-table .vxe-table--header-wrapper{color:#606266}.vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line{position:absolute;left:0;bottom:0;height:0;border-bottom:1px solid #e8eaec}.vxe-table .vxe-cell--sort{width:1.5em;height:1.35em;vertical-align:middle;text-align:center;display:inline-block;position:relative}.vxe-table .vxe-sort--asc-btn,.vxe-table .vxe-sort--desc-btn{position:absolute;left:.2em;color:#c0c4cc;width:1em;text-align:center;height:.8em;line-height:.8em;cursor:pointer}.vxe-table .vxe-sort--asc-btn:hover,.vxe-table .vxe-sort--desc-btn:hover{color:#606266}.vxe-table .vxe-sort--asc-btn.sort--active,.vxe-table .vxe-sort--desc-btn.sort--active{color:#409eff}.vxe-table .vxe-sort--asc-btn{top:-.1em}.vxe-table .vxe-sort--desc-btn{bottom:-.2em}.vxe-header--column{position:relative;font-weight:700}.vxe-header--column.col--ellipsis>.vxe-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-header--column.col--ellipsis>.vxe-cell>i:not(.vxe-cell--title),.vxe-header--column.col--ellipsis>.vxe-cell>span:not(.vxe-cell--title){-ms-flex-negative:0;flex-shrink:0}.vxe-header--column .vxe-cell--required-icon{display:inline-block;color:#f56c6c;width:.8em;height:1em;line-height:1em;font-family:Verdana,Arial,Tahoma;font-weight:400;position:relative}.vxe-header--column .vxe-cell--required-icon:before{content:"*";position:absolute;left:0;top:.2em}.vxe-header--column .vxe-cell--required-icon{margin-right:.1em}.vxe-header--column .vxe-cell--edit-icon,.vxe-header--column .vxe-cell-help-icon{margin-right:.2em}.vxe-header--column .vxe-cell-help-icon{cursor:help}.vxe-header--column .vxe-resizable{position:absolute;right:-7px;bottom:0;width:14px;height:100%;text-align:center;z-index:1;cursor:col-resize}.vxe-header--column .vxe-resizable.is--line:after,.vxe-header--column .vxe-resizable.is--line:before{content:"";display:inline-block;vertical-align:middle}.vxe-header--column .vxe-resizable.is--line:before{width:1px;height:50%;background-color:#d9dddf}.vxe-header--column .vxe-resizable.is--line:after{width:0;height:100%}.vxe-table--fixed-right-wrapper .vxe-header--column .vxe-resizable{right:auto;left:-7px}.vxe-table--render-default{position:relative;font-size:14px;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;direction:ltr}.vxe-table--render-default .vxe-table--body-wrapper,.vxe-table--render-default .vxe-table--footer-wrapper{background-color:#fff}.vxe-table--render-default .vxe-table--body,.vxe-table--render-default .vxe-table--footer,.vxe-table--render-default .vxe-table--header{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-table--render-default .vxe-table--footer-wrapper,.vxe-table--render-default .vxe-table--header-wrapper{overflow-x:hidden;overflow-y:hidden}.vxe-table--render-default:not(.is--empty).is--footer.is--scroll-x .vxe-table--body-wrapper{overflow-x:scroll}.vxe-table--render-default .vxe-body--row.row--stripe{background-color:#fafafa}.vxe-table--render-default .vxe-body--row.row--checked,.vxe-table--render-default .vxe-body--row.row--radio{background-color:#fff3e0}.vxe-table--render-default .vxe-body--row.row--current{background-color:#e6f7ff}.vxe-table--render-default .vxe-body--row.row--hover,.vxe-table--render-default .vxe-body--row.row--hover.row--stripe{background-color:#f5f7fa}.vxe-table--render-default .vxe-body--row.row--hover.row--checked,.vxe-table--render-default .vxe-body--row.row--hover.row--radio{background-color:#ffebbc}.vxe-table--render-default .vxe-body--row.row--hover.row--current{background-color:#d7effb}.vxe-table--render-default.drag--resize .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--resize .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--resize .vxe-table--main-wrapper *{cursor:col-resize}.vxe-table--render-default.drag--area .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--area .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--area .vxe-table--main-wrapper *,.vxe-table--render-default.drag--range .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--range .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--range .vxe-table--main-wrapper *{cursor:default}.vxe-table--render-default.drag--extend-range .vxe-table--fixed-left-wrapper *,.vxe-table--render-default.drag--extend-range .vxe-table--fixed-right-wrapper *,.vxe-table--render-default.drag--extend-range .vxe-table--main-wrapper *{cursor:crosshair}.vxe-table--render-default.column--highlight .vxe-header--column:not(.col--seq):hover{background-color:#d7effb}.vxe-table--render-default.cell--area .vxe-table--main-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--render-default .vxe-body--column,.vxe-table--render-default .vxe-footer--column,.vxe-table--render-default .vxe-header--column{position:relative;line-height:22px;text-align:left}.vxe-table--render-default .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default .vxe-header--column:not(.col--ellipsis){padding:13px 0}.vxe-table--render-default .vxe-body--column.col--current,.vxe-table--render-default .vxe-footer--column.col--current,.vxe-table--render-default .vxe-header--column.col--current{background-color:#e6f7ff}.vxe-table--render-default .vxe-body--column.col--center,.vxe-table--render-default .vxe-footer--column.col--center,.vxe-table--render-default .vxe-header--column.col--center{text-align:center}.vxe-table--render-default .vxe-body--column.col--right,.vxe-table--render-default .vxe-footer--column.col--right,.vxe-table--render-default .vxe-header--column.col--right{text-align:right}.vxe-table--render-default .vxe-footer--column.col--ellipsis.col--center .vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis.col--center .vxe-cell{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vxe-table--render-default .vxe-footer--column.col--ellipsis.col--right .vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis.col--right .vxe-cell{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.vxe-table--render-default .vxe-body--column.col--checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-table--render-default .vxe-table--footer-wrapper{border-top:1px solid #e8eaec}.vxe-table--render-default.border--default .vxe-table--header-wrapper,.vxe-table--render-default.border--full .vxe-table--header-wrapper,.vxe-table--render-default.border--outer .vxe-table--header-wrapper{background-color:#f8f8f9}.vxe-table--render-default.border--default .vxe-body--column,.vxe-table--render-default.border--default .vxe-footer--column,.vxe-table--render-default.border--default .vxe-header--column,.vxe-table--render-default.border--inner .vxe-body--column,.vxe-table--render-default.border--inner .vxe-footer--column,.vxe-table--render-default.border--inner .vxe-header--column{background-image:-webkit-gradient(linear,left top, left bottom,from(#e8eaec),to(#e8eaec));background-image:linear-gradient(#e8eaec,#e8eaec);background-repeat:no-repeat;background-size:100% 1px;background-position:100% 100%}.vxe-table--render-default.border--full .vxe-body--column,.vxe-table--render-default.border--full .vxe-footer--column,.vxe-table--render-default.border--full .vxe-header--column{background-image:-webkit-gradient(linear,left top, left bottom,from(#e8eaec),to(#e8eaec)),-webkit-gradient(linear,left top, left bottom,from(#e8eaec),to(#e8eaec));background-image:linear-gradient(#e8eaec,#e8eaec),linear-gradient(#e8eaec,#e8eaec);background-repeat:no-repeat;background-size:1px 100%,100% 1px;background-position:100% 0,100% 100%}.vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#e8eaec}.vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:-webkit-gradient(linear,left top, left bottom,from(#e8eaec),to(#e8eaec));background-image:linear-gradient(#e8eaec,#e8eaec);background-repeat:no-repeat;background-size:100% 1px;background-position:100% 100%}.vxe-table--render-default.border--inner .vxe-table--header-wrapper,.vxe-table--render-default.border--none .vxe-table--header-wrapper{background-color:#f8f8f9}.vxe-table--render-default.border--inner .vxe-table--fixed-left-wrapper,.vxe-table--render-default.border--none .vxe-table--fixed-left-wrapper{border-right:0}.vxe-table--render-default.border--inner .vxe-table--border-line{border-width:0 0 1px 0}.vxe-table--render-default.border--none .vxe-table--border-line,.vxe-table--render-default.border--none .vxe-table--header-border-line{display:none}.vxe-table--render-default.size--medium{font-size:14px}.vxe-table--render-default.size--medium .vxe-table--empty-block,.vxe-table--render-default.size--medium .vxe-table--empty-placeholder{min-height:44px}.vxe-table--render-default.size--medium .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default.size--medium .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default.size--medium .vxe-header--column:not(.col--ellipsis){padding:11px 0}.vxe-table--render-default.size--medium .vxe-cell .vxe-default-input,.vxe-table--render-default.size--medium .vxe-cell .vxe-default-select,.vxe-table--render-default.size--medium .vxe-cell .vxe-default-textarea{height:32px}.vxe-table--render-default.size--medium .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:3px}.vxe-table--render-default.size--small{font-size:13px}.vxe-table--render-default.size--small .vxe-table--empty-block,.vxe-table--render-default.size--small .vxe-table--empty-placeholder{min-height:40px}.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis){padding:9px 0}.vxe-table--render-default.size--small .vxe-cell .vxe-default-input,.vxe-table--render-default.size--small .vxe-cell .vxe-default-select,.vxe-table--render-default.size--small .vxe-cell .vxe-default-textarea{height:30px}.vxe-table--render-default.size--small .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:2px}.vxe-table--render-default.size--mini{font-size:12px}.vxe-table--render-default.size--mini .vxe-table--empty-block,.vxe-table--render-default.size--mini .vxe-table--empty-placeholder{min-height:36px}.vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),.vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis),.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis){padding:7px 0}.vxe-table--render-default.size--mini .vxe-cell .vxe-default-input,.vxe-table--render-default.size--mini .vxe-cell .vxe-default-select,.vxe-table--render-default.size--mini .vxe-cell .vxe-default-textarea{height:28px}.vxe-table--render-default.size--mini .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:1px}.vxe-table--render-default .vxe-cell{white-space:pre-line;word-break:break-all;padding-left:10px;padding-right:10px}.vxe-table--render-default .vxe-cell--placeholder{color:#c0c4cc}.vxe-table--render-default .fixed--hidden{visibility:hidden}.vxe-table--render-default .vxe-table--fixed-left-wrapper,.vxe-table--render-default .vxe-table--fixed-right-wrapper{width:100%;position:absolute;top:0;z-index:5;overflow:hidden;background-color:inherit;-webkit-transition:box-shadow .3s;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper,.vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper{overflow-x:hidden}.vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper{width:calc(100% + 40px)}.vxe-table--render-default.is--header .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper:before,.vxe-table--render-default.is--header .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper:before{display:none}.vxe-table--render-default .vxe-table--fixed-left-wrapper{left:0;width:200px}.vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{-webkit-box-shadow:8px 0 10px -5px rgba(0,0,0,.12);box-shadow:8px 0 10px -5px rgba(0,0,0,.12)}.vxe-table--render-default .vxe-table--fixed-right-wrapper{right:0}.vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{-webkit-box-shadow:-8px 0 10px -5px rgba(0,0,0,.12);box-shadow:-8px 0 10px -5px rgba(0,0,0,.12)}.vxe-table--render-default .vxe-table--body-wrapper,.vxe-table--render-default .vxe-table--footer-wrapper,.vxe-table--render-default .vxe-table--header-wrapper{position:relative}.vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper{position:absolute;top:0}.vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper{left:0}.vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper,.vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper{right:0;overflow-y:auto}.vxe-table--render-default .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-table--render-default .vxe-body--y-space{width:0;float:left}.vxe-table--render-default .vxe-table--resizable-bar{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:9;cursor:col-resize}.vxe-table--render-default .vxe-table--resizable-bar:before{content:"";display:block;height:100%;background-color:#409eff}.vxe-table--render-default .vxe-table--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:1px solid #e8eaec}.vxe-table--render-default.is--tree-line .vxe-body--row:first-child .vxe-tree--line{border-width:0 0 1px 0}.vxe-table--render-default.is--tree-line .vxe-body--row .vxe-body--column{background-image:none}.vxe-table--render-default .vxe-tree--line-wrapper{position:relative;display:block;height:0}.vxe-table--render-default .vxe-tree--line{content:"";position:absolute;bottom:-.9em;width:.8em;border-width:0 0 1px 1px;border-style:dotted;border-color:#909399;pointer-events:none}.vxe-table--render-default .vxe-cell--tree-node{position:relative}.vxe-table--render-default .vxe-tree--btn-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--render-default .vxe-tree--node-btn{display:block;color:#939599}.vxe-table--render-default .vxe-tree--node-btn:hover{color:#606266}.vxe-table--render-default .vxe-tree-cell{display:block;padding-left:1.5em}.vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell .vxe-tree-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table--render-default .vxe-table--expanded{cursor:pointer}.vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn{display:inline-block;width:1em;height:1em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#939599}.vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn:hover{color:#606266}.vxe-table--render-default .vxe-table--expanded+.vxe-table--expand-label{padding-left:.5em}.vxe-table--render-default .vxe-body--expanded-column{border-bottom:1px solid #e8eaec}.vxe-table--render-default .vxe-body--expanded-column.col--ellipsis>.vxe-body--expanded-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table--render-default .vxe-body--expanded-cell{position:relative;z-index:1}.vxe-table--render-default .vxe-body--expanded-cell.is--ellipsis{overflow:auto}.vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis>.vxe-cell{max-height:48px}.vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis>.vxe-cell{max-height:44px}.vxe-table--render-default.size--medium .vxe-cell--checkbox,.vxe-table--render-default.size--medium .vxe-cell--radio{font-size:14px}.vxe-table--render-default.size--small .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--small .vxe-header--column.col--ellipsis>.vxe-cell{max-height:40px}.vxe-table--render-default.size--small .vxe-cell--checkbox,.vxe-table--render-default.size--small .vxe-cell--radio{font-size:13px}.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis>.vxe-cell,.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell{max-height:36px}.vxe-table--render-default.size--mini .vxe-cell--checkbox,.vxe-table--render-default.size--mini .vxe-cell--radio{font-size:12px}.vxe-table--render-default .vxe-table--empty-block,.vxe-table--render-default .vxe-table--empty-placeholder{min-height:48px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;overflow:hidden;width:100%;pointer-events:none}.vxe-table--render-default .vxe-table--empty-block{display:none;visibility:hidden}.vxe-table--render-default .vxe-table--empty-placeholder{display:none;position:absolute;top:0;z-index:5}.vxe-table--render-default .vxe-table--empty-content{display:block;width:50%;pointer-events:auto}.vxe-table--render-default.is--empty .vxe-table--empty-block,.vxe-table--render-default.is--empty .vxe-table--empty-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex}.vxe-table--render-default .vxe-body--column.col--selected{-webkit-box-shadow:inset 0 0 0 2px #409eff;box-shadow:inset 0 0 0 2px #409eff}.vxe-table--render-default .vxe-body--column.col--actived,.vxe-table--render-default .vxe-body--column.col--selected{position:relative}.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid{width:320px;position:absolute;bottom:calc(100% + 4px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;pointer-events:none;z-index:4}.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid .vxe-cell--valid-msg{display:inline-block;border-radius:4px;padding:8px 12px;color:#fff;background-color:#f56c6c;pointer-events:auto}.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-input,.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-select,.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-textarea,.vxe-table--render-default .vxe-body--column.col--valid-error .vxe-input>.vxe-input--inner{border-color:#f56c6c}.vxe-table--render-default .vxe-body--row:first-child .vxe-cell--valid{bottom:auto;top:calc(100% + 4px)}.vxe-table--render-default .vxe-body--column:first-child .vxe-cell--valid{left:10px;-webkit-transform:translateX(0);transform:translateX(0);text-align:left}.vxe-table--render-default .vxe-body--row.row--new>.vxe-body--column{position:relative}.vxe-table--render-default .vxe-body--row.row--new>.vxe-body--column:before{content:"";top:-5px;left:-5px;position:absolute;border-width:5px;border-style:solid;border-color:transparent #19a15f transparent transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-table--render-default .vxe-body--column.col--dirty{position:relative}.vxe-table--render-default .vxe-body--column.col--dirty:before{content:"";top:-5px;left:-5px;position:absolute;border-width:5px;border-style:solid;border-color:transparent #f56c6c transparent transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived{-webkit-box-shadow:inset 0 0 0 2px #409eff;box-shadow:inset 0 0 0 2px #409eff}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived.col--valid-error{-webkit-box-shadow:inset 0 0 0 2px #f56c6c;box-shadow:inset 0 0 0 2px #f56c6c}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input,.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-textarea{border:0;padding:0}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input{height:22px}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-input .vxe-input--inner{border:0;padding-left:0}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea{height:21px}.vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea .vxe-textarea--inner{border:0}.vxe-table--render-default.vxe-editable .vxe-body--column,.vxe-table--render-default.vxe-editable .vxe-body--column.col--actived{padding:0}.vxe-table--footer-wrapper{color:#606266;margin-top:-1px}.vxe-table--footer-wrapper.body--wrapper{overflow-x:auto}.vxe-footer--column.col--ellipsis>.vxe-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-footer--column.col--ellipsis>.vxe-cell .vxe-cell--item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:hsla(0,0%,100%,.5)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.vxe-grid .vxe-body--row.row--pending{color:#f56c6c;text-decoration:line-through;cursor:no-drop}.vxe-grid .vxe-body--row.row--pending .vxe-body--column{position:relative}.vxe-grid .vxe-body--row.row--pending .vxe-body--column:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px solid #f56c6c;z-index:1}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid,.vxe-grid.size--medium{font-size:14px}.vxe-grid.size--small{font-size:13px}.vxe-grid.size--mini{font-size:12px}.vxe-toolbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.6em 0;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--perfect{border:1px solid #e8eaec;border-bottom-width:0;background-color:#f8f8f9}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:hsla(0,0%,100%,.5)}.vxe-toolbar .vxe-buttons--wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button,.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item{margin-left:.8em}.vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper,.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-toolbar .vxe-buttons--wrapper,.vxe-toolbar .vxe-tools--wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.vxe-toolbar .vxe-tools--operate{-ms-flex-negative:0;flex-shrink:0}.vxe-toolbar .vxe-custom--wrapper{position:relative;margin-left:.8em}.vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button{background-color:#d9dadb;border-radius:50%}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper{display:block}.vxe-toolbar .vxe-custom--option-wrapper{display:none;position:absolute;right:2px;text-align:left;background-color:#fff;z-index:19;border:1px solid #e8eaec;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid #dadce0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{padding:.2em 0;max-height:17.6em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover{background-color:#f5f7fa}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li{max-width:16em;min-width:12.5em;padding:.2em 1em .2em 1em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2{padding-left:3.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3{padding-left:4.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4{padding-left:5.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5{padding-left:6.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6{padding-left:7.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7{padding-left:8.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8{padding-left:9.5em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{border-top:1px solid #dadce0;text-align:right}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:#606266;text-align:center;cursor:pointer}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus{outline:none}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover{color:#409eff}.vxe-custom--option-wrapper .vxe-custom--body,.vxe-custom--option-wrapper .vxe-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-custom--option-wrapper .vxe-custom--header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-toolbar,.vxe-toolbar.size--medium{font-size:14px}.vxe-toolbar.size--small{font-size:13px}.vxe-toolbar.size--mini{font-size:12px}.vxe-pager{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-align:right;background-color:#fff}.vxe-pager.is--hidden{display:none}.vxe-pager.align--left{text-align:left}.vxe-pager.align--center{text-align:center}.vxe-pager.is--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:hsla(0,0%,100%,.5)}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{color:inherit;outline:0;padding:0;border:1px solid transparent}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{-webkit-box-shadow:0 0 .25em 0 #409eff;box-shadow:0 0 .25em 0 #409eff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{background-color:#f7f7f7}.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,.vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn{border-color:#dcdfe6}.vxe-pager.is--background .vxe-pager--jump-next,.vxe-pager.is--background .vxe-pager--jump-prev,.vxe-pager.is--background .vxe-pager--next-btn,.vxe-pager.is--background .vxe-pager--num-btn,.vxe-pager.is--background .vxe-pager--prev-btn,.vxe-pager.is--perfect .vxe-pager--jump-next,.vxe-pager.is--perfect .vxe-pager--jump-prev,.vxe-pager.is--perfect .vxe-pager--next-btn,.vxe-pager.is--perfect .vxe-pager--num-btn,.vxe-pager.is--perfect .vxe-pager--prev-btn{background-color:#f4f4f5}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{color:#fff;background-color:#409eff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{background-color:#5faeff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{border-color:#409eff}.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active,.vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active{border-color:#3196ff;background-color:#3196ff}.vxe-pager.is--perfect{border:1px solid #e8eaec;border-top-width:0;background-color:#fff}.vxe-pager.is--border .vxe-pager--num-btn.is--active{border-color:#409eff}.vxe-pager .vxe-pager--wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-pager .vxe-pager--btn-icon,.vxe-pager .vxe-pager--jump-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper,.vxe-pager .vxe-pager--sizes,.vxe-pager .vxe-pager--total{margin:0 .4em;vertical-align:middle;display:inline-block}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{position:relative;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--left-wrapper,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn,.vxe-pager .vxe-pager--right-wrapper{height:2.15em;line-height:2em;display:inline-block}.vxe-pager .vxe-pager--jump .vxe-pager--goto,.vxe-pager .vxe-pager--sizes>.vxe-input{height:2.15em;line-height:2.15em}.vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option{text-align:center}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{min-width:2.15em}.vxe-pager .vxe-pager--btn-wrapper{padding:0;margin:0;display:inline-block;text-align:center}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon{display:none}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon,.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon{display:inline-block}.vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon{display:none}.vxe-pager .vxe-pager--jump-next,.vxe-pager .vxe-pager--jump-prev,.vxe-pager .vxe-pager--next-btn,.vxe-pager .vxe-pager--num-btn,.vxe-pager .vxe-pager--prev-btn{text-align:center;border-radius:4px;margin:0 .25em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover{color:#5faeff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus,.vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{color:#409eff}.vxe-pager .vxe-pager--jump-next:not(.is--disabled):active,.vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active,.vxe-pager .vxe-pager--next-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--num-btn:not(.is--disabled):active,.vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active{color:#3196ff}.vxe-pager .vxe-pager--jump-next.is--disabled,.vxe-pager .vxe-pager--jump-prev.is--disabled,.vxe-pager .vxe-pager--next-btn.is--disabled,.vxe-pager .vxe-pager--num-btn.is--disabled,.vxe-pager .vxe-pager--prev-btn.is--disabled{cursor:no-drop;color:#bfbfbf}.vxe-pager .vxe-pager--jump-next.is--disabled:hover,.vxe-pager .vxe-pager--jump-prev.is--disabled:hover,.vxe-pager .vxe-pager--next-btn.is--disabled:hover,.vxe-pager .vxe-pager--num-btn.is--disabled:hover,.vxe-pager .vxe-pager--prev-btn.is--disabled:hover{color:#bfbfbf}.vxe-pager .vxe-pager--num-btn{vertical-align:middle}.vxe-pager .vxe-pager--num-btn.is--active{font-weight:700}.vxe-pager .vxe-pager--sizes{width:7em;text-align:center;cursor:pointer}.vxe-pager .vxe-pager--count,.vxe-pager .vxe-pager--sizes .vxe-input--inner{text-align:center}.vxe-pager .vxe-pager--count>span{vertical-align:middle}.vxe-pager .vxe-pager--count .vxe-pager--separator{margin-right:.2em}.vxe-pager .vxe-pager--count .vxe-pager--separator:before{content:"/"}.vxe-pager .vxe-pager--jump .vxe-pager--goto{border-radius:4px;border:1px solid #dcdfe6;color:#606266;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out;padding:0 .4em;background-color:#fff}.vxe-pager .vxe-pager--jump .vxe-pager--goto:focus{border:1px solid #409eff;outline:0}.vxe-pager .vxe-pager--jump .vxe-pager--goto-text{margin-right:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--classifier-text{margin-left:.25em}.vxe-pager .vxe-pager--jump .vxe-pager--goto{width:3.2em;text-align:center}.vxe-pager{font-size:14px;height:48px}.vxe-pager.size--medium{font-size:14px;height:44px}.vxe-pager.size--small{font-size:13px;height:40px}.vxe-pager.size--mini{font-size:12px;height:36px}.vxe-checkbox,.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{white-space:nowrap}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:#409eff}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:#409eff;-webkit-box-shadow:0 0 .2em 0 #409eff;box-shadow:0 0 .2em 0 #409eff}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:#409eff}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:#dcdfe6}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:#bfbfbf}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:#dcdfe6}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em}.vxe-checkbox,.vxe-checkbox.size--medium{font-size:14px}.vxe-checkbox.size--small{font-size:13px}.vxe-checkbox.size--mini{font-size:12px}[class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-checkbox .vxe-checkbox--label,.vxe-radio .vxe-radio--label,.vxe-radio-button .vxe-radio--label,.vxe-table--render-default .vxe-body--column.col--ellipsis:not(.col--actived)>.vxe-cell,.vxe-table--render-default .vxe-footer--column.col--ellipsis:not(.col--actived)>.vxe-cell,.vxe-table--render-default .vxe-header--column.col--ellipsis:not(.col--actived)>.vxe-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.vxe-primary-color{color:#409eff}.vxe-success-color{color:#67c23a}.vxe-info-color{color:#909399}.vxe-warning-color{color:#e6a23c}.vxe-danger-color{color:#f56c6c}.vxe-perfect-color{color:#f8f8f9}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-input--wrapper .vxe-input,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{-webkit-transition:border .1s ease-in-out;transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out, -webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}.vxe-checkbox .vxe-checkbox--icon,.vxe-custom--option .vxe-checkbox--icon,.vxe-export--panel-column-option .vxe-checkbox--icon,.vxe-table--filter-option .vxe-checkbox--icon,.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{font-size:1.34em;color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.is--checked.vxe-checkbox,.is--checked.vxe-checkbox .vxe-checkbox--icon,.is--checked.vxe-custom--option,.is--checked.vxe-custom--option .vxe-checkbox--icon,.is--checked.vxe-export--panel-column-option,.is--checked.vxe-export--panel-column-option .vxe-checkbox--icon,.is--checked.vxe-table--filter-option,.is--checked.vxe-table--filter-option .vxe-checkbox--icon,.is--indeterminate.vxe-checkbox,.is--indeterminate.vxe-checkbox .vxe-checkbox--icon,.is--indeterminate.vxe-custom--option,.is--indeterminate.vxe-custom--option .vxe-checkbox--icon,.is--indeterminate.vxe-export--panel-column-option,.is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon,.is--indeterminate.vxe-table--filter-option,.is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon,.vxe-table--render-default .is--checked.vxe-cell--checkbox,.vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon,.vxe-table--render-default .is--indeterminate.vxe-cell--checkbox,.vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon{color:#409eff}.vxe-checkbox:not(.is--disabled),.vxe-custom--option:not(.is--disabled),.vxe-export--panel-column-option:not(.is--disabled),.vxe-table--filter-option:not(.is--disabled),.vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon,.vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:#409eff}.is--disabled.vxe-checkbox,.is--disabled.vxe-custom--option,.is--disabled.vxe-export--panel-column-option,.is--disabled.vxe-table--filter-option,.vxe-table--render-default .is--disabled.vxe-cell--checkbox{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-checkbox .vxe-checkbox--icon,.is--disabled.vxe-custom--option .vxe-checkbox--icon,.is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon,.is--disabled.vxe-table--filter-option .vxe-checkbox--icon,.vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon{color:#dcdfe6}.vxe-checkbox .vxe-checkbox--label,.vxe-custom--option .vxe-checkbox--label,.vxe-export--panel-column-option .vxe-checkbox--label,.vxe-table--filter-option .vxe-checkbox--label,.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-radio,.vxe-table--render-default .vxe-cell--radio{cursor:pointer}.vxe-radio .vxe-radio--icon,.vxe-table--render-default .vxe-cell--radio .vxe-radio--icon{font-size:1.4em;color:#dcdfe6;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.is--checked.vxe-radio,.is--checked.vxe-radio .vxe-radio--icon,.vxe-table--render-default .is--checked.vxe-cell--radio,.vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon{color:#409eff}.vxe-radio:not(.is--disabled),.vxe-table--render-default .vxe-cell--radio:not(.is--disabled){cursor:pointer}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon,.vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon{color:#409eff}.is--disabled.vxe-radio,.vxe-table--render-default .is--disabled.vxe-cell--radio{color:#bfbfbf;cursor:not-allowed}.is--disabled.vxe-radio .vxe-radio--icon,.vxe-table--render-default .is--disabled.vxe-cell--radio .vxe-radio--icon{color:#dcdfe6}.vxe-radio .vxe-radio--label,.vxe-table--render-default .vxe-cell--radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio-group{display:inline-block;vertical-align:middle;line-height:1;font-size:0}.vxe-radio-group+.vxe-radio-group{margin-left:10px}.vxe-radio{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:#409eff}.vxe-radio:not(.vxe-radio-button)+.vxe-radio{margin-left:10px}.vxe-radio-button .vxe-radio--label{background-color:#fff}.vxe-radio-button:first-child .vxe-radio--label{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px}.vxe-radio-button:last-child .vxe-radio--label{border-radius:0 4px 4px 0}.vxe-radio-button>input:checked+.vxe-radio--label{color:#fff;background-color:#409eff;border-color:#409eff}.vxe-radio-button .vxe-radio--label{padding:0 1em;line-height:32px;display:inline-block;border-style:solid;border-color:#dcdfe6;border-width:1px 1px 1px 0;max-width:50em}.vxe-radio-button.is--disabled{cursor:not-allowed}.vxe-radio-button.is--disabled>input:not(:checked)+.vxe-radio--label{color:#dcdfe6}.vxe-radio-button.is--disabled>input:checked+.vxe-radio--label{border-color:#a6d2ff;background-color:#a6d2ff}.vxe-radio-button:not(.is--disabled)>input:focus+.vxe-radio--label{border-color:#409eff;-webkit-box-shadow:0 0 .2em 0 #409eff;box-shadow:0 0 .2em 0 #409eff}.vxe-radio-button:not(.is--disabled):hover>input:not(:checked)+.vxe-radio--label{color:#409eff}.vxe-radio-button.size--medium .vxe-radio--label{line-height:30px}.vxe-radio-button.size--small .vxe-radio--label{line-height:28px}.vxe-radio-button.size--mini .vxe-radio--label{line-height:26px}.vxe-radio,.vxe-radio.size--medium{font-size:14px}.vxe-radio.size--small{font-size:13px}.vxe-radio.size--mini{font-size:12px}.vxe-input--inner{width:100%;height:100%;border-radius:4px;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .6em;color:#606266;border:1px solid #dcdfe6;background-color:#fff;-webkit-box-shadow:none;box-shadow:none}.vxe-input--inner::-webkit-input-placeholder{color:#c0c4cc}.vxe-input--inner::-moz-placeholder{color:#c0c4cc}.vxe-input--inner:-ms-input-placeholder{color:#c0c4cc}.vxe-input--inner::-ms-input-placeholder{color:#c0c4cc}.vxe-input--inner::placeholder{color:#c0c4cc}.vxe-input--inner::-webkit-autofill{background-color:#fff}.vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input--inner[type=search],.vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input--inner[disabled]{cursor:not-allowed;color:#bfbfbf;background-color:#f3f3f3}.vxe-input{display:inline-block;position:relative;width:180px}.vxe-input.is--disabled .vxe-input--date-picker-suffix,.vxe-input.is--disabled .vxe-input--number-suffix,.vxe-input.is--disabled .vxe-input--password-suffix,.vxe-input.is--disabled .vxe-input--search-suffix,.vxe-input.is--disabled .vxe-input--suffix{cursor:no-drop}.vxe-input:not(.is--disabled) .vxe-input--clear-icon,.vxe-input:not(.is--disabled) .vxe-input--number-suffix,.vxe-input:not(.is--disabled) .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--search-suffix{cursor:pointer}.vxe-input:not(.is--disabled).is--active .vxe-input--inner{border:1px solid #409eff}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--prefix,.vxe-input .vxe-input--suffix{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;width:1.6em;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#c0c4cc}.vxe-input .vxe-input--prefix{left:.2em}.vxe-input.is--prefix .vxe-input--inner{padding-left:1.8em}.vxe-input .vxe-input--clear-icon{display:none}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--suffix{right:.2em}.vxe-input.is--suffix .vxe-input--inner{padding-right:1.8em}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input.is--controls.type--date .vxe-input--inner,.vxe-input.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--controls.type--float .vxe-input--inner,.vxe-input.is--controls.type--integer .vxe-input--inner,.vxe-input.is--controls.type--month .vxe-input--inner,.vxe-input.is--controls.type--number .vxe-input--inner,.vxe-input.is--controls.type--password .vxe-input--inner,.vxe-input.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--controls.type--search .vxe-input--inner,.vxe-input.is--controls.type--time .vxe-input--inner,.vxe-input.is--controls.type--week .vxe-input--inner,.vxe-input.is--controls.type--year .vxe-input--inner{padding-right:1.8em}.vxe-input.is--controls.type--date .vxe-input--suffix,.vxe-input.is--controls.type--datetime .vxe-input--suffix,.vxe-input.is--controls.type--float .vxe-input--suffix,.vxe-input.is--controls.type--integer .vxe-input--suffix,.vxe-input.is--controls.type--month .vxe-input--suffix,.vxe-input.is--controls.type--number .vxe-input--suffix,.vxe-input.is--controls.type--password .vxe-input--suffix,.vxe-input.is--controls.type--quarter .vxe-input--suffix,.vxe-input.is--controls.type--search .vxe-input--suffix,.vxe-input.is--controls.type--time .vxe-input--suffix,.vxe-input.is--controls.type--week .vxe-input--suffix,.vxe-input.is--controls.type--year .vxe-input--suffix{right:1.6em}.vxe-input.is--suffix.is--controls.type--date .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--float .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--integer .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--month .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--number .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--password .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--search .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--time .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--week .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--year .vxe-input--inner{padding-right:3.2em}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon{display:none}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon{display:inline}.vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon{color:#409eff}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix{color:#409eff}.vxe-input:not(.is--disabled) .vxe-input--number-next:hover,.vxe-input:not(.is--disabled) .vxe-input--number-prev:hover{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--number-next:active,.vxe-input:not(.is--disabled) .vxe-input--number-prev:active{color:#409eff}.vxe-input:not(.is--disabled) .vxe-input--number-next.is--disabled,.vxe-input:not(.is--disabled) .vxe-input--number-prev.is--disabled{cursor:no-drop;color:#e4e7ed}.vxe-input .vxe-input--date-picker-suffix,.vxe-input .vxe-input--number-suffix,.vxe-input .vxe-input--password-suffix,.vxe-input .vxe-input--search-suffix{position:relative;width:100%;height:100%}.vxe-input .vxe-input--date-picker-icon,.vxe-input .vxe-input--password-icon,.vxe-input .vxe-input--search-icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vxe-input .vxe-input--date-picker-icon[class*=vxe-icon-],.vxe-input .vxe-input--password-icon[class*=vxe-icon-],.vxe-input .vxe-input--search-icon[class*=vxe-icon-]{font-size:1.2em}.vxe-input .vxe-input--date-picker-suffix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vxe-input .vxe-input--date-picker-suffix .vxe-input--panel-icon{-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.vxe-input .vxe-input--number-next,.vxe-input .vxe-input--number-prev{position:relative;display:block;height:50%;width:100%;text-align:center}.vxe-input .vxe-input--number-next-icon,.vxe-input .vxe-input--number-prev-icon{line-height:.8em;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vxe-input .vxe-input--number-prev-icon{bottom:0}.vxe-input .vxe-input--number-next-icon{top:0}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-input--panel:not(.is--transfer){min-width:100%}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.animat--leave{display:block;opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.vxe-input--panel.animat--leave[placement=top]{-webkit-transform-origin:center bottom;transform-origin:center bottom}.vxe-input--panel.animat--enter{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{background-color:#fff;border:1px solid #dadce0;-webkit-box-shadow:0 0 6px 2px rgba(0,0,0,.1);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:4px}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #dcdfe6}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{display:inline-block;text-align:center;border:1px solid #dcdfe6;border-radius:4px}.vxe-input--time-picker-confirm{position:absolute;right:0;top:0}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;color:#fff;border-color:#409eff;background-color:#409eff}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:#5faeff;border-color:#5faeff}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:#3196ff;border-color:#3196ff}.vxe-input--time-picker-header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0}.vxe-input--date-picker-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{-ms-flex-negative:0;flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:inline-block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}.vxe-input--date-picker-btn.is--disabled{color:#bfbfbf;cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-btn:not(.is--disabled):active{background-color:#f7f7f7}.vxe-input--date-picker-body{border-radius:4px;border:1px solid #dadce0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{-webkit-box-shadow:inset 0 -1px 0 0 #dadce0;box-shadow:inset 0 -1px 0 0 #dadce0}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:#bfbfbf}.vxe-input--date-picker-body td.is--now{-webkit-box-shadow:inset 0 0 0 1px #dadce0;box-shadow:inset 0 0 0 1px #dadce0}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:#409eff}.vxe-input--date-picker-body td.is--hover{background-color:#f2f6fc}.vxe-input--date-picker-body td.is--selected{color:#fff;background-color:#409eff}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:#73b8ff}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:#fff}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:#fff}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:#dcdfe6;background-color:#f3f3f3}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:#dcdfe6}.vxe-input--date-week-view th:first-child{-webkit-box-shadow:inset -1px -1px 0 0 #dadce0;box-shadow:inset -1px -1px 0 0 #dadce0}.vxe-input--date-week-view td:first-child{-webkit-box-shadow:inset -1px 0 0 0 #dadce0;box-shadow:inset -1px 0 0 0 #dadce0}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:100%;background-color:red}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;-webkit-transform:scale(.7);transform:scale(.7);color:#67c23a}.vxe-input--date-label--extra.is-important{color:#fd2222}.vxe-input--date-festival{color:#999;height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:#409eff}.vxe-input--date-festival--label{display:block;font-size:12px;-webkit-transform:scale(.8);transform:scale(.8)}@-webkit-keyframes festivalOverlap2{0%,45%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%,95%{-webkit-transform:translateY(-14px);transform:translateY(-14px)}}@keyframes festivalOverlap2{0%,45%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%,95%{-webkit-transform:translateY(-14px);transform:translateY(-14px)}}@-webkit-keyframes festivalOverlap3{0%,20%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%,45%,75%,95%{-webkit-transform:translateY(-14px);transform:translateY(-14px)}50%,70%{-webkit-transform:translateY(-28px);transform:translateY(-28px)}}@keyframes festivalOverlap3{0%,20%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%,45%,75%,95%{-webkit-transform:translateY(-14px);transform:translateY(-14px)}50%,70%{-webkit-transform:translateY(-28px);transform:translateY(-28px)}}.vxe-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{-webkit-animation:festivalOverlap2 6s ease-in-out infinite;animation:festivalOverlap2 6s ease-in-out infinite}.vxe-input--date-festival--overlap.overlap--3{-webkit-animation:festivalOverlap3 9s ease-in-out infinite;animation:festivalOverlap3 9s ease-in-out infinite}.vxe-input--date-festival--overlap>span{height:14px;display:block;-webkit-transform:scale(.8);transform:scale(.8)}.vxe-input--time-picker-body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border:1px solid #dadce0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:#f2f6fc;cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:#409eff}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list,.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid #dadce0}.vxe-input{font-size:14px;height:34px;line-height:34px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium{font-size:14px;height:32px;line-height:32px}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small{font-size:13px;height:30px;line-height:30px}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini{font-size:12px;height:28px;line-height:28px}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:14px}.vxe-input--panel .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{width:170px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel .vxe-input--time-picker-title{height:30px;line-height:30px;padding:0 11px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:4px;border:1px solid #dcdfe6}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:258px}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:38px}.vxe-input--panel .vxe-input--date-quarter-view td{height:60px}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:48px}.vxe-input--panel .vxe-input--date-picker-body th{height:30px}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:30px;padding:0 9px}.vxe-input--panel .vxe-input--date-label{line-height:15px}.vxe-input--panel.size--medium{font-size:14px}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{width:168px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:29px;line-height:29px;padding:0 10px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:4px;border:1px solid #dcdfe6}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:245px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:36px}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:58px}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:46px}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:29px;padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:15px}.vxe-input--panel.size--small{font-size:13px}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{width:154px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:28px;line-height:28px;padding:0 9px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:4px;border:1px solid #dcdfe6}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:232px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:34px}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:56px}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:44px}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:28px;padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:14px}.vxe-input--panel.size--mini{font-size:12px}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{width:146px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:27px;line-height:27px;padding:0 8px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:4px;border:1px solid #dcdfe6}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:218px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:32px}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:54px}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:42px}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:26px}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:27px;padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:13px}.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols),.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:4px;outline:0;font-size:inherit;padding:0 .6em;color:#606266;line-height:inherit;border:1px solid #dcdfe6;background-color:#fff;display:block;padding:.3em .6em}.vxe-textarea--inner::-webkit-input-placeholder{color:#c0c4cc}.vxe-textarea--inner::-moz-placeholder{color:#c0c4cc}.vxe-textarea--inner:-ms-input-placeholder{color:#c0c4cc}.vxe-textarea--inner::-ms-input-placeholder{color:#c0c4cc}.vxe-textarea--inner::placeholder{color:#c0c4cc}.vxe-textarea--inner:focus{border:1px solid #409eff}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:#f3f3f3}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:1.5715;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:#999;background-color:#fff}.vxe-textarea--count.is--error{color:#f56c6c}.vxe-textarea,.vxe-textarea--autosize,.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:14px}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:13px}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:12px}.vxe-textarea:not(.is--autosize){min-height:34px}.vxe-textarea.size--medium{font-size:14px}.vxe-textarea.size--medium:not(.is--autosize){min-height:32px}.vxe-textarea.size--small:not(.is--autosize){min-height:30px}.vxe-textarea.size--mini:not(.is--autosize){min-height:28px}.vxe-button{position:relative;text-align:center;background-color:#fff;outline:0;font-size:14px;max-width:500px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:#606266;cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:#bfbfbf}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:#2f3031}.vxe-button.type--text:not(.is--disabled):hover{color:#73b8ff}.vxe-button.type--text.theme--primary{color:#409eff}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:#0d84ff}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:#73b8ff}.vxe-button.type--text.theme--primary.is--disabled{color:#a6d2ff}.vxe-button.type--text.theme--success{color:#67c23a}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:#529b2e}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:#85cf60}.vxe-button.type--text.theme--success.is--disabled{color:#a3db87}.vxe-button.type--text.theme--info{color:#909399}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:#767980}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:#abadb1}.vxe-button.type--text.theme--info.is--disabled{color:#c5c7ca}.vxe-button.type--text.theme--warning{color:#e6a23c}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:#d48a1b}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:#ecb869}.vxe-button.type--text.theme--warning.is--disabled{color:#f2cd96}.vxe-button.type--text.theme--danger{color:#f56c6c}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:#f23c3c}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:#f89c9c}.vxe-button.type--text.theme--danger.is--disabled{color:#fbcccc}.vxe-button.type--text.theme--perfect{color:#f8f8f9}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:#dddde1}.vxe-button.type--text.theme--perfect.is--disabled,.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:#fff}.vxe-button.type--button{font-family:inherit;height:34px;line-height:1;border:1px solid #dcdfe6}.vxe-button.type--button.is--round{border-radius:17px}.vxe-button.type--button:not(.is--round){border-radius:4px}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:34px;border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:#5faeff}.vxe-button.type--button:not(.is--disabled):focus{border-color:#409eff}.vxe-button.type--button:not(.is--disabled):active{color:#3196ff;border-color:#3196ff;background-color:#f7f7f7}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:#409eff;background-color:#409eff}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:#5faeff;border-color:#5faeff}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:#3196ff;border-color:#3196ff}.vxe-button.type--button.theme--primary.is--disabled{border-color:#a6d2ff;background-color:#a6d2ff}.vxe-button.type--button.theme--primary.is--loading{border-color:#409eff;background-color:#409eff}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:#67c23a;background-color:#67c23a}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:#79cb50;border-color:#79cb50}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:#61b636;border-color:#61b636}.vxe-button.type--button.theme--success.is--disabled{border-color:#a3db87;background-color:#a3db87}.vxe-button.type--button.theme--success.is--loading{border-color:#67c23a;background-color:#67c23a}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:#909399;background-color:#909399}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:#a0a3a8;border-color:#a0a3a8}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:#888b92;border-color:#888b92}.vxe-button.type--button.theme--info.is--disabled{border-color:#c5c7ca;background-color:#c5c7ca}.vxe-button.type--button.theme--info.is--loading{border-color:#909399;background-color:#909399}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:#e6a23c;background-color:#e6a23c}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:#e9af57;border-color:#e9af57}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:#e49c2e;border-color:#e49c2e}.vxe-button.type--button.theme--warning.is--disabled{border-color:#f2cd96;background-color:#f2cd96}.vxe-button.type--button.theme--warning.is--loading{border-color:#e6a23c;background-color:#e6a23c}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:#f56c6c;background-color:#f56c6c}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:#f78989;border-color:#f78989}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:#f45e5e;border-color:#f45e5e}.vxe-button.type--button.theme--danger.is--disabled{border-color:#fbcccc;background-color:#fbcccc}.vxe-button.type--button.theme--danger.is--loading{border-color:#f56c6c;background-color:#f56c6c}.vxe-button.type--button.theme--perfect{color:#606266}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:#f8f8f9;background-color:#f8f8f9}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:#606266;background-color:#fff;border-color:#fff}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:#606266;background-color:#f0f0f2;border-color:#f0f0f2}.vxe-button.type--button.theme--perfect.is--disabled{border-color:#fff;background-color:#fff}.vxe-button.type--button.theme--perfect.is--loading{border-color:#f8f8f9;background-color:#f8f8f9}.vxe-button.size--medium{font-size:14px}.vxe-button.size--medium.type--button{height:32px}.vxe-button.size--medium.type--button.is--circle{min-width:32px}.vxe-button.size--medium.type--button.is--round{border-radius:16px}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:14px}.vxe-button.size--small{font-size:13px}.vxe-button.size--small.type--button{height:30px}.vxe-button.size--small.type--button.is--circle{min-width:30px}.vxe-button.size--small.type--button.is--round{border-radius:15px}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:13px}.vxe-button.size--mini{font-size:12px}.vxe-button.size--mini.type--button{height:28px}.vxe-button.size--mini.type--button.is--circle{min-width:28px}.vxe-button.size--mini.type--button.is--round{border-radius:14px}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:12px}.vxe-button+.vxe-button,.vxe-button+.vxe-button--dropdown,.vxe-input+.vxe-button,.vxe-input+.vxe-button--dropdown{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:14px}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button,.vxe-button--dropdown+.vxe-button--dropdown{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--danger,.vxe-button--dropdown>.vxe-button.type--button.theme--info,.vxe-button--dropdown>.vxe-button.type--button.theme--primary,.vxe-button--dropdown>.vxe-button.type--button.theme--success,.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:#606266}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:#5faeff}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:#73b8ff}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:#85cf60}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:#abadb1}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:#ecb869}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:#f89c9c}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:#fff}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:#5faeff;border-color:#5faeff}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:#79cb50;border-color:#79cb50}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:#a0a3a8;border-color:#a0a3a8}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:#e9af57;border-color:#e9af57}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:#f78989;border-color:#f78989}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:#606266;background-color:#fff;border-color:#fff}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{-webkit-transform-origin:center bottom;transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:#fff;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button{margin-left:0;margin-top:.4em;display:block;width:100%;border:0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}.vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-transition:top .4s ease-in-out;transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:hsla(0,0%,100%,.5)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:hsla(0,0%,100%,.5)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper:not(.type--message).lock--scroll{overflow:hidden}.vxe-modal--wrapper:not(.type--message):not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:transparent}.vxe-modal--wrapper.is--animat.is--mask:before{-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag){-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message{text-align:center}.vxe-modal--wrapper.type--message .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;left:50%;top:0;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:#909399}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:#e6a23c}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:#67c23a}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:#f56c6c}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:#bfbfbf}.vxe-modal--wrapper .vxe-modal--status-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-modal--wrapper .vxe-modal--content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:.8em 1em;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid #ebeef5;background-color:#f8f8f8;border-radius:4px 4px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--header-title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:.6em 0 .6em 1em}.vxe-modal--wrapper .vxe-modal--header-right{-ms-flex-negative:0;flex-shrink:0;padding:.6em 1em .6em 0}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{cursor:pointer;margin-left:.6em}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:#409eff}.vxe-modal--wrapper .vxe-modal--footer{-ms-flex-negative:0;flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper,.vxe-modal--wrapper.size--medium{font-size:14px}.vxe-modal--wrapper.size--small{font-size:13px}.vxe-modal--wrapper.size--mini{font-size:12px}.vxe-table--tooltip-wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;max-width:600px;border-radius:4px;padding:8px 12px;white-space:normal;word-break:break-word;-webkit-box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.vxe-table--tooltip-wrapper:not(.is--enterable){pointer-events:none}.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow,.vxe-table--tooltip-wrapper.is--visible{display:block}.vxe-table--tooltip-wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-table--tooltip-wrapper .vxe-table--tooltip-content{white-space:pre-line}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;-webkit-transform:translateX(-6px);transform:translateX(-6px)}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-table--tooltip-wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow{bottom:-12px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before{top:-7px}.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow{top:-12px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before{top:-4px}.vxe-table--tooltip-wrapper.theme--light{background-color:#fff;border:1px solid #dcdfe6}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow{border-top-color:#dcdfe6}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before{border-top-color:#fff}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:#dcdfe6}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:#fff}.vxe-table--tooltip-wrapper.theme--dark{background:#303133;color:#fff}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow,.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before{border-top-color:#303133}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow,.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:#303133}.vxe-table--tooltip-wrapper.vxe-table--valid-error{background-color:#f56c6c;color:#fff}.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:#5faeff;border-color:#73b8ff}.vxe-form{position:relative;font-size:14px;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff;text-align:left}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{-ms-flex-negative:0;flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;-webkit-transition:all .1s;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:#f56c6c;background-color:inherit;z-index:1;opacity:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-block}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-block}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:#f56c6c;font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:#f56c6c}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{-ms-flex-negative:0;flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;word-break:break-all}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid #dcdfe6;border-radius:4px}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:34px}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:#606266}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid #409eff}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:#f3f3f3}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:32px;background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:#3699ff;border-color:#3699ff}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-webkit-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input::-moz-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input:-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input::-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input::placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-webkit-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea:-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea::-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea::placeholder{color:#c0c4cc}.vxe-form .vxe-form--item-inner{min-height:36px}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:14px}.vxe-form.size--medium .vxe-form--item-inner{min-height:34px}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:30px}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:32px}.vxe-form.size--small{font-size:13px}.vxe-form.size--small .vxe-form--item-inner{min-height:32px}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:28px}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:30px}.vxe-form.size--mini{font-size:12px}.vxe-form.size--mini .vxe-form--item-inner{min-height:30px}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:26px}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:28px}.vxe-select{position:relative;display:inline-block;width:180px;color:#606266;text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon{display:inline-block;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner{border:1px solid #409eff}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--panel.animat--leave{display:block;opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.vxe-select--panel.animat--leave[placement=top]{-webkit-transform-origin:center bottom;transform-origin:center bottom}.vxe-select--panel.animat--enter{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vxe-select-filter--wrapper{display:block}.vxe-select-filter--wrapper .vxe-select-filter--input{width:100%}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto;padding:4px 0;max-height:200px;border-radius:4px;border:1px solid #dadce0;-webkit-box-shadow:0 0 6px 2px rgba(0,0,0,.1);box-shadow:0 0 6px 2px rgba(0,0,0,.1);background-color:#fff}.vxe-optgroup .vxe-optgroup--title{padding:0 6px;color:#909399;font-size:12px}.vxe-optgroup--wrapper .vxe-select-option{padding:0 20px}.vxe-select-option{padding:0 .6em;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-select-option.is--selected{font-weight:700;color:#409eff}.vxe-select-option:not(.is--disabled){cursor:pointer}.vxe-select-option:not(.is--disabled).is--hover{background-color:#f5f7fa}.vxe-select-option.is--disabled{color:#bfbfbf;cursor:no-drop}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:#c0c4cc}.vxe-select,.vxe-select--panel,.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:14px}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:13px}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:12px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select-option{height:30px}.vxe-select--panel .vxe-optgroup--title,.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:30px}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select-option{height:28px}.vxe-select--panel.size--medium .vxe-optgroup--title,.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:28px}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select-option{height:26px}.vxe-select--panel.size--small .vxe-optgroup--title,.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:26px}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select-option{height:24px}.vxe-select--panel.size--mini .vxe-optgroup--title,.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:24px}.vxe-switch{display:inline-block;color:#606266;vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{-webkit-transition:all .3s;transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:#409eff}.vxe-switch.is--on .vxe-switch--icon{left:100%;-webkit-transform:translateX(-1.4em);transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:rgba(0,0,0,.35)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;-webkit-transform:translateX(0);transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{-webkit-box-shadow:0 0 .4em 0 #409eff;box-shadow:0 0 .4em 0 #409eff}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:#a6d2ff}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:rgba(0,0,0,.15)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:#fff;font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:#fff}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch,.vxe-switch.size--medium{font-size:14px}.vxe-switch.size--small{font-size:13px}.vxe-switch.size--mini{font-size:12px}.vxe-list{position:relative;display:block;padding:0;color:#606266;direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow:auto}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--virtual-wrapper{height:100px}.vxe-pulldown{position:relative;display:inline-block;color:#606266;text-align:left}.vxe-pulldown--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;text-align:left}.vxe-pulldown--panel:not(.is--transfer){min-width:100%}.vxe-pulldown--panel.is--transfer{position:fixed}.vxe-pulldown--panel.animat--leave{display:block;opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.vxe-pulldown--panel.animat--leave[placement=top]{-webkit-transform-origin:center bottom;transform-origin:center bottom}.vxe-pulldown--panel.animat--enter{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vxe-pulldown--wrapper{background-color:#fff}.vxe-pulldown,.vxe-pulldown--panel,.vxe-pulldown--panel.size--medium,.vxe-pulldown.size--medium{font-size:14px}.vxe-pulldown--panel.size--small,.vxe-pulldown.size--small{font-size:13px}.vxe-pulldown--panel.size--mini,.vxe-pulldown.size--mini{font-size:12px}@charset "UTF-8";

.el-cascader__tags,
.el-tag {
  -webkit-box-sizing: border-box
}

.el-cascader {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 16px;
  line-height: 40px
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: var(--main-color);
}

.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: var(--main-color);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--main-color-rgb),0.2);
          box-shadow: 0 0 0 2px rgba(var(--main-color-rgb),0.2);
}

.el-cascader .el-input {
  cursor: pointer
}

.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis
}

.el-cascader .el-input .el-icon-arrow-down {
  display: inline-block;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  font-size: 14px
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg)
}

.el-cascader .el-input .el-icon-circle-close:hover {
  color: #909399
}

.el-cascader--medium {
  font-size: 16px;
  line-height: 36px
}

.el-cascader--small {
  font-size: 16px;
  line-height: 32px
}

.el-cascader--mini {
  font-size: 16px;
  line-height: 28px
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: 2;
  color: #C0C4CC
}

.el-cascader__dropdown {
  margin: 5px 0;
  font-size: 16px;
  background: #FFF;
  border: 1px solid #E4E7ED;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}

.el-cascader__tags .el-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5
}

.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent
}

.el-cascader__tags .el-tag>span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background-color: #C0C4CC;
  color: #FFF
}

.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: #909399
}

.el-cascader__suggestion-panel {
  border-radius: 4px
}

.el-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 8px 0;
  font-size: 16px;
  color: #606266;
  text-align: center
}

.el-cascader__suggestion-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  text-align: left;
  outline: 0;
  cursor: pointer
}

.el-cascader__suggestion-item>span {
  margin-right: 10px
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: #C0C4CC;
  font-size: 0;
}

.el-cascader__empty-text::after {
  content: 'No matched data';
  font-size: 16px;
}

.el-cascader__search-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 8px;
  padding: 0;
  color: #606266;
  border: none;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.el-cascader__search-input::-webkit-input-placeholder {
  color: #C0C4CC
}

.el-cascader__search-input:-ms-input-placeholder {
  color: #C0C4CC
}

.el-cascader__search-input::-ms-input-placeholder {
  color: #C0C4CC
}

.el-cascader__search-input::-moz-placeholder {
  color: #C0C4CC
}

.el-cascader__search-input::placeholder {
  color: #C0C4CC
}

.el-cascader-node>.el-radio,
.el-radio:last-child {
  margin-right: 0
}

.el-cascader-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  font-size: 16px
}

.el-cascader-panel.is-bordered {
  border: 1px solid #E4E7ED;
  border-radius: 4px
}

.el-cascader-menu {
  min-width: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  border-right: solid 1px #E4E7ED
}

.el-cascader-menu:last-child {
  border-right: none
}

.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px
}

.el-cascader-menu__wrap {
  height: 204px
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  max-height: 300px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #C0C4CC
}

.el-cascader-node {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 16px;
  min-width: 276px;
  max-width: 320px;
  height: 40px;
  line-height: 40px;
  font-size: 16px !important;
  outline: 0
}

.el-cascader-node.is-selectable.in-active-path {
  color: #606266
}

.el-cascader-node:not(.is-disabled) {
  cursor: pointer
}

.el-cascader__suggestion-item:hover,
.el-cascader-node:not(.is-disabled):hover {
  background: rgba(var(--main-color-rgb),0.1);
  color: #333333;
}

.el-cascader__suggestion-item:focus,
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path,
.el-cascader__suggestion-item.is-checked {
  background: rgba(var(--main-color-rgb),0.2) !important;
  color: #333;
}

.el-cascader-node.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px
}

.el-cascader-node__label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.el-cascader-node>.el-radio .el-radio__label {
  padding-left: 0
}

.el-input {
  position: relative;
  font-size: 16px;
  display: inline-block;
  width: 100%
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc
}

.el-input::-webkit-scrollbar-corner {
  background: #fff
}

.el-input::-webkit-scrollbar-track {
  background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px
}

.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
  transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
  color: #909399
}

.el-input .el-input__count {
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #909399;
  font-size: 12px
}

.el-input .el-input__count .el-input__count-inner {
  background: #FFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 8px;
  -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
  width: 100%
}

.el-input__prefix,
.el-input__suffix {
  position: absolute;
  top: 0;
  -webkit-transition: all .3s;
  height: 100%;
  color: #C0C4CC;
  text-align: center
}

.el-input__inner::-webkit-input-placeholder {
  color: #C0C4CC
}

.el-input__inner:-ms-input-placeholder {
  color: #C0C4CC
}

.el-input__inner::-ms-input-placeholder {
  color: #C0C4CC
}

.el-input__inner::-moz-placeholder {
  color: #C0C4CC
}

.el-input__inner::placeholder {
  color: #C0C4CC
}

.el-input__inner:hover {
  border-color: #C0C4CC
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: var(--main-color);
  outline: 0
}

.el-input__suffix {
  right: 5px;
  -webkit-transition: all .3s;
  transition: all .3s
}

.el-input__suffix-inner {
  pointer-events: all
}

.el-input__prefix {
  left: 5px;
  -webkit-transition: all .3s;
  transition: all .3s
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  line-height: 40px
}

.el-input__icon:after {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle
}

.el-input__validateIcon {
  pointer-events: none
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  color: #C0C4CC
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  color: #C0C4CC
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  color: #C0C4CC
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed
}

.el-link,
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C
}

.el-input--suffix .el-input__inner {
  padding-right: 30px
}

.el-input__suffix,
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none
}

.el-cascader .el-icon-arrow-down:before {
  content: "\F116";
  font-family: Ionicons, sans-serif;
  font-style: normal;
}

.el-cascader .el-icon-arrow-right:before {
  content: "\F11F";
  font-family: Ionicons, sans-serif;
  font-style: normal;
}

.el-scrollbar {
  overflow: hidden;
  position: relative
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0
}

.el-scrollbar__wrap {
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 0px !important;
  height: 100%;
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px
}

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
  opacity: 1;
  -webkit-transition: opacity 340ms ease-out;
  transition: opacity 340ms ease-out
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, .3);
  -webkit-transition: .3s background-color;
  transition: .3s background-color
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, .5)
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: opacity 120ms ease-out;
  transition: opacity 120ms ease-out
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px
}

.el-scrollbar__bar.is-vertical>div {
  width: 100%
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
  height: 100%
}

.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.el-popper .popper__arrow {
  border-width: 6px;
  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px
}

.el-popper[x-placement^=top] {
  margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFF;
  border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
  margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFF
}

.el-popper[x-placement^=right] {
  margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFF;
  border-left-width: 0
}

.el-popper[x-placement^=left] {
  margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5
}

.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFF
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform-origin: top left;
  transform-origin: top left
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  -webkit-transform: scale(.45, .45);
  transform: scale(.45, .45)
}

.el-cascader-menu__wrap .el-checkbox {
  margin-right: 8px;
}

.el-cascader-menu__wrap .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #059fe8;
  border-color: #059fe8;
}

/* 当一个下拉框半选和全选都存在时候以半选为主 bug 42107 */

.el-cascader-menu__wrap .el-checkbox__input.is-checked.is-indeterminate .el-checkbox__inner {
  background-color: #fff;
  border-color: #059fe8;
}

.process-content[data-v-5b33c2a6]{
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
            box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
    border-radius: 8px;
}
  /* 左侧列表 start */
.open-alarm[data-v-5b33c2a6]{
    width: 320px;
    height: 100%;
    background: #ffffff;
    border-right: 1px solid #dfdfdf;
    border-radius: 8px;
    -webkit-box-shadow: 2px 0px 4px 0px rgba(0,0,0,0.16);
            box-shadow: 2px 0px 4px 0px rgba(0,0,0,0.16); 
    position: relative;
}
.open-alarm.closeOpenAlarm[data-v-5b33c2a6]{
    width: 0px;
    -webkit-box-shadow:none;
            box-shadow:none;
    border: none;
}
.show-open-alarm[data-v-5b33c2a6]{
    width: 16px;
    height: 100px;
    background: #059fe8;
    border-radius: 0px 8px 8px 0px;
    position: absolute;
    right: -16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 100px;
    z-index: 10;
}
.show-open-alarm > i[data-v-5b33c2a6] {
    color: #fff;
    font-size: 14px;
    display: block;
}
.show-open-alarm > i.show[data-v-5b33c2a6]::before{
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    display: block;
}
.show-open-alarm > i[data-v-5b33c2a6]::before{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    display: block;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.process-header[data-v-5b33c2a6]{
    width: 100%;
    height: 64px;
    padding: 0 16px;
    line-height: 64px;
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #393939;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}
.process-header .auto-close[data-v-5b33c2a6]{
    width: 183px;
    line-height: 33px;
    background: #CCE0F0;
    border-radius: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #0067B5;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
}
.process-header .auto-close .timer[data-v-5b33c2a6]{
    margin-left: 14px;
}
.open-alarm-list[data-v-5b33c2a6]{
    width: 100%;
    padding: 16px;
    height: calc(100% - 64px);
}
.sortable[data-v-5b33c2a6]{
    height: 50px;
}
.sortable >div[data-v-5b33c2a6]{
    height: 100%;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0,0,0,0.85);
    line-height: 50px;
}
.sort-icon[data-v-5b33c2a6]{
    font-size: 12px;
    margin-left: 8px;
}
.sort-icon >i[data-v-5b33c2a6]{
    color: #DFDFDF;
    cursor: pointer;
}
.sort-icon >i[data-v-5b33c2a6]:first-of-type{
    margin-bottom: -4px;
}
.sort-icon >i.active[data-v-5b33c2a6]{
    color: var(--main-color);
}
.alarm-list > .incident-card[data-v-5b33c2a6]:first-of-type{
    margin-top: 0px;
}
.incident-card[data-v-5b33c2a6]{
    width: 288px;
    height: 111px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 16px;
    position: relative;
}
.incident-timed-out[data-v-5b33c2a6]{
    position: absolute;
    width: 72px !important;
    height: 20px;
    background: #e84b05;
    border: 1px solid #dfdfdf;
    border-radius: 0px 8px 0px 8px;
    right:0px;
    top: 0px;
    font-size: 12px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}
.incident-card > div[data-v-5b33c2a6]{
    width: 100%;
}
.incident-card.active[data-v-5b33c2a6]{
    background: rgba(5,159,232,0.05);
}
.incident-card[data-v-5b33c2a6]:hover{
    background-color: rgba(5, 159, 232,0.03);
}
.incident-task-name[data-v-5b33c2a6]{
    width: 224px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #393939;
    margin-left: 8px;
}
.incident-dash-line[data-v-5b33c2a6]{
    border-top:1px dashed #dfdfdf;
    margin-top:8px
}
.incident-card-bottom > div[data-v-5b33c2a6]{
    height: 16px;
    line-height: 16px;
}
.incident-card-bottom > div[data-v-5b33c2a6]:first-of-type{
    margin-top: 8px;
}
.incident-card-bottom > div[data-v-5b33c2a6]:last-of-type{
    margin-top: 8px;
}
.incident-card-bottom-title[data-v-5b33c2a6]{
    font-size: 14px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #393939;
    width: 74px;
    margin-right: 16px;
}
.incident-card-bottom-text[data-v-5b33c2a6]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #8d8d8d;
    width: 164px;
    text-align: left;
}
.alarm-list[data-v-5b33c2a6]{
    height: calc(100% - 90px);
    overflow-y: auto;
    width: 100%;
    width: calc(100% + 16px);
}
.alarm-list[data-v-5b33c2a6]::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #303745;
}
  /*定义滚动条轨道 内阴影+圆角*/
.alarm-list[data-v-5b33c2a6]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 1.5px;
  background-color: #F5F5F5;
}
  /*定义滑块 内阴影+圆角*/
.alarm-list[data-v-5b33c2a6]::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
.process-handle-content[data-v-5b33c2a6]::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #303745;
}
  /*定义滚动条轨道 内阴影+圆角*/
.process-handle-content[data-v-5b33c2a6]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 1.5px;
  background-color: #F5F5F5;
}
  /*定义滑块 内阴影+圆角*/
.process-handle-content[data-v-5b33c2a6]::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
.notified[data-v-5b33c2a6]{
    width: 82px;
    height: 32px;
    background: rgba(25,190,107,0.10);
    border: 1px solid #19be6b;
    border-radius: 18px; 
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #19be6b;
    line-height: 32px;
    margin-left: 8px;
}
.processing[data-v-5b33c2a6]{
    width: 99px;
    height: 32px;
    background: rgba(5,159,232,0.10);
    border: 1px solid #059fe8;
    border-radius: 18px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #059fe8;
    line-height: 32px;
    margin-left: 8px;
}
.closed[data-v-5b33c2a6]{
    width: 74px;
    height: 32px;
    background: rgba(133,133,133,0.10);
    border: 1px solid #858585;
    border-radius: 18px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #858585;
    line-height: 32px;
    margin-left: 8px;
}
  /* 左侧列表 end */
  /* 中间的处理的步骤条 start*/
  /* 处理加载层 */
.process-handle-content[data-v-5b33c2a6] .el-loading-mask{
  z-index: 10;
}
.count-down[data-v-5b33c2a6]{
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear,left top, right top,from(rgba(5,159,232,0.30)), to(rgba(5,159,232,0.01)));
  background: linear-gradient(90deg,rgba(5,159,232,0.30), rgba(5,159,232,0.01));
  border-radius: 4px;
  margin-top: 16px;
  padding: 0 8px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #059fe8;
}
.user-type-tag[data-v-5b33c2a6]{
  height: 24px;
  line-height: 24px;
  color: #FFF;
  background: #fac37c;
  border-radius: 4px;
  text-align: center;
  padding: 0 8px;
  font-size: 16px;
  display: inline-block;
}
.handle-center[data-v-5b33c2a6]{
    width: calc((100% - 320px) / 2);
    height: 100%;
}
.handle-center-100[data-v-5b33c2a6]{
  width: calc((100%) / 2);
  height: 100%;
}
.process-handle-content[data-v-5b33c2a6]{
 height: calc(100% - 64px);
 width: 100%;
 padding: 16px 24px;
 overflow-y: auto;
}
.time-out[data-v-5b33c2a6]{
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear,left top, right top,from(rgba(232,75,5,0.10)), to(rgba(232,75,5,0.00)));
  background: linear-gradient(90deg,rgba(232,75,5,0.10), rgba(232,75,5,0.00));
  border-radius: 4px;
  margin-top: 16px;
  padding: 0 8px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #E84B05;
}
.time-out  i[data-v-5b33c2a6]{
  font-weight: 700;
  font-size: 8px;
  text-align: center;
  background-color:#E84B05;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  color: #FFF;
  line-height: 16px;
}
.about-to-time i[data-v-5b33c2a6]{
  font-weight: 700;
  font-size: 8px;
  text-align: center;
  background-color:#FFA200;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  color: #FFF;
  line-height: 16px;
}
.about-to-time[data-v-5b33c2a6]{
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear,left top, right top,from(rgba(255,215,104,0.30)), to(rgba(255,215,104,0.00)));
  background: linear-gradient(90deg,rgba(255,215,104,0.30), rgba(255,215,104,0.00));
  border-radius: 4px;
  margin-top: 16px;
  padding: 0 8px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #FFA200;
}
.complete-dot[data-v-5b33c2a6]{
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 2px solid #059fe8;
    border-radius: 50%;
    position: relative;
}
.complete-dot[data-v-5b33c2a6]::before{
    width: 8px;
    height: 8px;
    background: #059fe8;
    border-radius: 50%;
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.no-process-dot[data-v-5b33c2a6]{
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 2px solid #eaeaea;
    border-radius: 50%;
}
#process-handle[data-v-5b33c2a6] .ivu-timeline-item-head-custom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#process-handle[data-v-5b33c2a6] .ivu-timeline > .complete-task > .ivu-timeline-item-tail{
  border-left: 1px solid var(--main-color);
}
#process-handle[data-v-5b33c2a6] .ivu-timeline .ivu-timeline-item-tail{
    border-left:1px dashed #eaeaea;
}
@-webkit-keyframes orbit-data-v-5b33c2a6 {
0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
              transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
}
100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
              transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
}
}
@keyframes orbit-data-v-5b33c2a6 {
0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
              transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
}
100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
              transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
}
}
.processing-dot[data-v-5b33c2a6]{
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 2px solid #059fe8;
    border-radius: 50%;
}
.processing-dot .step-dot[data-v-5b33c2a6]{
    width: 8px;
    height: 8px;
    background: #059fe8;
    border: 1px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: orbit-data-v-5b33c2a6 2s linear infinite;
            animation: orbit-data-v-5b33c2a6 2s linear infinite;
}
#process-handle[data-v-5b33c2a6] .ivu-collapse-header{
    height: 50px;
    background: rgba(5,159,232,0.10);
    border: 1px solid #eaeaea;
    line-height: 50px;
    border-radius: 8px;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #393939;
}
#process-handle[data-v-5b33c2a6] .ivu-collapse-item-active .ivu-collapse-header{
    border-radius: 8px 8px 0 0 ;
}
#process-handle[data-v-5b33c2a6] .ivu-collapse{
    border: 1px solid #eaeaea;
    border-radius: 8px;
}
#process-handle[data-v-5b33c2a6] .ivu-collapse-item:last-child>.ivu-collapse-content{
    border-radius: 0 0 8px 8px  ;
}
#process-handle[data-v-5b33c2a6] .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i{
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
}
#process-handle[data-v-5b33c2a6] .ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header>i{
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
}
#process-handle[data-v-5b33c2a6] .ivu-collapse-content>.ivu-collapse-content-box{
    padding: 0px;
    overflow: autos;
}
#process-handle[data-v-5b33c2a6] .ivu-collapse-content{
    padding: 0px;
}
.complete-process-content[data-v-5b33c2a6]{
    padding: 16px;
    border-bottom: 1px solid #dfdfdf;
}
.complete-process-content > div[data-v-5b33c2a6]:first-of-type{
    color: #393939;
}
.complete-process-content > div[data-v-5b33c2a6]:last-of-type{
    color: #8D8D8D;
}
.complete-process-footer[data-v-5b33c2a6]{
    height: 70px;
    line-height: 70px;
    padding: 0 16px;
}
.no-process-content[data-v-5b33c2a6]{
    padding: 16px;
    border-bottom: 1px solid #dfdfdf;
    color: #393939;
}
#process-handle .complete-process-footer > button[data-v-5b33c2a6]{
    height: 36px;
    width:94px;
    min-width:94px;
    border-radius: 8px
}
.processing-content[data-v-5b33c2a6]{
   padding: 0 16px 0 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}
.processing-des[data-v-5b33c2a6]{
  min-height: 50px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #393939;
  border-bottom: 1px dashed #dfdfdf;
  margin-top: 8px;
  padding-bottom: 8px;
  white-space:nowrap;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
}
.operation-type-title[data-v-5b33c2a6]{
    margin-top: 12px;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0,0,0,0.85);
}
.processing-content .add-receiver-btn .receiver-panel[data-v-5b33c2a6]{
    width: 312px;
    min-height: 180px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    position: absolute;
    left: 0;
    top: 40px;
    display: none;
    z-index: 10;
}
.processing-content .add-receiver-btn .receiver-panel .receiver-tab[data-v-5b33c2a6]{
    padding: 0 16px;
    height: 40px;
    border-bottom: 1px solid #dfdfdf;
}
.processing-content .add-receiver-btn .receiver-panel .receiver-tab-item[data-v-5b33c2a6]{
    display: inline-block;
    width: 110px;
    border-bottom: 2px solid transparent;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
.processing-content .add-receiver-btn .receiver-panel .receiver-tab-item.active[data-v-5b33c2a6]{
    border-bottom: 2px solid #059fe8;
    color: #059FE8;
}
.processing-content .utm-prefix-input.sear-receiver[data-v-5b33c2a6]{
    margin: 16px 16px 8px 16px;
}
.processing-content .utm-prefix-input .utm-input[data-v-5b33c2a6],
  .processing-content .utm-prefix-input .utm-prefix-icon[data-v-5b33c2a6]{
    height: 32px;
    line-height: 32px;
}
.processing-content .receiver-panel .user-list[data-v-5b33c2a6]{
    max-height: 180px;
    overflow-y: auto;
}
.processing-content .user-list .user-item[data-v-5b33c2a6]{
    position: relative;
    padding: 0px 24px 0px 16px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.processing-content .user-list .user-item[data-v-5b33c2a6]:hover{
    background: rgba(239, 250, 255, 1);
}
.processing-content .user-list .user-item.active[data-v-5b33c2a6],
  .processing-content .user-list .user-item.active[data-v-5b33c2a6]:hover{
    background: #d2f0ff;
}
.processing-content .user-list .user-item.active[data-v-5b33c2a6]:after{
    position: absolute;
    right: 12px;
    content:"\E6E7";
    font-family: 'utmfont', sans-serif;
    color: #059ae8;
    font-size: 16px;
}
.processing-content .user-selected-box[data-v-5b33c2a6]{
    margin-top: 8px;
    padding: 10px 16px;
    min-height: 52px;
    background: #eff6f9;
}
.processing-content .user-selected-box .receive-user[data-v-5b33c2a6]{
    background-color: #fff;
}
.content-area[data-v-5b33c2a6]{
    display: block;
    background-color: #EFF6F9;
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    color: #059FE8;
}
.content-area .attachment-name[data-v-5b33c2a6]{
    display: inline-block;
    max-width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: sub;
    cursor: pointer;
}
.content-area i[data-v-5b33c2a6]{
    color: #059FE8;
    font-size: 16px;
    margin-left: 8px;
}
.attachment-desc[data-v-5b33c2a6] {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #b4b4b4;
    display: inline-block;
    margin-left: 3px;
}
.attachment-selected-text[data-v-5b33c2a6]{
    margin-left : 16px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: rgba(0,0,0,0.85);
}
.line-footer[data-v-5b33c2a6]{
    width: calc(100% + 32px);
    border-top: 1px solid #dfdfdf;
    margin-left: -16px;
    margin-top: 16px;
}
.processing-bottom[data-v-5b33c2a6]{
    height: 55px;
    width: 100%;
}
  /* 添加remark */
.add-remark[data-v-5b33c2a6]{
    overflow-y: auto;
}
.add-remark-content[data-v-5b33c2a6]{
    width: 100%;
    height: 604px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-top: 8px; 
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.add-remark-content button[data-v-5b33c2a6]{
    width: 90px;
    height: 34px;
    line-height: 34px;
    min-width: 90px;
    margin-left: 16px;
}
.add-remark-title[data-v-5b33c2a6]{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0,0,0,0.85);
}
.additional-remark-textarea[data-v-5b33c2a6]{
     border: none !important;
     width: 100%;
}
.additional-remark-textarea[data-v-5b33c2a6]:focus{
    outline: none;
}
.add-remark-text-length[data-v-5b33c2a6]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #8d8d8d;
}
.line[data-v-5b33c2a6]{
    border-bottom:  1px solid #dfdfdf;
    margin: 16px 0;
}
.add-remark-content > .remarked-box[data-v-5b33c2a6]:first-of-type{
    margin-top: 0;
}
.remarked-box[data-v-5b33c2a6]{
    width: 100%;
    padding: 16px;
    background: #eff6f9;
    border-radius: 8px;
    margin-top: 8px;
}
.remarked-box-header > div[data-v-5b33c2a6]:first-of-type{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #262626;
}
.remarked-box-header > div[data-v-5b33c2a6]:last-of-type{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: right;
    color: #8d8d8d;
}
.remarked-box-content[data-v-5b33c2a6]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #262626;
    margin-top: 8px;
}
.operation-type-title.must-fill[data-v-5b33c2a6]::before {
    content: '*';
    font-size: 12px;
    color: #ed3f14;
    width: 8px;
}
  /* 派遣tab栏切换 */
.module-tab[data-v-5b33c2a6]{
  padding: 0px 16px 0;
  border-bottom: 1px solid #ddd;
}
.module-tab .tab-item[data-v-5b33c2a6]{
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
  width: 202px;
  text-align: center;
}
.module-tab .tab-item span[data-v-5b33c2a6]{
  display: inline-block;
  vertical-align: middle;
}
.module-tab .tab-item.active[data-v-5b33c2a6]{
  color: #059FE8;
  border-bottom: 2px solid #059FE8;
}
.module-tab .tab-item i.active[data-v-5b33c2a6]{
  color: #059FE8;
}
.module-tab .tab-item i[data-v-5b33c2a6]{
  color: #b4b4b4;
}
#process-handle[data-v-5b33c2a6] .ivu-transfer-operation > button{
  line-height: 1;
}
#process-handle[data-v-5b33c2a6] .ivu-transfer-list-content {
  width: inherit;
  height: calc(100% - 32px);
  border: none;
  background: inherit;
  margin-top: 32px;
}
#process-handle[data-v-5b33c2a6] .ivu-transfer-list {
  width: 394px;
  height: 504px;
}
#process-handle[data-v-5b33c2a6] .ivu-transfer-list-with-footer{
  padding-bottom: 0;
}
#process-handle[data-v-5b33c2a6] .ivu-transfer-list-header {
  background: #effaff;
}
#process-handle[data-v-5b33c2a6] .ivu-input-small {
  height: 40px;
  margin-top: 10px;
}
#process-handle[data-v-5b33c2a6] .ivu-input-wrapper-small .ivu-input-icon {
  width: 24px;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-right: 10px;
}
.name-overflow[data-v-5b33c2a6]{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
}
.device-card[data-v-5b33c2a6]{
  width: 416px;
  height: 122px;
  background: #ffffff;
  border: 1px solid #e5e7e9;
  border-radius: 8px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 16px;
  margin-top: 16px;
}
.device-card.select[data-v-5b33c2a6]{
  border: 1px solid var(--main-color);
}
.device-card.select .select-radius[data-v-5b33c2a6]{
  display: none;
}
.device-card.select .select-radius-ok[data-v-5b33c2a6]{
  display: block;
}
.select-radius-ok[data-v-5b33c2a6]{
  border-radius: 50%;
  margin-top: 12px;
  display: none;
}
.select-radius-ok > i[data-v-5b33c2a6]{
  font-size: 20px;
  color: var(--main-color);
}
.handheld-device-body[data-v-5b33c2a6]{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -16px;
  height: 600px;
  overflow-y: auto;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.handheld-device-body[data-v-5b33c2a6]::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #303745;
}
  /*定义滚动条轨道 内阴影+圆角*/
.handheld-device-body[data-v-5b33c2a6]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 1.5px;
  background-color: #F5F5F5;
}
  /*定义滑块 内阴影+圆角*/
.handheld-device-body[data-v-5b33c2a6]::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
.select-radius[data-v-5b33c2a6]{
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #e5e7e9;
  border-radius: 50%;
  margin-top: 15px;
}
.image-pr[data-v-5b33c2a6]{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-left: 8px;
  position: relative;
}
.image-pr > .user-photo[data-v-5b33c2a6]{
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.train-logo[data-v-5b33c2a6]{
  position: absolute;
  width: 16px;
  height: 16px;
  right: -2px;
  bottom: -1px;
}
.device-info[data-v-5b33c2a6]{
  margin-left: 10px;
}
.device-info .sip-user-name[data-v-5b33c2a6]{
  font-size: 18px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  height: 22px;
  line-height: 22px;
}
.sip-device-name[data-v-5b33c2a6]{
  margin-top: 2px;
  height: 16;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #666666;
  letter-spacing: 0.34px;
  line-height: 18px;
}
.sip-device-name >i[data-v-5b33c2a6]{
  color:#333;
  font-size: 16px;
}
  /* 中间的处理的步骤条 end*/
  /* esop流程图展示界面 start*/
#esop-box[data-v-5b33c2a6]{
  height: calc(100% - 60px);
}
.esop-flow-display[data-v-5b33c2a6]{
    width: calc((100% - 320px) / 2);
    height: 100%;
    background: #fff;
    border-radius: 0px 0px 8px 0px;
}
.esop-flow-display-100[data-v-5b33c2a6]{
  width: calc((100%) / 2);
  height: 100%;
  background: #fff;
  border-radius: 0px 0px 8px 0px;
}
.esop-flow-display-content[data-v-5b33c2a6]{
   background-color: #F5F8FA;
   height: calc(100% - 64px);
   width: 100%;
}
.esop-header-icon-ics-btn[data-v-5b33c2a6]{
  width: 40px;
  height: 40px;
  background:rgba(5,159,232,0.12);
  border-radius: 50%;
  line-height: 40px;
  margin-left: 16px;
  text-align: center;
}
.esop-header-icon-ics-btn i[data-v-5b33c2a6]{
  font-size: 18px;
  color: var(--main-color);
  font-weight: 400;
}
.utm-see-video.disabled-operator-icon[data-v-5b33c2a6]{
  font-size: 24px;
  color: #b4b4b4;
}
.esop-header-icon-btn[data-v-5b33c2a6]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #059ae8;
  border-radius: 8px;
  text-align: center;
  line-height: 40px;
  margin-left: 16px;
}
.esop-header-icon-btn.close-incident[data-v-5b33c2a6]{
  width: 153px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #059fe8;
  line-height: 18px;
}
.esop-header-icon-btn  i[data-v-5b33c2a6]{
  font-size: 24px;
  color: var(--main-color);
  font-weight: 400;
}
.esop-header-icon-btn[data-v-5b33c2a6] .ivu-tooltip-rel{
  width: 100%;
  height: 100%;
}
  /* esop流程的顶部 */
.esop-flow-display-header[data-v-5b33c2a6]{
  width: 100%;
  height: 60px;
  padding: 0 16px;
  padding-top: 16px;
}
.esop-flow-display-header > .header-left[data-v-5b33c2a6]{
  width: 152px;
  height: 22px;
  font-size: 18px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #393939;
  line-height: 22px;
  margin-left: 12px;
  position: relative;
}
.esop-flow-display-header > .header-left[data-v-5b33c2a6]::before{
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 22px;
  background: #059fe8;
}
.change-zoom[data-v-5b33c2a6]{
  width: 147px;
  height: 40px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16); 
  padding: 0 12px;
}
.zoom-icon[data-v-5b33c2a6]{
  font-size: 16px;
  color:#536372
}
.esop-flow-display-content.full-screen[data-v-5b33c2a6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 16;
}
.tool-icon[data-v-5b33c2a6]{
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
}
.tool-icon > i[data-v-5b33c2a6]{
  color: #536372;
  font-size: 20px;
}
.tool-line[data-v-5b33c2a6]{
  width: 0px;
  height: 24px;
  border-left: 1px solid #d4dae1;
  margin: 0 16px;
}
.no-search-data[data-v-5b33c2a6]{
  text-align: center;
  margin-top: 40px;
  color: #999;
  width: 100%;
  height: 300px;
  line-height: 300px;
}
.icon-line[data-v-5b33c2a6]{
  width: 0px;
  height: 24px;
  border-left: 1px solid #dfdfdf;
  margin-left: 14px;
}
  /* esop流程图展示界面 start*/
  /* 关闭事件弹窗样式start*/
.cancel-btn[data-v-5b33c2a6]{
  background: #FFFFFF;
  color: #333333;
  border: 1px solid #D4DAE1;
  border-radius: 8px;
}
.utm-control-group[data-v-5b33c2a6] {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0px !important;
}
.utm-control-group .utm-control-label[data-v-5b33c2a6] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.utm-controls[data-v-5b33c2a6] {
  margin-left: 0;
}
  /* 关闭事件弹窗样式end */
#process-handle[data-v-5b33c2a6] #esop-box .butterflie-circle-endpoint{
  opacity: 0;
}
[data-v-5b33c2a6] .select-group{
  height: 40px;
}
[data-v-5b33c2a6]  .select-group.ivu-select-multiple .ivu-tag{
  max-width: calc(100% - 80px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 11px;
}
[data-v-5b33c2a6] .select-group .ivu-select-selection{
  height: 40px;
}
[data-v-5b33c2a6] .select-group.ivu-select-multiple .ivu-select-input{
  top: 0px;
} /* 添加remark */
.add-remark[data-v-41991681]{
    overflow-y: auto;
    height: 605px;
}
.add-remark-content[data-v-41991681]{
    width: 100%;
    min-height: 190px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-top: 8px; 
    padding: 16px 16px 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.add-remark-content button[data-v-41991681]{
    width: 90px;
    height: 34px;
    line-height: 34px;
    min-width: 90px;
    margin-left: 16px;
}
.add-remark-title[data-v-41991681]{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0,0,0,0.85);
}
.additional-remark-textarea[data-v-41991681]{
     border: none !important;
     width: 100%;
}
.additional-remark-textarea[data-v-41991681]:focus{
    outline: none;
}
.add-remark-text-length[data-v-41991681]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #8d8d8d;
}
.line[data-v-41991681]{
    border-bottom:  1px solid #dfdfdf;
    margin-top: 16px;
}
.remarked-box[data-v-41991681]{
    width: 100%;
    padding: 16px;
    background: #f9f9fa;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-top: 16px;
}
.remarked-box-header > div[data-v-41991681]:first-of-type{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #262626;
}
.remarked-box-header > div[data-v-41991681]:last-of-type{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: right;
    color: #8d8d8d;
}
.remarked-box-content[data-v-41991681]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 18px;
    white-space: pre-line;
}
 /* 中间的处理的步骤条 end*/
 /* 附件样式处理 */
[data-v-41991681] .attachment-li > span:first-of-type:hover .utm-ellipsis-txt {
    text-decoration: underline !important;
}
.attachment-ul > .attachment-ul[data-v-41991681]:first-of-type {
    margin-top: 0px !important;
}
.attachment-upload[data-v-41991681] {
    display: inline-block;
}
.attachment-desc[data-v-41991681] {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #b4b4b4;
    display: inline-block;
    margin-left: 3px;
}
.attachment-btn[data-v-41991681] {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
    display: inline-block;
}
.utm-control-group[data-v-41991681] {
}
.utm-control-group .utm-control-label[data-v-41991681] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.utm-controls[data-v-41991681] {
    margin-left: 0;
}
.module-content[data-v-41991681] {
    padding: 16px 24px 24px 24px;
    overflow-y: scroll;
}
.history-attachment[data-v-41991681]{
    min-height: 52px;
    border-bottom: 1px dashed #e5e7e9;
    border-top: 1px dashed #e5e7e9;
    padding: 8px 0;
    margin-top: 8px;
    border-radius: 8px;
}
.history-attachment-ui[data-v-41991681]{
    font-size: 14px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 400;
    text-align: left;
    color: var(--main-color);
    line-height: 18px;
    text-decoration: underline;
    padding-left: 8px;
    cursor: pointer;
}
.ics-called-header[data-v-41991681]{
    width: 100%;
    font-size: 14px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.ics-called-header > i[data-v-41991681]{
    font-size: 14px;
    color: #4d4d4d;
    margin-right: 8px;
}
.ics-called-time[data-v-41991681]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #999999;
    margin-left: 22px;
}
.additional-remark-textarea[data-v-41991681]::-webkit-input-placeholder{
    color:#b4b4b4
}
.ics-called-user[data-v-41991681]{
    background: #ffffff;
    border: 1px solid #e5e7e9;
    border-radius: 15px;
    padding: 6px;
    height: 28px;
    margin-top: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
}
.ics-called-user > i[data-v-41991681]{
    font-size: 16px;
    color: rgba(51,51,51,1);
}
.dash-line[data-v-41991681]{
    width: 100%;
    height: 0;
    border-top: 1px dashed #eaeaea;
}
.danger[data-v-41991681]{
    color: rgba(232, 75, 5, 1);
    margin-top: 20px;
}
.user-icon[data-v-41991681]{
    font-size: 8px;
    width: 15px;
    height: 15px;
    color: #FFF;
    margin-right: 4px;
    background-color: #999999;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 14px;
}
.add-remark[data-v-41991681]::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #303745;
}
 /*定义滚动条轨道 内阴影+圆角*/
.add-remark[data-v-41991681]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 1.5px;
    background-color: #F5F5F5;
}
 /*定义滑块 内阴影+圆角*/
.add-remark[data-v-41991681]::-webkit-scrollbar-thumb {
    border-radius: 1.5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #aaa;
}
 /* view Communication Record弹窗的样式 */
.history-ics-item[data-v-41991681]{
  width: 100%;
  margin-top: 16px;
  padding: 16px 16px 10px 16px;
  background: #f9f9fa;
  border: 1px solid #e5e7e9;
  border-radius: 8px;
}
.history-ics-item > .communication-header i[data-v-41991681]{
  font-size: 14px;
  color: #4d4d4d
}
.history-ics-item > .communication-header[data-v-41991681]{
  font-size: 14px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.communication-name[data-v-41991681]{
  margin-left: 8px;
  margin-right: 3px;
}
.history-item-time[data-v-41991681]{
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #999999;
  margin-left: 22px;
  margin-top: 2px;
}
.call-up-box[data-v-41991681]{
  padding: 2px 6px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
  letter-spacing: 0.34px;
  background: #ffffff;
  border: 1px solid #e5e7e9;
  border-radius: 15px;
  display: inline-block;
  margin-top: 8px;
  margin-left: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.call-up-box > i[data-v-41991681]{
  font-size: 14px;
  color: #4d4d4d;
}
.history-item-content[data-v-41991681]{
  margin-left: -8px;
  padding-left: 20px;
}
.line-dash[data-v-41991681]{
  width: 100%;
  border-top: 1px dashed #e5e7e9;
  margin-top: 8px;
}
.history-item-music.loading[data-v-41991681]{
  margin-top: 8px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  text-align: left;
  color: #3a9d36;
  font-weight: 600;
}
.history-item-music.loading  i[data-v-41991681]{
  font-weight: 700;
  margin-right: 2px;
  -webkit-animation: rotate-data-v-41991681 1.5s linear infinite;
          animation: rotate-data-v-41991681 1.5s linear infinite;
}
@-webkit-keyframes rotate-data-v-41991681 {
from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
}
to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate-data-v-41991681 {
from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
}
to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.history-item-music.fail[data-v-41991681]{
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #e84b05;
  margin-top: 8px;
}
.history-item-music.fail  i[data-v-41991681]{
  font-weight: 700;
  margin-right: 2px;
  color: #e84b05;
  font-size: 14px;
}
.history-item-music.music[data-v-41991681]{
  background: var(--main-color);
  border-radius: 16px;
  color: #fff;
  margin-top: 8px;
  width: 116px;
  height: 32px;
}
.history-item-music.music .play[data-v-41991681]{
width: 20px;
height: 20px;
background-color: #ffffff;
border-radius: 50%;
margin-left: 6px;
margin-right: 8px;
}
.history-item-music.music .play>i[data-v-41991681]{
  font-size: 12px;
  color: var(--main-color);
  margin-left: 3px;
  margin-top: 2px;
}
.history-item-music.music .pause[data-v-41991681]{
  margin-left: 6px;
  margin-right: 8px;
}
.butterflie-circle-endpoint {
  position: absolute;
  z-index: 100;
  width: 6px;
  height: 6px;
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
}
.butterflie-circle-endpoint.linkable {
  background: green;
}
.butterflie-circle-endpoint.linkable.hover {
  background: orange;
}
.butterflies-link {
  fill: none;
  stroke: #BFBFBF;
  stroke-width: 1px;
}
.butterflies-link:hover {
  stroke: #F66902;
}
.butterflies-label {
  position: absolute;
}
.butterflies-arrow {
  fill: #BFBFBF;
  stroke: #BFBFBF;
  stroke-width: 1px;
}
.butterflies-arrow:hover {
  fill: #F66902;
  stroke: #F66902;
}
.butterflies-link-event-handler {
  stroke-width: 12px;
  fill: none;
  stroke: rgba(0, 0, 0, 0);
}
.butterfly-wrapper .group {
  position: absolute;
  border-radius: 9px;
}
.butterfly-wrapper .group .title {
  width: 100%;
  height: 30px;
  cursor: move;
  font-size: 12px;
  color: #FFF;
  line-height: 30px;
  padding-left: 12px;
  border-radius: 9px 9px 0 0;
  background: #F66902;
}
.butterfly-wrapper .group .container {
  width: 100%;
  height: calc(100% - 30px);
  background: rgba(246, 105, 2, 0.2);
  border-radius: 0 0 9px 9px;
}
.butterfly-wrapper .group .group-icon-resize {
  position: absolute;
  right: -4px;
  bottom: -8px;
  color: #666;
  cursor: se-resize;
}
.butterfly-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.butterfly-svg {
  position: relative;
  pointer-events: auto!important;
  overflow: visible!important;
}
.butterfly-selected-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: auto;
  opacity: 0.5;
  display: none;
}
.butterfly-selected-canvas.wrapper-up {
  z-index: 999;
  display: block;
}
.butterfly-gird-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.butterfly-guide-canvas-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.butterfly-guide-canvas-wrapper .butterfly-guideline-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.butterfly-tooltip-container {
  position: absolute;
  z-index: 101;
  font-size: 12px;
  opacity: 0;
}
.butterfly-tooltip-container.in {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.9;
}
.butterfly-tooltip-container.top {
  padding: 5px 0;
  margin-top: -3px;
}
.butterfly-tooltip-container.right {
  padding: 0 5px;
  margin-left: 3px;
}
.butterfly-tooltip-container.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.butterfly-tooltip-container.left {
  padding: 0 5px;
  margin-left: -3px;
}
.butterfly-tooltip-container.top .butterfly-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.butterfly-tooltip-container.top-left .butterfly-tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.butterfly-tooltip-container.top-right .butterfly-tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.butterfly-tooltip-container.right .butterfly-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px
      5px 0;
  border-right-color: #000;
}
.butterfly-tooltip-container.left .butterfly-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px
      5px;
  border-left-color: #000;
}
.butterfly-tooltip-container.bottom .butterfly-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.butterfly-tooltip-container.bottom-left .butterfly-tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.butterfly-tooltip-container.bottom-right .butterfly-tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.butterfly-tooltip-container .butterfly-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.butterfly-tooltip-container .butterfly-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
@font-face {font-family: "butterfly-icon";
  src: url(data:application/vnd.ms-fontobject;base64,YAcAAKAGAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAzA1b/AAAAAAAAAAAAAAAAAAAAAAAABwAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAcAGIAdQB0AHQAZQByAGYAbAB5AC0AaQBjAG8AbgAAAAAAAAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzI8j0gLAAABfAAAAFZjbWFw50G19QAAAdwAAAFwZ2x5ZkoARlcAAANUAAAAZGhlYWQT2/CLAAAA4AAAADZoaGVhB94DgwAAALwAAAAkaG10eAgAAAAAAAHUAAAACGxvY2EAMgAAAAADTAAAAAZtYXhwAQ4AKAAAARgAAAAgbmFtZQenRkQAAAO4AAACtXBvc3Rlg2JtAAAGcAAAAC4AAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAIAAQAAAAEAAPxbDcxfDzz1AAsEAAAAAADYXtZ/AAAAANhe1n8AAAAABAACkAAAAAgAAgAAAAAAAAABAAAAAgAcAAIAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5hnmGQOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABVAABAAAAAABOAAMAAQAAACwAAwAKAAABVAAEACIAAAAEAAQAAQAA5hn//wAA5hn//wAAAAEABAAAAAEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAABwAAAAAAAAAAQAA5hkAAOYZAAAAAQAAAAAAMgAAAAIAAAAAAxUCkAAMABsAAAEWFAcBBiImNDcBNjITFhQPAQ4BLgI2PwE2MgMEDAz+NQ0iGg0Byg0jEQ0NnAkWFhAGBgidDSICgw0iDf41DBkiDQHLDP7CDSIOnAkGBhAXFgidDAAAABIA3gABAAAAAAAAABUAAAABAAAAAAABAA4AFQABAAAAAAACAAcAIwABAAAAAAADAA4AKgABAAAAAAAEAA4AOAABAAAAAAAFAAsARgABAAAAAAAGAA4AUQABAAAAAAAKACsAXwABAAAAAAALABMAigADAAEECQAAACoAnQADAAEECQABABwAxwADAAEECQACAA4A4wADAAEECQADABwA8QADAAEECQAEABwBDQADAAEECQAFABYBKQADAAEECQAGABwBPwADAAEECQAKAFYBWwADAAEECQALACYBsQpDcmVhdGVkIGJ5IGljb25mb250CmJ1dHRlcmZseS1pY29uUmVndWxhcmJ1dHRlcmZseS1pY29uYnV0dGVyZmx5LWljb25WZXJzaW9uIDEuMGJ1dHRlcmZseS1pY29uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAFIAZQBnAHUAbABhAHIAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAGIAdQB0AHQAZQByAGYAbAB5AC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBAgEDAARkcmFnAAAAAA==); /* IE9 */
  src: url(data:application/vnd.ms-fontobject;base64,YAcAAKAGAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAzA1b/AAAAAAAAAAAAAAAAAAAAAAAABwAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAcAGIAdQB0AHQAZQByAGYAbAB5AC0AaQBjAG8AbgAAAAAAAAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzI8j0gLAAABfAAAAFZjbWFw50G19QAAAdwAAAFwZ2x5ZkoARlcAAANUAAAAZGhlYWQT2/CLAAAA4AAAADZoaGVhB94DgwAAALwAAAAkaG10eAgAAAAAAAHUAAAACGxvY2EAMgAAAAADTAAAAAZtYXhwAQ4AKAAAARgAAAAgbmFtZQenRkQAAAO4AAACtXBvc3Rlg2JtAAAGcAAAAC4AAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAIAAQAAAAEAAPxbDcxfDzz1AAsEAAAAAADYXtZ/AAAAANhe1n8AAAAABAACkAAAAAgAAgAAAAAAAAABAAAAAgAcAAIAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5hnmGQOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABVAABAAAAAABOAAMAAQAAACwAAwAKAAABVAAEACIAAAAEAAQAAQAA5hn//wAA5hn//wAAAAEABAAAAAEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAABwAAAAAAAAAAQAA5hkAAOYZAAAAAQAAAAAAMgAAAAIAAAAAAxUCkAAMABsAAAEWFAcBBiImNDcBNjITFhQPAQ4BLgI2PwE2MgMEDAz+NQ0iGg0Byg0jEQ0NnAkWFhAGBgidDSICgw0iDf41DBkiDQHLDP7CDSIOnAkGBhAXFgidDAAAABIA3gABAAAAAAAAABUAAAABAAAAAAABAA4AFQABAAAAAAACAAcAIwABAAAAAAADAA4AKgABAAAAAAAEAA4AOAABAAAAAAAFAAsARgABAAAAAAAGAA4AUQABAAAAAAAKACsAXwABAAAAAAALABMAigADAAEECQAAACoAnQADAAEECQABABwAxwADAAEECQACAA4A4wADAAEECQADABwA8QADAAEECQAEABwBDQADAAEECQAFABYBKQADAAEECQAGABwBPwADAAEECQAKAFYBWwADAAEECQALACYBsQpDcmVhdGVkIGJ5IGljb25mb250CmJ1dHRlcmZseS1pY29uUmVndWxhcmJ1dHRlcmZseS1pY29uYnV0dGVyZmx5LWljb25WZXJzaW9uIDEuMGJ1dHRlcmZseS1pY29uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAFIAZQBnAHUAbABhAHIAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAGIAdQB0AHQAZQByAGYAbAB5AC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBAgEDAARkcmFnAAAAAA==#iefix) format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALIAAsAAAAABqAAAAJ8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApkdgE2AiQDCAsGAAQgBYU1By4b4gUR1Ytnsj9AJrf6AYTQUcQWe8bI7RsxP20WgJF70ALxCisgAQAAAACC5//39+1z7/lk0kirT4MimIQ0oblC0S2P66xJgPLbnOtJ1agIM5SzTx7tMBmVLk0flPjk2UJL5tieo5sH9qPlAQW8LNzYBkw/W97GNvCDFXpJOXgZAC2ymaysM7a8/vxx7/SPBrWB1gPKbY5tYwpmaRfQXkARlkjGDWM3qMDh5xDAT44apPliO+BFSdYJIFNzEYF3FERRK+NFcAOOKrKBC69ZNDas15+X11K8YHBZkpqOSSuF+gfSHLvgsP4SIQSCdtoFWKAGUJAeYLINi1gsiz+pFMG+KgUecJzSjOzVgFh/XVIeBCCjCu9JlItvtdwAoO1kBihhugVMKDL9Z2KqfSqluAvjWsd29POi+PYWTY+r/I+LNvmqniyOhlOtXfd/ueW6vlBP8jObMhsIIPCm+xr59wYUgPPOrvUKmRu8u3MJ/BYR4YCGksRk1BcB3YYM01oD+PEDju6Nc8GqTd1DVgiTuhO3h+IeLGGqUCXWgosAreAmTCf4qWbodIAESxZRH1DFngJChn0whLkFS4ZvRCkSAhdpqZS7QcQ68NMnXRmgTLDVkbEVHKD7wdw7S9lcUV0UQSb9S6bT3HCMumW7xSj2Qg6zOgaKNF/MXNEii94R3mMpQkDsDFykvIZaO/DsFuwlnUR8lWUEelPaO7NRHBlbwQG6H8y9s1TaRanOKARsJk1Ovv+GY9QtE3UMVr4AzjBrs4cizYnRq9ICW+69OLzHkolBwM/OwAWVZq0dePCiBXtJJ4a4r7J0FJEq03XV5iMLrA4SnZG00XIY53bcbAAAAA==') format('woff2'),
  url(data:font/woff;base64,d09GRgABAAAAAAQoAAsAAAAABqAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8j0gLY21hcAAAAYAAAABLAAABcOdBtfVnbHlmAAABzAAAAGQAAABkSgBGV2hlYWQAAAIwAAAALAAAADYT2/CLaGhlYQAAAlwAAAAcAAAAJAfeA4NobXR4AAACeAAAAAgAAAAICAAAAGxvY2EAAAKAAAAABgAAAAYAMgAAbWF4cAAAAogAAAAeAAAAIAEOAChuYW1lAAACqAAAAV0AAAK1B6dGRHBvc3QAAAQIAAAAHQAAAC5lg2JteJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeST6TZG7438AQw9zA0AAUZgTJAQDhDQwVeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfyb5/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBmDAnNAAACAAAAAAMVApAADAAbAAABFhQHAQYiJjQ3ATYyExYUDwEOAS4CNj8BNjIDBAwM/jUNIhoNAcoNIxENDZwJFhYQBgYInQ0iAoMNIg3+NQwZIg0Bywz+wg0iDpwJBgYQFxYInQx4nGNgZGBgAOI/0WwZ8fw2Xxm4WRhA4EbctXpkmoWBaQKQ4mBgAvEAFzkJLHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAMgAAeJxjYGRgYGBikAFiBjCLgYELCBkY/oP5DAALagE3AAB4nH2PPU7DQBCFn8kPwhEUIKhSrISERFCcnwqloYiU1KRIQ4FiZzc/sr3WehMpV+AOHIJTcAsaTsANeHEWpKSILc9+8+bN7BjAJb7gYfdc89uxhwtmOz7BKW4dl6g3HJfJj44rqGHguEr92bGPB7w6ruEKb5zglc+YNfDu2EMdn45P2PvtuET9x3EZde/ccQU33r3jKvUnxz7G3ovjGu68D79v5MTKqQg3YhHpVOnU+uHKWmlUvGlupZGcreKJ2Rf3s7E0+UKnohO09wtDmUrzNz9fz7rWKqGMTsSAF8k41iIzeikjG8ytzXqtlnJ6EOmE6/ZhIDGBZZxCIMSGcYEIGilUES19IVY8ty5DNaar+e8aUZ2xHnOOOeo8VhsXas58mwl0EKB9tGNINS0qh/vnWHOjbtGpmCt6NBLSwP2R5KyYLJAVtSWViHqAedGVoYcWX3XgD4q7k1+eCoHmAAAAeJxjYGKAAC4G7ICJkYmRmYElpSgxnYEBAAnCAbgAAAA=) format('woff'),
  url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzI8j0gLAAABfAAAAFZjbWFw50G19QAAAdwAAAFwZ2x5ZkoARlcAAANUAAAAZGhlYWQT2/CLAAAA4AAAADZoaGVhB94DgwAAALwAAAAkaG10eAgAAAAAAAHUAAAACGxvY2EAMgAAAAADTAAAAAZtYXhwAQ4AKAAAARgAAAAgbmFtZQenRkQAAAO4AAACtXBvc3Rlg2JtAAAGcAAAAC4AAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAIAAQAAAAEAAPxbBmhfDzz1AAsEAAAAAADYXtZ/AAAAANhe1n8AAAAABAACkAAAAAgAAgAAAAAAAAABAAAAAgAcAAIAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5hnmGQOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABVAABAAAAAABOAAMAAQAAACwAAwAKAAABVAAEACIAAAAEAAQAAQAA5hn//wAA5hn//wAAAAEABAAAAAEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAABwAAAAAAAAAAQAA5hkAAOYZAAAAAQAAAAAAMgAAAAIAAAAAAxUCkAAMABsAAAEWFAcBBiImNDcBNjITFhQPAQ4BLgI2PwE2MgMEDAz+NQ0iGg0Byg0jEQ0NnAkWFhAGBgidDSICgw0iDf41DBkiDQHLDP7CDSIOnAkGBhAXFgidDAAAABIA3gABAAAAAAAAABUAAAABAAAAAAABAA4AFQABAAAAAAACAAcAIwABAAAAAAADAA4AKgABAAAAAAAEAA4AOAABAAAAAAAFAAsARgABAAAAAAAGAA4AUQABAAAAAAAKACsAXwABAAAAAAALABMAigADAAEECQAAACoAnQADAAEECQABABwAxwADAAEECQACAA4A4wADAAEECQADABwA8QADAAEECQAEABwBDQADAAEECQAFABYBKQADAAEECQAGABwBPwADAAEECQAKAFYBWwADAAEECQALACYBsQpDcmVhdGVkIGJ5IGljb25mb250CmJ1dHRlcmZseS1pY29uUmVndWxhcmJ1dHRlcmZseS1pY29uYnV0dGVyZmx5LWljb25WZXJzaW9uIDEuMGJ1dHRlcmZseS1pY29uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAFIAZQBnAHUAbABhAHIAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAGIAdQB0AHQAZQByAGYAbAB5AC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAYgB1AHQAdABlAHIAZgBsAHkALQBpAGMAbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIBAgEDAARkcmFnAAAAAA==) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPCEtLQoyMDEzLTktMzA6IENyZWF0ZWQuCi0tPgo8c3ZnPgo8bWV0YWRhdGE+CkNyZWF0ZWQgYnkgaWNvbmZvbnQKPC9tZXRhZGF0YT4KPGRlZnM+Cgo8Zm9udCBpZD0iYnV0dGVyZmx5LWljb24iIGhvcml6LWFkdi14PSIxMDI0IiA+CiAgPGZvbnQtZmFjZQogICAgZm9udC1mYW1pbHk9ImJ1dHRlcmZseS1pY29uIgogICAgZm9udC13ZWlnaHQ9IjUwMCIKICAgIGZvbnQtc3RyZXRjaD0ibm9ybWFsIgogICAgdW5pdHMtcGVyLWVtPSIxMDI0IgogICAgYXNjZW50PSI4OTYiCiAgICBkZXNjZW50PSItMTI4IgogIC8+CiAgICA8bWlzc2luZy1nbHlwaCAvPgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iZHJhZyIgdW5pY29kZT0iJiM1ODkwNTsiIGQ9Ik03NzEuNjY5MzMzIDY0My4wNzJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMCAwLTYwLjMzMDY2N0wzMTMuMDg4IDEyNC4xNmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwLTYwLjQxNiA2MC4zMzA2NjdsNDU4LjU4MTMzMyA0NTguNTgxMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAgNjAuNDE2IDB6IG00Ljc3ODY2Ny0zMDYuMzQ2NjY3YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAgMC02MC4zMzA2NjZMNjE5LjYwNTMzMyAxMTkuNTUyYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDAtNjAuMzMwNjY2IDYwLjMzMDY2N2wxNTYuODQyNjY2IDE1Ni44NDI2NjZhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMCA2MC4zMzA2NjcgMHoiICBob3Jpei1hZHYteD0iMTAyNCIgLz4KCiAgICAKCgogIDwvZm9udD4KPC9kZWZzPjwvc3ZnPgo=#butterfly-icon) format('svg'); /* iOS 4.1- */
}
.butterfly-icon {
  font-family: "butterfly-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-drag:before {
  content: "\E619";
  position: relative;
}
/*# sourceMappingURL=index.css.map*/#esop-box {
    width: 100%;
    height: 100%;
    --esop-node-header-height: 45px;
}

/* 节点基础 */

#esop-box .esop-base-node {
    position: absolute;
    background: #fff;
    border: 1px solid #d4dae1;
    border-radius: 8px;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0,30,108,0.08);
            box-shadow: 0px 4px 20px 0px rgba(0,30,108,0.08); 
    font-size: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#esop-box .esop-base-node.selected,
#esop-box .esop-base-node:focus, #esop-box .esop-base-node.diamond.selected,
#esop-box .esop-base-node.diamond:focus{
    border-color: #005eb8;
    outline: none;
    z-index: 1000 !important;
}

/* 节点形状 */

#esop-box .esop-base-node.circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
}

#esop-box .esop-base-node.diamond {
    color: #fff;
    font-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#esop-box .esop-base-node.rect {
    width: 300px;
    height: 100px;
}

#esop-box .butterflie-circle-endpoint .butterfly-circle{
    width: 12px;
    height: 12px;
    background: #ffffff;
    border: 2px solid #059fe8;
    border-radius: 50%;
}

#esop-box .butterflie-circle-endpoint.top{
    width: 28px;
    height: 60px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: transparent;
    border-radius: 0;
    border: none;
}

#esop-box .butterflie-circle-endpoint.bottom{
    width: 28px;
    height: 60px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: transparent;
    border-radius: 0;
    border: none;
}

#esop-box .butterflie-circle-endpoint.left{
    width: 60px;
    height: 28px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: transparent;
    border-radius: 0;
    border: none;
}

#esop-box .butterflie-circle-endpoint.right{
    width: 60px;
    height: 28px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    background: transparent;
    border-radius: 0;
    border: none;
}

#esop-box .butterflie-circle-endpoint .butterfly-arrow > i{
    color:rgba(var(--main-color-rgb),0.1);
}

#esop-box .butterflie-circle-endpoint:hover .butterfly-arrow > i{
    color:rgba(var(--main-color-rgb),1);
}

#esop-box .butterflie-circle-endpoint.bottom .butterfly-arrow>i::before{
    display: inline-block; /* 确保元素可以旋转 */
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); /* 旋转180度 */
}

#esop-box .butterflie-circle-endpoint.left .butterfly-arrow>i::before{
    display: inline-block; 
    -webkit-transform: rotate(-90deg); 
            transform: rotate(-90deg);
}

#esop-box .butterflie-circle-endpoint.right .butterfly-arrow>i::before{
    display: inline-block; 
    -webkit-transform: rotate(90deg); 
            transform: rotate(90deg);
}

/* 锚点 */

#esop-box .esop-base-node .top {
    top: -40px;
    left: calc(50%);
}

#esop-box .esop-base-node .bottom {
    bottom: -36px;
    left: calc(50%);
}

#esop-box .esop-base-node .right {
    bottom: calc(50% - 15px);
    right: -6px;
}

#esop-box .esop-base-node .left {
    bottom: calc(50% - 15px);
    left: -6px;
}

#esop-box .esop-base-node.diamond .top {
    top: -40px;
    left: calc(50%);
}

#esop-box .esop-base-node.diamond .bottom {
    bottom: -36px;
    left: calc(50%);
}

#esop-box .esop-base-node.diamond .right {
    bottom: calc(50% - 15px);
    right: -6px;
}

#esop-box .esop-base-node.diamond .left {
    bottom: calc(50% - 15px);
    left: -6px;
}

#esop-box .esop-base-node.diamond .esop-node-name{
    color: #fff;
}

#esop-box .esop-base-node .top,#esop-box .esop-base-node .left,#esop-box .esop-base-node .right,#esop-box .esop-base-node .bottom{
    opacity: 0;
}

#esop-box .esop-base-node.selected .top,#esop-box .esop-base-node.selected .bottom,#esop-box .esop-base-node.selected .left,#esop-box .esop-base-node.selected .right{
    opacity: 1;
}

#esop-box .esop-base-node:hover .top,#esop-box .esop-base-node:hover .bottom,#esop-box .esop-base-node:hover .left,#esop-box .esop-base-node:hover .right{
    opacity: 1;
}

/* 节点边框线型 */

#esop-box .dashed {
    border-style: dashed;
}

#esop-box .solid {
    border-style: solid;
}

/* 节点内容 */

#esop-box .esop-node-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
}

#esop-box .esop-base-node.rect .esop-node-content {
    display: block;
    border-radius: 8px;
}

#esop-box .esop-node-header {
    padding: 6px 16px;
    width: 100%;
    height: var(--esop-node-header-height);
    border-radius: 8px 8px 0 0;
    text-align: left;
    color: #fff;
    line-height: 25px;
}

#esop-box .esop-node-header > * {
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

#esop-box .esop-node-icon {
    font-size: 24px;
}

#esop-box .sv-svg-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1em;
}

#esop-box .sv-svg-icon svg {
    stroke: currentColor;
    width: 1em;
    height: 1em;
}

#esop-box .sv-svg-icon svg path {
    fill: currentColor;
}

#esop-box .sv-svg-icon.sv-svg-icon-normal svg path {
    stroke-width: 1px;
}

#esop-box .sv-svg-icon.sv-svg-icon-bold svg path {
    stroke-width: 30px;
}

#esop-box .esop-node-name {
    text-align: center;
}

.esop-node-name[data-title]{
  position: relative;
}

.esop-node-name[data-title]:hover::after{
  opacity: 1;
  -webkit-transition:  all 0.1s ease 0.5s;
  transition:  all 0.1s ease 0.5s;
  visibility: visible;
}

.diamond .esop-node-name[data-title]::after{
    right: -200px;
    top: 4px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

.esop-node-name[data-title]::after{
    content: attr(data-title);
    background-color: rgba(70, 76, 91, .9);
    color:#fff;
    width: 250px;
    min-height: 34px;
    display: block;
    word-break: keep-all;
    position: absolute;
    padding: 4px 10px;
    right: -50%;
    bottom: -50%;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(50%,-50%);
            transform: translate(50%,-50%);
    text-align: left;
  }

#esop-box .esop-base-node.rect .esop-node-name {
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    height: calc(100% - var(--esop-node-header-height));
}

/* 节点错误信息 */

#esop-box .node-errors {
    position: absolute;
    right: -16px;
    top: -16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: red;
    color: #fff;
}

#esop-box .esop-node-content.rotate .node-errors {
    right: 16px;
    top: 16px;
}

.animation-breathe::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    outline: 4px solid #0094db;
    border-radius: 8px;
    opacity: 0;
    -webkit-animation: breathing 1s infinite;
            animation: breathing 1s infinite;
}

@-webkit-keyframes breathing {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes breathing {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.node-position-right{
    position: absolute;
    right: 0px;
    top: 10px;
    background-color: #fff;
    background: #ffffff;
    border: 1px solid #d4dae1;
    border-radius: 16px 0px 0px 16px;
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 2px;
}

.node-success{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.node-success > i{
    color: #19BE6B;
    font-size: 20px;
}

.node-disable{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.node-disable > i{
    color: #949494;
    font-size: 20px;
}

.node-timeout{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.node-timeout >i{
    font-size: 20px;
    color: #e84b05;
}

.node-success-title{
    display: none;
    position: absolute;
    right: -10px;
    top: 22px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    background: rgba(55, 56, 56, 1);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 12px;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    border-radius: 8px;
    width: 188px;
    min-height: 48px;
}

.node-success-title-content{
    width: 100%;
    height: 100%;
    position: relative;
}

.node-position-right:hover .node-success-title{
    display: block;
}

.node-position-right.flash,.node-position-right.disable,.node-position-right.processing{
    display: none;
}

.handle-disable .completed .node-position-right.disable{
    display: none;
}

.handle-disable .time-out .node-position-right.disable{
    display: none;
}

.handle-disable .node-position-right.disable{
    display: block;
}

.processing-dash-border .node-position-right.processing{
    display: block !important;
}

.completed .node-position-right.flash,.time-out .node-position-right.flash{
   display: block !important;
}

.node-success-allow{
    position: absolute;
    left: -15px;
    top: 15px; 
    width: 0;
    height: 0;
    border-left: 8px  solid transparent;
    border-right: 8px solid rgba(55, 56, 56, 1);
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent ;
}

.processing-dot{
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 2px solid #059fe8;
    border-radius: 50%;
}

.processing-dot .step-dot{
    width: 8px;
    height: 8px;
    background: #059fe8;
    border: 1px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: orbit 2s linear infinite;
    animation: orbit 2s linear infinite;
}

@-webkit-keyframes orbit{
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
              transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
              transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
    }
}

@keyframes orbit{
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
              transform: translate(-50%, -50%) rotate(0deg) translateX(8px) rotate(0deg);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
              transform: translate(-50%, -50%) rotate(360deg) translateX(8px) rotate(-360deg);
    }
}

/* 连线 */
#esop-box .butterflies-link {
    stroke-width: 2px;
    outline: none;
}
#esop-box .butterflies-link:hover,#esop-box .butterflies-link:focus{
    stroke: #059fe8;
}
#esop-box .butterflies-link-event-handler{
    cursor:move;
    stroke-width: 16px;
}
/* 连线上的文本 */
#esop-box .butterfly-wrapper .butterfly-custom-label {
    position: absolute;
    padding: 0 8px;
    max-width: 200px;
    height: 30px;
    background: #ffffff;
    border: 1px solid #d4dae1;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    font-size: 18px;
    z-index: 499; /* 连线的层级是499 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#esop-box .butterfly-wrapper .butterfly-custom-label.disable-label{
    border: 1px solid rgba(212, 218, 225,0.4);
    border-radius: 4px;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0,30,108,0.08);
            box-shadow: 0px 4px 20px 0px rgba(0,30,108,0.08); 
    color: rgb(51, 51, 51,0.4);
}
#esop-box .butterfly-wrapper .butterfly-custom-label.active-label{
    border: 2px solid #059fe8;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0,30,108,0.08);
            box-shadow: 0px 4px 20px 0px rgba(0,30,108,0.08); 
    line-height: 24px;
}
#paging{
    font-size: 16px;
    width: 100%;
    line-height: 40px;
}
#paging>span{
    color:  #8c8c8c;
    vertical-align: middle;
    font-size: 14px;
    opacity: 1;
}
#paging .paging-number-text {
    font-size: 14px;
    color: #333333;
}
.utm-paging-fixed #paging>span{
    color: #fff;
}
#paging > div{
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: 3px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-align: center;
    vertical-align: middle;
}
#paging div .promptMessage{
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    height: 30px;
    line-height: 30px;
    color: #fff;
    word-break: keep-all;
    white-space: nowrap;
    padding: 0 10px;
    border-radius: 4px;
    text-align: center;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-animation: isShow ease-in .2s;
            animation: isShow ease-in .2s;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    z-index: 99;
}
#paging div:last-child .promptMessage{
    right: 0;
}
.promptMessage:after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left:4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0,0,0,0.6);
    top: 100%;
    left: 12px;
    margin-left: -4px;
}
#paging div:first-child .promptMessage:after{
    left: 15%;
}
#paging div:last-child .promptMessage:after{
    left: 85%;
}
#paging a{
    -webkit-transition: all .25s;
    transition: all .25s;
    display: block;
    padding: 4px 5px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid;
    border-color: rgba(239,240,243,1);
    background-color: rgba(239,240,243,1);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #fff;
    line-height: 20px;
}
#paging a:hover{
    background-color: rgba(249, 245, 239, 1);
    border-color: var(--main-color);
    color: #fff;
}
#paging a .paging-icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABICAYAAACjpDbfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMTgyZDIzZi05ZmRjLTI1NGYtOWEzZi01NjE0MzhlMWJjMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzYzM0Y3QTk3MEE1MTFFOUI2NzdFRjEzM0EyODZCMjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzYzM0Y3QTg3MEE1MTFFOUI2NzdFRjEzM0EyODZCMjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjE4NjNiNGEtMmI0NS03ZjQ5LWE4ZjAtNmE5MWNlMzVlOTYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxODJkMjNmLTlmZGMtMjU0Zi05YTNmLTU2MTQzOGUxYmMxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkLDrJ0AAAKJSURBVHja7JkxTNtAFIZjlBW60ok1a8ZKGSqYaBNv7dCsSBVh68BExcBWJLbC0BkysEWBVkIghkoduwILdGiZq3Z3/5OeJQfFl/eOU2XCf9InFOLvnD8+n/P0kizLatM8ZmpTPurFF8Ph0F3OZMxxi2Cl3W6/KZsIrtkRr48/n8BZ8f/wzI6MDG5iuYIdsA92DV+cxfkox6aG+dVOfcL7XfABvADflSe3Ol/lWLcEZuWDR3N8AVfBOlgCF8pwIU5NvgjnfAZPlFde5ZQF3AKvwXPwQ/khQ5ziuBD3BDwF72M4ZfdgEvABk4ibX7Tzl13BDfALnINl5XILcYqjAb7I/bsby/Hdg074DU7drq3cMEIcN5qyYawrNxm1M2kXdeIfcAxeye5Vi+y0wCF4CwbKcGqnrpjMTfAX9JQBrc6aPFrODMtZ7ST8LcqADFidaiJNU281MRgMSisDuGZHvLGVATyzk1cTcFlNsJpgNcFqgtUEqwlWE6wm+FuUARnwfwcsuyFdZXBgnFvr9OVYy/A5oxncJlMgu/Pa0QG3oDXmvTIsTkuOTQ3z+5yRDJMCdsFP0DScPMRpitON4KgDroJr0DCcNMTJaYjbu6ejCrgFLsGC4WQhzl2ceyVzhTojAae+mvAt0V7Acuvdc4neBCzRm5Al+ig2mZw04DGRPpTHRM4iODAuOa3Tl2Mtc/uckQysJhiQASvUm3j28p23N/HtaKe0zwDX7Ig3ts8Az+zkj3a4lexNdAJ6Ex3TFaxAb2IuoDcx99B6E+4D78VyqtqbmAebMZyqVhMzsZyq9Sbccts29ia8DnsT7E2wN8HfogzIgAzIgAzIgAzIgAzIgAzIgAzIgNHHPwEGAEPDpJWnbIkzAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}
#paging a.paging-btn-go{
    border: 0px;
    color: #fff;
    width: 42px;
    background: var(--main-color);
}
#paging a.paging-btn-go:hover{
    background: var(--main-color);
}
  /*首页*/
#paging a .paging-icon.paging-icon-first{
    background-position: 0px 0px;
}
#paging a .paging-icon.paging-icon-first-no{
    background-position: 0px 0px;
}
  /*上一页*/
#paging a .paging-icon.paging-icon-pre{
    background-position: -14px 0px;
}
#paging a .paging-icon.paging-icon-pre-no{
    background-position: -14px 0px;
}
  /*下一页*/
#paging a .paging-icon.paging-icon-next{
    background-position: -28px 0px;
}
#paging a .paging-icon.paging-icon-next-no{
    background-position: -28px 0px;
}
  /*尾页*/
#paging a .paging-icon.paging-icon-last{
    background-position: -42px 0px;
}
#paging a .paging-icon.paging-icon-last-no{
    background-position: -42px 0px;
}
#paging input{
    width: 65px;
    height: 24px;
    display: inline-block;
    padding-right: 0px;
    -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
    transition: border linear .2s, -webkit-box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s, -webkit-box-shadow linear .2s;
    outline: none;
    border-radius: 4px;
    color: #333;
    margin: 0;
    font-size: 14px;
}
  /*显示条数下拉框*/
#paging .page-total{
    position: relative;
}
#paging .page-total.ivu-select-single .ivu-select-selection {
    position: relative;
    min-height: 22px;
    vertical-align: middle;
    border: 1px solid;
    border-color: rgba(223,223,223,1);
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: unset;
            box-shadow: unset;
}
#paging .page-total.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  #paging .page-total.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 28px;
    line-height: 28px;
}
#paging .page-total.ivu-select-single .ivu-select-dropdown {
    min-width: auto;
    width: 183px;
    text-align: left;
    position: absolute;
    top:-145px;
    background-color: rgba(255,255,255,1);
    border: 1px solid #efefef;
}
#paging .page-total.ivu-select-single .ivu-select-dropdown .ivu-select-item {
    padding: 0;
    width: 33.3%;
    display: inline-block;
    color: #333;
}
#paging .page-total.ivu-select-single .ivu-select-dropdown .ivu-select-item.ivu-select-item-selected{
    color: #fff;
}
#paging .ivu-select-item-selected, .ivu-select-item-selected:hover {
    background: var(--main-color);
}
#paging .page-total.ivu-select-single .ivu-select-dropdown .ivu-select-item div{
    padding: 4px 8px;
    text-align: center;
}
#paging .ivu-select-single .ivu-select-selection .ivu-select-selected-value{
    font-size: 16px
}
#paging .pager-text{
   color: #8c8c8c;
}
@-webkit-keyframes isShow {
0%{opacity: 0;-webkit-transform: scale(0);transform: scale(0)
}
100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1)
}
}
@keyframes isShow {
0%{opacity: 0;-webkit-transform: scale(0);transform: scale(0)
}
100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1)
}
}
.paging-load-img{
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}

.communication[data-v-2bc638e6]{
    width: 900px;
    border-radius: 8px;
}
.utm-modal-body[data-v-2bc638e6] {
    padding: 0 24px;
}
.utm-modal-body .tab[data-v-2bc638e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 58px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #dce3e8;
    font-size: 18px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #333333;
}
.utm-modal-body .tab p[data-v-2bc638e6] {
    width: 213px;
    text-align: center;
    height: 100%;
    line-height: 58px;
    cursor: pointer;
}
.active[data-v-2bc638e6] {
    color: #059fe8;
    border-bottom: 4px solid #059fe8;
}
.utm-modal-body .search[data-v-2bc638e6] {
    margin: 16px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.utm-controls[data-v-2bc638e6]  {
    margin-left: 0 !important;
    width: 273px;
}
.content[data-v-2bc638e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    height: 480px;
}
.content .content-item[data-v-2bc638e6] {
    width: 418px;
    height: 122px;
    background: #ffffff;
    border: 1px solid #e5e7e9;
    border-radius: 8px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    cursor: pointer;
}
.content .other[data-v-2bc638e6] {
    height: 108px;
}
.content-item[data-v-2bc638e6]:hover {
    border: 1px solid #059FE8;
}
.left-avatar[data-v-2bc638e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    position: relative;
}
.avatar-check[data-v-2bc638e6] {
  margin-right: 8px;
}
.device-type[data-v-2bc638e6] {
    width: 48px;
    height: 48px;
    background: rgba(71,133,181,0.1);
    border-radius: 8px;
    text-align: center;
}
.device-type-icon[data-v-2bc638e6] {
    font-size: 30px;
    color: #4785B5;
}
.security[data-v-2bc638e6] {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 33px;
}
.right-info .account[data-v-2bc638e6] {
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.account span[data-v-2bc638e6] {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    border-radius: 5px;
    text-align: center;
}
.account .status[data-v-2bc638e6] {
    width: 77px;
    background: rgba(0,167,89,0.2);
    color: #00a759;
}
.account .status.inUse[data-v-2bc638e6] {
    width: 58px;
    background: rgba(56,149,218,0.2);
    color: #3895da;
    letter-spacing: 0.34px;
}
.right-info .device[data-v-2bc638e6], .location[data-v-2bc638e6], .accesszone[data-v-2bc638e6] {
    height: 17px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #666666;
    letter-spacing: 0.34px;
    text-wrap: nowrap;
}
.location[data-v-2bc638e6] {
    margin-top: 12px;
}
.device-icon[data-v-2bc638e6] {
    font-size: 14px; 
    color: #333333;
}
.utm-control-label[data-v-2bc638e6] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.check-box[data-v-2bc638e6] {
    padding-bottom: 8px;
}
.check-box .loop[data-v-2bc638e6]{
    margin-right: 40px;
}
.volume[data-v-2bc638e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.volume .slider[data-v-2bc638e6] {
    margin: 0 10px; 
    width: 345px;
}
.select-radius[data-v-2bc638e6]{
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #e5e7e9;
    border-radius: 50%;
    margin-top: 15px;
}
.content-item.select[data-v-2bc638e6]{
    border: 1px solid var(--main-color);
}
.content-item.select .select-radius[data-v-2bc638e6]{
display: none;
}
.content-item.select .select-radius-ok[data-v-2bc638e6]{
display: block;
}
.select-radius-ok[data-v-2bc638e6]{
border-radius: 50%;
margin-top: 12px;
display: none;
}
.select-radius-ok > i[data-v-2bc638e6]{
font-size: 20px;
color: var(--main-color);
}
[data-v-2bc638e6] .ivu-checkbox-inner {
    border-radius: 10px;
}
[data-v-2bc638e6] .ivu-slider-wrap {
    height:8px;
}
[data-v-2bc638e6] .ivu-slider-bar {
    height:8px
}
[data-v-2bc638e6] .ivu-slider-button {
    width: 20px;
    height: 20px;
    border: 4px solid #059fe8;
}
.history-ics-item[data-v-2bc638e6]{
    width: 852px;
    padding: 16px 16px 10px 16px;
    background: #f9f9fa;
    border: 1px solid #e5e7e9;
    border-radius: 8px;
    margin-top: 16px;
}
.history-ics-item > .communication-header i[data-v-2bc638e6]{
    font-size: 14px;
    color: #4d4d4d
}
.history-ics-item > .communication-header[data-v-2bc638e6]{
    font-size: 14px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.communication-name[data-v-2bc638e6]{
    margin-left: 8px;
    margin-right: 3px;
}
.history-item-time[data-v-2bc638e6]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #999999;
    margin-left: 22px;
    margin-top: 2px;
}
.call-up-box[data-v-2bc638e6]{
    padding: 2px 6px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    letter-spacing: 0.34px;
    background: #ffffff;
    border: 1px solid #e5e7e9;
    border-radius: 15px;
    display: inline-block;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.call-up-box > i[data-v-2bc638e6]{
    font-size: 14px;
    color: #4d4d4d;
}
.history-item-content[data-v-2bc638e6]{
  margin-left: -8px;
  padding-left: 20px;
}
.line-dash[data-v-2bc638e6]{
    width: 100%;
    border-top: 1px dashed #e5e7e9;
    margin-top: 8px;
}
.history-item-music.loading[data-v-2bc638e6]{
    margin-top: 8px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    text-align: left;
    color: #3a9d36;
    font-weight: 600;
}
.history-item-music.loading  i[data-v-2bc638e6]{
    font-weight: 700;
    margin-right: 2px;
    -webkit-animation: rotate-data-v-2bc638e6 1.5s linear infinite;
            animation: rotate-data-v-2bc638e6 1.5s linear infinite;
}
@-webkit-keyframes rotate-data-v-2bc638e6 {
from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
}
to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
}
}
@keyframes rotate-data-v-2bc638e6 {
from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
}
to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
}
}
.history-item-music.fail[data-v-2bc638e6]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #e84b05;
    margin-top: 8px;
}
.history-item-music.fail  i[data-v-2bc638e6]{
    font-weight: 700;
    margin-right: 2px;
    color: #e84b05;
    font-size: 14px;
}
.history-item-music.music[data-v-2bc638e6]{
    background: var(--main-color);
    border-radius: 16px;
    color: #fff;
    margin-top: 8px;
    width: 116px;
    height: 32px;
}
.history-item-music.music .play[data-v-2bc638e6]{
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 6px;
  margin-right: 8px;
}
.history-item-music.music .play>i[data-v-2bc638e6]{
    font-size: 12px;
    color: var(--main-color);
    margin-left: 3px;
    margin-top: 2px;
}
.history-item-music.music .pause[data-v-2bc638e6]{
    margin-left: 6px;
    margin-right: 6px;
}
.cannot-click[data-v-2bc638e6]{
    pointer-events: none;
}
.width-60[data-v-2bc638e6]{
    width: calc(100% - 60px);
}
.history-body[data-v-2bc638e6]::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #303745;
}
/*定义滚动条轨道 内阴影+圆角*/
.history-body[data-v-2bc638e6]::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 1.5px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
.history-body[data-v-2bc638e6]::-webkit-scrollbar-thumb {
border-radius: 1.5px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #aaa;
}

#access-code-list[data-v-4db8e027] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#access-code-list .page-top[data-v-4db8e027] {
  background-color: #ebeff2;
  padding: 0 16px 16px;
  text-align: right;
}
#access-code-list .page-top button[data-v-4db8e027] {
  margin-left: 12px;
}
#access-code-list .utm-list-page-box[data-v-4db8e027] {
  height: calc(100% - 180px);
}
#access-code-list .box-nav[data-v-4db8e027] {
  padding: 16px;
  line-height: 1;
}
#access-code-list .box-nav.list-nav[data-v-4db8e027] {
  border-bottom: 1px solid #dfdfdf;
}
#access-code-list .box-title[data-v-4db8e027] {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}
#access-code-list .box-title .desc-span[data-v-4db8e027] {
  color: #b4b4b4;
}
.add-access-box[data-v-4db8e027] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0 0;
  padding: 16px;
}
#access-code-list .utm-list-page-box ul li .utm-item .utm-item-icon i[data-v-4db8e027] {
  font-size: 16px;
}
.open-more-point[data-v-4db8e027] {
  margin-left: 15px;
}
.utm-controls .add-schedule-box[data-v-4db8e027] {
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .access-code-item[data-v-4db8e027] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-4db8e027]:last-child {
  margin-bottom: 0;
}
.shrink-module-icon.shrink-content[data-v-4db8e027] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.manage-operator-icon[data-v-4db8e027] {
  margin: 0 2px;
  font-size: 16px;
  color: rgba(5, 159, 232, 1);
}

/**************选择tag****************/
.utm-multiple-check[data-v-4db8e027] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 4px;
}
.utm-multiple-check.focus-box[data-v-4db8e027] {
  border: 1px solid rgba(5, 154, 232, 1);
  outline: unset;
  -webkit-box-shadow: 0 0 0 2px #d2f0ff;
          box-shadow: 0 0 0 2px #d2f0ff;
}
.utm-multiple-check .tag-checked-box[data-v-4db8e027] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-4db8e027] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-4db8e027] {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-4db8e027]:hover,
.multiple-check-panel .check-option.active[data-v-4db8e027] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-4db8e027]:after {
  position: absolute;
  content: "\E6E7";
  font-family: "utmfont", sans-serif;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059ae8;
}
.utm-multiple-check .utm-tag[data-v-4db8e027] {
  background: #fff;
}
.tag-checked-box .check-tips[data-v-4db8e027] {
  line-height: 38px;
  color: #c5c8ce;
  margin-left: 4px;
  font-size: 16px;
}
.tag-checked-box .utm-circle-tag.mini[data-v-4db8e027] {
  margin-top: 8px;
  margin-right: 12px;
}

/**************选择tag****************/
.utm-linkage.search-ac-link[data-v-4db8e027] {
  position: relative;
}
.search-ac-link .utm-linkage-input[data-v-4db8e027] {
  padding-left: 30px;
}
.search-ac-link .utm-search-icon[data-v-4db8e027] {
  position: absolute;
  right: 154px;
  top: 9px;
  color: #b4b4b4;
  font-size: 16px;
}
.utm-table-nodata.no-ac-data[data-v-4db8e027] {
  font-size: 16px;
  color: #b4b4b4;
  margin: 80px 0;
}
.utm-item .ivu-icon-ios-arrow-down[data-v-4db8e027] {
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
  margin-right: 8px;
}
.utm-item .ivu-icon-ios-arrow-down.rotate[data-v-4db8e027] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#access-code-list .utm-list-page-box .ac-option .utm-item[data-v-4db8e027] {
  padding-left: 42px;
}
.utm-list-page-box ul li .utm-item .utm-item-icon .utm-service-icon[data-v-4db8e027] {
  font-size: 16px;
}
#access-code-list .utm-list-page-box ul li .utm-item .source-item[data-v-4db8e027] {
  font-size: 18px;
  font-weight: bold;
}
.utm-list-page-box .ac-option .utm-item .utm-item-method .utm-more-icon[data-v-4db8e027] {
  display: none;
  font-size: 16px;
  color: #666;
}
#access-code-list .utm-list-page-box .ac-option .utm-item:hover .utm-item-name[data-v-4db8e027],
#access-code-list .utm-list-page-box .ac-option .utm-item.active .utm-item-name[data-v-4db8e027] {
  max-width: 186px;
}
#access-code-list .utm-list-page-box .ac-option .utm-item:hover .utm-more-icon[data-v-4db8e027] {
  display: inline-block;
}
#access-code-list .utm-list-page-box .ac-option .utm-item.active .utm-more-icon[data-v-4db8e027] {
  color: #fff;
  display: inline-block;
}
#access-code-list .utm-list-page-box .ac-option .utm-item.abnormal-ac[data-v-4db8e027] {
  color: #c61c1c;
  padding-left: 40px;
}
#access-code-list .utm-list-page-box .ac-option .utm-item.abnormal-ac.active[data-v-4db8e027],
#access-code-list .abnormal-ac.active .ivu-icon[data-v-4db8e027] {
  color: #fff;
}
#access-code-list .abnormal-ac .box-title[data-v-4db8e027] {
  color: #c61c1c;
}
#access-code-list .abnormal-ac .ivu-icon[data-v-4db8e027] {
  color: #c61c1c;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
}
#access-code-list .utm-list-page-box ul li .utm-item .utm-item-name[data-v-4db8e027] {
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  max-width: 235px;
}
.access-code-item .delete-schedule[data-v-4db8e027] {
  position: absolute;
  color: #8c8c8c;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.abnormal-schedule[data-v-4db8e027] {
  color: #c61c1c;
}
#access-code-list .utm-font.utm-point-icon[data-v-4db8e027] {
  font-size: 16px;
  margin-right: 4px;
}
.utm-controls.multiple-option-control[data-v-4db8e027] {
  max-height: 545px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
#access-code-list .utm-checkbox-wrapper .utm-checkbox-text[data-v-4db8e027] {
  max-width: 420px;
  display: inline-block;
  vertical-align: bottom;
}

/*table 点位排布*/
.utm-table .access-zone-arr[data-v-4db8e027] {
  margin: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*无区域显示*/
.options-box .no-access-zone[data-v-4db8e027] {
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-4db8e027] {
  color: var(--main-color);
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-4db8e027] {
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-4db8e027] {
  color: #0598e8;
  cursor: pointer;
}
.utm-item.node-item[data-v-4db8e027] {
  padding-left: 32px;
}
.utm-item .node-title[data-v-4db8e027] {
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.node-title .node-text[data-v-4db8e027] {
  font-size: 16px;
  font-weight: bold;
}
.utm-item.source-item[data-v-4db8e027] {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}
.utm-item .code-id[data-v-4db8e027] {
  color: #8c8c8c;
}
.utm-item.active .code-id[data-v-4db8e027] {
  color: #fff;
}
#access-code-list .utm-modal-form-padding[data-v-4db8e027] {
  padding-right: 55px;
}
.default-name-div[data-v-4db8e027] {
  position: relative;
}
.default-name-prompt[data-v-4db8e027] {
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.utm-default-name[data-v-4db8e027] {
  color: #0598e8;
  font-size: 16px;
}

/**************选择tag****************/
.utm-multiple-check[data-v-4db8e027] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-4db8e027] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-4db8e027] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-4db8e027],
.multiple-check-panel .no-search-data p[data-v-4db8e027]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-4db8e027] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-4db8e027] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-4db8e027]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-4db8e027]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-4db8e027]:hover,
.multiple-check-panel .check-option.active[data-v-4db8e027] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-4db8e027]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-4db8e027] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-4db8e027] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-4db8e027] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-4db8e027]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-4db8e027]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-4db8e027]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-4db8e027] {
  margin: 8px;
}

/**************选择tag****************/
.tag-checked-box .checked-name[data-v-4db8e027]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}

/*状态过渡动画*/
.slide-fade-enter-active[data-v-4db8e027]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-4db8e027], .slide-fade-leave-to[data-v-4db8e027]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

#zone-management[data-v-6212a469]{
  height: 93%;
}
.page-top[data-v-6212a469]{
  padding: 0 16px 16px;
  background-color: #EBEFF2;
}
.page-top .page-title[data-v-6212a469]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-6212a469]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
.split-line[data-v-6212a469] {
  width: 100%;
  height: 1px;
  background: rgba(223, 223, 223, .5);
  margin: 16px 0;
}

#search-bar[data-v-7eb1c7fd] {
  position: relative;
  height: 100%;
  border-left: 1px solid #dfdfdf;
}
.utm-search-box .utm-search-list[data-v-7eb1c7fd] {
  height: 100%;
  max-height: calc(100% - 131px);
  padding: 0 16px 16px 16px;
}
.utm-search-box .utm-search-list .utm-search-btn[data-v-7eb1c7fd] {
  margin-bottom: 8px;
}
.utm-search-box .utm-search-list .utm-search-btn i[data-v-7eb1c7fd] {
  font-size: 20px;
}
#search-bar .utm-search-item[data-v-7eb1c7fd] {
  font-size: 14px;
  vertical-align: middle;
}
#search-bar .utm-search-item .utm-search-title[data-v-7eb1c7fd] {
  display: block;
  margin: 8px 0;
  font-weight: bold;
}
#search-bar .utm-search-item .utm-linkage .ivu-input-number.ivu-input-number-large[data-v-7eb1c7fd]{
  width: 100%; 
  border: 0;
  height: 38px;
  border-left: 1px solid rgba(223, 223, 223, 1);
  border-radius: 0 8px 8px 0;
}
#search-bar .utm-search-item .utm-linkage .ivu-input-number.ivu-input-number-large.ivu-input-number-focused[data-v-7eb1c7fd]{
  -webkit-box-shadow: none;
          box-shadow: none;
}
.show-hide-advanced[data-v-7eb1c7fd] {
  cursor: pointer;
}
@-webkit-keyframes arrowUp-data-v-7eb1c7fd {
0% {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
@keyframes arrowUp-data-v-7eb1c7fd {
0% {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
@-webkit-keyframes openDown-data-v-7eb1c7fd {
0% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
@keyframes openDown-data-v-7eb1c7fd {
0% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
}
100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg)
}
}
.selected-time-item[data-v-7eb1c7fd] {
  height: 40px;
  font-size: 16px;
  color: #333;
  background: rgba(251, 250, 249, 1);
  border: 1px solid rgba(223, 223, 223, 1);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.selected-time-item:hover .ivu-icon-ios-close-circle[data-v-7eb1c7fd] {
  display: block;
}
.selected-time-item .ivu-icon-ios-close-circle[data-v-7eb1c7fd] {
  display: none;
}
.selected-time-item[data-v-7eb1c7fd]:hover {
  border: 1px solid rgba(184, 147, 87, 1);
  outline: unset;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
}
.selected-time-item .time-panel[data-v-7eb1c7fd] {
  position: absolute;
  top: 40px;
  left: 0;
  width: 300px;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 8px 16px;
  z-index: 5;
  display: none;
}
@media screen and (min-width: 1700px){
.selected-time-item .time-panel[data-v-7eb1c7fd] {
    right: 0;
    left: unset;
}
}
.panel-item .period-time[data-v-7eb1c7fd] {
  margin: 0 -5px 8px -5px;
}
.panel-item .panel-item-radio[data-v-7eb1c7fd] {
  margin-bottom: 8px;
}
.period-time .utm-date-picker.period-picker[data-v-7eb1c7fd] {
  width: 127px;
}
.selected-time-item .current-time-item[data-v-7eb1c7fd] {
  display: inline-block;
  height: 100%;
  width: 100%;
  line-height: 30px;
  padding: 4px 8px;
}
.selected-time-item .period-operation[data-v-7eb1c7fd] {
  text-align: right;
  margin-top: 8px;
}
/*部门搜索*/
.search-department-box[data-v-7eb1c7fd]{
  margin: 0;
  padding: 0;
  position: relative;
}
.search-department-box .search-btn[data-v-7eb1c7fd]{
  font-size: 16px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  margin: 0 4px;
}
.search-department-box .search-btn[data-v-7eb1c7fd]:hover{
  color: #BCA480;
}
.search-department-box .search-department-tree[data-v-7eb1c7fd]{
  position: absolute;
  top: 40px;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  z-index: 9;
  padding: 8px;
  display: none;
  width: 310px;
}
.search-department-tree .utm-tree-department-box[data-v-7eb1c7fd]{
  margin-top: 8px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 400px;
  min-width: 100%;
}
.search-department-tree .search-department-box>.utm-tree-department[data-v-7eb1c7fd]{
  padding-left: 20px;
}
.search-department-tree .search-department-box>.utm-tree-department ul[data-v-7eb1c7fd]{
  margin-left: 32px;
}
.search-department-tree .search-department-box .utm-checkbox-wrapper[data-v-7eb1c7fd]{
  min-height: 32px;
  padding: 4px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
}
.search-department-tree .search-department-box .utm-checkbox-wrapper .utm-checkbox[data-v-7eb1c7fd]{
  min-width: 16px;
}
.search-department-tree .search-department-box .utm-checkbox-wrapper .utm-checkbox-text[data-v-7eb1c7fd]{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-department-tree .search-department-box .utm-tree-department li[data-v-7eb1c7fd]{
  position: relative;
}
.search-department-tree .search-department-box .utm-tree-department li .arrow[data-v-7eb1c7fd]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -20px;
  top: 8px;
  cursor: pointer;
}
.search-department-tree .search-department-box .utm-tree-department li .arrow i[data-v-7eb1c7fd]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.search-department-tree .search-department-box .utm-tree-department li .arrow.open i[data-v-7eb1c7fd]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
/*已选的部门*/
.utm-search-list .utm-select.utm-multiple-select[data-v-7eb1c7fd]{
  position: relative;
}
.utm-search-list .utm-select.utm-multiple-select .select-departmen-box[data-v-7eb1c7fd]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-search-list .utm-select.utm-multiple-select:hover .select-departmen-box[data-v-7eb1c7fd]{
  margin-right: 16px;
}
.utm-search-list .utm-select.utm-multiple-select:hover .clear-department[data-v-7eb1c7fd]{
  display: inline-block;
}
.utm-search-list .utm-select.utm-multiple-select .clear-department[data-v-7eb1c7fd]{
  color: #666;
  position: absolute;
  right: 4px;
  top: 12px;
  display: none;
  cursor: pointer;
}
.search-department-box .utm-select.utm-multiple-select .select-departmen-box .ivu-tag[data-v-7eb1c7fd]{
  margin:0 4px 0 0;
  padding: 0 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#search-bar .search-title[data-v-7eb1c7fd]{
  padding: 16px;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  font-size:16px;
  font-weight:bold;
  color:rgba(51,51,51,1);

  white-space: nowrap;
}
#search-bar .search-footer-btn[data-v-7eb1c7fd]{
  padding: 15px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(255,255,255,1);
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  width: 100%;
  z-index: 1;
}
#search-bar .search-footer-btn.transparent[data-v-7eb1c7fd]{
  background: transparent;
  border: none;
}
.search-footer-btn .utm-btn[data-v-7eb1c7fd]{
  margin: 0 10px;
  width: 123px
}
.search-footer-btn .utm-btn i[data-v-7eb1c7fd]{
  margin-right: 6px;
  font-size: 24px;
}
.input-group-box[data-v-7eb1c7fd]{
  display: block;
}
.utm-date-group.search-date-group[data-v-7eb1c7fd]{
  display: block;
}
.utm-date-group.search-date-group .select-time-to[data-v-7eb1c7fd]{
  width: 100%;
  padding: 8px;
}
/*邮箱下拉项*/
.card-box[data-v-7eb1c7fd]{
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0px 1px 16px rgba(0,0,0,.2);
          box-shadow: 0px 1px 16px rgba(0,0,0,.2);
  top: 40px;
  left: 0;
  background-color: rgba(255,255,255,1);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 99;
  min-width: calc(100% - 80px);
  padding: 4px 0;
}
.card-box li[data-v-7eb1c7fd]{
  padding: 8px 16px;
}
.card-box li.return-card-number[data-v-7eb1c7fd]:hover{
  background: rgba(236, 226, 211, 1);
}
/*下拉框选项宽度限制，超出显示省略号*/
#search-bar .utm-select.utm-multiple-select .ivu-select-item[data-v-7eb1c7fd]{
  overflow: hidden;
  text-overflow: ellipsis;
}
#search-bar .utm-select .ivu-select-item[data-v-7eb1c7fd]{
  overflow: hidden;
  text-overflow: ellipsis;
}
#search-bar .utm-select-group .utm-select .ivu-select-item[data-v-7eb1c7fd]{
  max-width: 208px;
}
/* 人脸搜索 */
.face-upload-box[data-v-7eb1c7fd]{
  background: #ffffff;
  border-radius: 4px;
  padding: 19px 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  border: 1px solid #dfdfdf;
  height: 115px;
  width: 100%;
  position: relative;
}
.upload-content .upload-btn[data-v-7eb1c7fd]{
  color:  #059fe8;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.upload-content .upload-btn i[data-v-7eb1c7fd]{
  color:  #059fe8;
  font-size: 24px;
  vertical-align: middle;
}
.upload-content .upload-tips[data-v-7eb1c7fd]{
  font-size: 12px;
}
.face-upload-box .upload-content[data-v-7eb1c7fd]{
  text-align: center;
}
.face-upload-box .img-box[data-v-7eb1c7fd]{
  left: 16px;
  position: absolute;
  width: 64px;
  height: 82px;
  top: 16px;
}
.img-box .face-img[data-v-7eb1c7fd]{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.00);
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.img-box .del-face[data-v-7eb1c7fd]{
  color: rgb(106 106 106);
  font-size: 14px;
  position: absolute;
  right: -6px;
  top: -6px;
  cursor: pointer;
  display: none;
}
.add-icon[data-v-7eb1c7fd]{
  position: relative;
  top:-2px
}
.face-upload-box .img-box:hover .del-face[data-v-7eb1c7fd],.face-upload-box .img-box:hover .replace-btn[data-v-7eb1c7fd]{
  display: block;
}
.replace-btn[data-v-7eb1c7fd]{
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, .7);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
  font-size: 14px;
  cursor: pointer;
}
.face-upload-box .upload-status[data-v-7eb1c7fd]{
  position: relative;
  left: 38px;
  top: 5px;
  width: 169px;
}
.abnormal .img-box[data-v-7eb1c7fd]{
  border: 2px solid #f66f6a;
  border-radius: 4px;
  font-size: 0;
}
.abnormal .upload-status[data-v-7eb1c7fd]{
  color: #F66F6A;
}
.checking-text[data-v-7eb1c7fd] {
  font-weight: bold;
}
.face-upload-box.abnormal .upload-status i[data-v-7eb1c7fd]{
  display: inline-block;
}
.upload-status i[data-v-7eb1c7fd] {
  font-size: 14px;
  color: #F66F6A;
  vertical-align: middle;
  display: none;
}
.upload-status span[data-v-7eb1c7fd]{
  margin-left: 8px;
}
.loading-mask .loading-icon[data-v-7eb1c7fd]{
 color: #fff;
 position: absolute;
 -webkit-animation: loadingRotate-data-v-7eb1c7fd 1s infinite;
         animation: loadingRotate-data-v-7eb1c7fd 1s infinite;
 font-size: 16px;
}
@-webkit-keyframes loadingRotate-data-v-7eb1c7fd{
from{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loadingRotate-data-v-7eb1c7fd{
from{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.img-box .loading-mask[data-v-7eb1c7fd]{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: rgba(0,0,0,0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content-box .content-top[data-v-7eb1c7fd]{
  padding: 24px;
  border-bottom: 1px solid #DFDFDF;
}
.content-box .content-table[data-v-7eb1c7fd]{
  padding: 24px;
}
.module-tab[data-v-7eb1c7fd]{
  margin: -10px 0 14px 0;
  border-bottom: 1px solid #ddd;
}
.module-tab .tab-item[data-v-7eb1c7fd]{
display: inline-block;
margin-right: 20px;
color: #333;
cursor: pointer;
}
.module-tab .tab-item.active[data-v-7eb1c7fd]{
color: var(--main-color);
border-bottom: 2px solid var(--main-color);
text-align: center;
}
.tooltip-more-text[data-v-7eb1c7fd]{
color: var(--main-color);
cursor: pointer;
}
.search-tip-text[data-v-7eb1c7fd]{
  margin-top: 12px;
}
.utm-face-tip-icon[data-v-7eb1c7fd]{
  color: #059fe8;
  font-weight: bold;
}
.utm-el-cascader[data-v-7eb1c7fd] .el-input__suffix-inner .el-input__icon {
  font-size: 16px;
  color: #666;
}
.utm-el-cascader[data-v-7eb1c7fd] .el-input__icon.el-icon-circle-close::before {
  font-family: Ionicons, sans-serif !important;
  content: '\F177';
}
/**************tree-select搜索****************/
.utm-multiple-check[data-v-7eb1c7fd] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  border: 1px solid #dcdee2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 4px;
}
.utm-multiple-check[data-v-7eb1c7fd]:hover{
  border: 1px solid rgba(5, 154, 232, 1);
}
.utm-multiple-check.focus-box[data-v-7eb1c7fd] {
  border: 1px solid rgba(5, 154, 232, 1);
  outline: unset;
  -webkit-box-shadow: 0 0 0 2px #d2f0ff;
          box-shadow: 0 0 0 2px #d2f0ff;
}
.utm-multiple-check .tag-checked-box[data-v-7eb1c7fd] {
  height: 100%;
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  color: #b4b4b4;
  font-size: 16px;
  padding-left: 6px ;
}
.search-box[data-v-7eb1c7fd]{
  width: 852px;
  height: 723px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  overflow: hidden;
  padding: 16px;
}
.tree-box[data-v-7eb1c7fd]{
  height: 666px;
  overflow: auto;
  padding: 0 20px;
}
.checked-name[data-v-7eb1c7fd]{
  height: 32px;
    line-height: 30px;
    margin: 2px 4px 3px 0;
    padding: 0 8px 0 8px;
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    vertical-align: unset;
    opacity: 1;
    overflow: hidden;
    border: 1px solid #e8eaec;
    border-radius: 3px;
    background: #f7f7f7;
    position: relative;
    color: #515a6e
}
.hasText[data-v-7eb1c7fd]{
  display: inline-block;
  width: 92%;
  margin-right: 4px;
}

#search-bar .utm-select.ivu-select .ivu-select-dropdown{
  max-width: 275px;
  max-height: 150px;
}
#search-bar .desc-span{
  color: #b4b4b4;
}


.utm-multiple-check[data-v-dec141dc] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-dec141dc] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-dec141dc] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-dec141dc] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
.check-option .utm-ok-icon[data-v-dec141dc]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-dec141dc]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-dec141dc]:hover,
.multiple-check-panel .check-option.active[data-v-dec141dc] {
  background: #F0F6FF;
}
.utm-multiple-check .utm-tag[data-v-dec141dc] {
  background: #fff;
}
.tag-checked-box .check-tips[data-v-dec141dc] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-dec141dc] {
  padding: 0;
  border: 0;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-dec141dc]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-dec141dc]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-dec141dc] {
  margin: 8px;
}
.tag-checked-box .checked-name[data-v-dec141dc]{
  color: #515a6e;
  line-height: 40px;
  font-size: 16px;
}
.schedule-details[data-v-dec141dc]{
  color: #2172F6;
  margin-left: 12px;
  cursor: pointer;
}
.user-text[data-v-dec141dc]{
  margin-left: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.point-check-control .access-code-group .utm-checkbox-wrapper[data-v-dec141dc]{
  padding-left: 18px;
  position: relative;
}
.point-check-control .substance-right .selected-list .selected-item[data-v-dec141dc]{
  overflow: unset;
}
.point-check-control .selected-item .selected-text[data-v-dec141dc]{
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.advance-point-box[data-v-dec141dc]{
  background: rgba(var(--main-color-rgb),5%);
  border-radius: 4px;
  padding: 16px 24px;
  margin-top: 16px;
}
.point-box-title[data-v-dec141dc]{
  margin-bottom: 12px;
  font-weight: 400;
}
.skip-text[data-v-dec141dc]{
  color: #059fe8;
  cursor: pointer;
}
.area-detail-model[data-v-dec141dc]{
  padding: 0 25px;
}
.utm-time-box[data-v-dec141dc] {
  width: 513px;
  height: 64px;
  opacity: 1;
  background: #f0f6ff;
  border-radius: 4px;
  margin-left: 156px;
  padding: 12px;
}
.utm-time-box .utm-control-group[data-v-dec141dc]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-substance-box[data-v-dec141dc]{
  background: #fff;
}
.check-substance-box .apply-box-left > ul[data-v-dec141dc]{
  max-height: 420px;
}
.check-substance-box ul[data-v-dec141dc]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-dec141dc]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-dec141dc]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-dec141dc]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-dec141dc]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#vehicle-passback .check-substance-box .substance-left[data-v-dec141dc] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#vehicle-passback .check-substance-box .substance-right[data-v-dec141dc]{
  width: 40%;
}
#vehicle-passback .check-substance-box .substance-right .selected-list > ul[data-v-dec141dc]{
  margin-left: 16px;
}
#vehicle-passback .substance-right .selected-list .selected-item[data-v-dec141dc] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#vehicle-passback .selected-item-text[data-v-dec141dc]{
  display: inline-block;
  padding: 4px 0;
}
#vehicle-passback .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-dec141dc]{
  right: -16px;
  top: 6px;
}
#vehicle-passback .selected-item .utm-font[data-v-dec141dc]{
  font-size: 16px;
  color: #b4b4b4;
  margin-right: 4px;
  z-index: 99;
}
#vehicle-passback .utm-modal-wrap .utm-modal-box[data-v-dec141dc]{
  top: 16px;
}
.utm-table .more-option[data-v-dec141dc]{
  margin-right: 8px;
  display: inline-block;
}
.utm-table .more-option .option-title[data-v-dec141dc]{
  display: inline-block;
  max-width: 200px;
  vertical-align: middle;
}
.utm-controls-zone-item[data-v-dec141dc] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-dec141dc]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-dec141dc]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-dec141dc]{
  max-height: 420px;
}
.check-substance-box ul[data-v-dec141dc]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-dec141dc]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-dec141dc]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-dec141dc]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-dec141dc]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/**************选择tag****************/
.utm-multiple-check[data-v-dec141dc] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-dec141dc] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-dec141dc] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-dec141dc] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-dec141dc]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-dec141dc]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-dec141dc]:hover,
.multiple-check-panel .check-option.active[data-v-dec141dc] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-dec141dc]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-dec141dc] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-dec141dc] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-dec141dc] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-dec141dc]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-dec141dc]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-dec141dc]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-dec141dc] {
  margin: 8px;
}

/**************选择tag****************/
.tag-checked-box .checked-name[data-v-dec141dc]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-dec141dc]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-dec141dc]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-dec141dc] {
  font-size: 14px;
}
.site-check-box hr[data-v-dec141dc]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}

/*************************列表AC**********************/
.table-validity[data-v-dec141dc]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-dec141dc] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-dec141dc] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-dec141dc] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-dec141dc],
.ac-options .ac-loading-box[data-v-dec141dc]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-dec141dc],
.ac-loading-box .loading-icon[data-v-dec141dc] {
  -webkit-animation: ani-demo-spin-data-v-dec141dc 1s linear infinite;
          animation: ani-demo-spin-data-v-dec141dc 1s linear infinite;
}
.utm-table .user-more-option[data-v-dec141dc] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-dec141dc] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-dec141dc]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-dec141dc] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-dec141dc]{
  max-width: 220px;
}
.permanent-text[data-v-dec141dc] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}

/*************************列表AC**********************/

/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-dec141dc] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-dec141dc] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-dec141dc] {
  height: 42px;
}

/*部门-用户树形*/
.department-option .expand-icon[data-v-dec141dc] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-dec141dc] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-dec141dc] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-dec141dc]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-dec141dc] {
  -webkit-animation: ani-demo-spin-data-v-dec141dc 1s linear infinite;
          animation: ani-demo-spin-data-v-dec141dc 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-dec141dc {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-dec141dc {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-dec141dc]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-dec141dc]{
  color: #999;
}

/*批量选中更多操作*/
.utm-btn.more-btn[data-v-dec141dc]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-dec141dc]{
  display: block;
}
.more-btn i[data-v-dec141dc]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-dec141dc]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-dec141dc]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-dec141dc]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-dec141dc]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-dec141dc]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-dec141dc]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-dec141dc]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-dec141dc]{
  color: var(--main-color);
  cursor: pointer;
}
#arming_management[data-v-dec141dc]{
   height: 100%;
}
#arming_management .utm-control-label[data-v-dec141dc]{
   width: 180px;
}
#arming_management .utm-controls[data-v-dec141dc]{
   margin-left: 180px;
}
.outPut-box[data-v-dec141dc]{
   padding: 16px;
   background: #ffffff;
   border: 1px solid #dfdfdf;
   border-radius: 4px;
   position: relative;
   margin-bottom: 12px;
}
.output-item[data-v-dec141dc]{      
   background: #EFF6F9;
   border-radius: 4px;
   padding: 8px;
}
.outPut-title[data-v-dec141dc]{
   display: inline-block;
   width: 140px;
   margin-right: 16px;
   vertical-align: middle;
   line-height: 40px;
   text-align: right;
   font-weight: 700;
   color: #333333;
}
.add-icon[data-v-dec141dc]{
   color: #05aee8;
   font-size: 14px;
   font-weight: 700;
   margin-left: 176px;
}
.add-icon i[data-v-dec141dc] {
   color: #05aee8;
   font-size: 16px;
   font-weight: normal;
}
.close-icon[data-v-dec141dc]{
   font-size: 16px;
   color: #898989;
   position: absolute;
   right: -8px;
   top: -11px;
}
.close-icon-port[data-v-dec141dc]{
   font-size: 16px;
   color: #898989;
   position: absolute;
   right: -8px;
   top: -12px;
}
.title-name[data-v-dec141dc]{
   font-size: 16px;
   color: rgba(0,0,0,0.85);
   font-weight:700;
   margin-bottom:8px;
}
.utm-main-click[data-v-dec141dc]{
   color: #05aee8;
   cursor: pointer;
}
.view-btn[data-v-dec141dc]{
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 4px;
   width:62px;
   height:27px;
   border: 1px solid var(--main-color);
   background: #fff;
   color: var(--main-color);
}
.view-btn.view-btn-disabled[data-v-dec141dc]{
   color: #b4b4b4;
   border: 1px solid #b4b4b4;
   cursor: not-allowed;
   pointer-events: none;
}
.no-az-box[data-v-dec141dc]{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #CD4746;
}
.no-az-box .arming-area-name[data-v-dec141dc]{
   white-space: nowrap;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   max-width: unset;
}
.zone-icon[data-v-dec141dc]{
   color: rgba(5,159,232,1);

   font-size: 16px;
}
.abnormal-equipment-tips[data-v-dec141dc]{
   margin-bottom: 16px;
   font-size: 16px;
   color: #000;
}
.output-condition-time[data-v-dec141dc]{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.output-condition-time .utm-radio-group[data-v-dec141dc]{
   vertical-align: text-top;
}
.flex-row-between[data-v-dec141dc]{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -ms-flex-line-pack: start;
       align-content: start;
}
.outPut-title.must-fill[data-v-dec141dc]::before {
    content: '*';
    font-size: 12px;
    color: #ed3f14;
    width: 8px;
}

.origial-img .portrait-bg[data-v-1429e7ae] {
  display: inline-block;
  width: 34px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 20px;
  margin-right: 10px;
  padding: 2px 4px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid #ddd;
}
.origial-img .portrait-bg span[data-v-1429e7ae] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA+CAYAAADwKVM6AAAGX0lEQVR4nO2bW6gVVRiAvzXbDkUkQQeMboggp6jowulRqqcs0oKinpQMiqAeiopKX4rQBymx20tWahkGRr2EBfUQlR2wIySk0YUudEMoELuRembFmv3PnLVnZs+evZ2Zs8/2/2DOmT2zZl3/9a9/XX4URVEUpR5MOlZrbW2JTU5O9gpi8/LkMz093U/8Lq4VwG3AMuBc4B/gO+AD4GXgy7JplMj/emCt3P8BfAW8DzwP/N5n/OPAfcB1wFLgLHn+BPB4USb27dvXK5+lCSqLafi4AtgLrAM+Aq4GThUhuQv4S4TksQpz7tJ6GvgYuAR4GDgDOAjc00c8q4HPgdOBB4FLgT3Axl7CUTULmkysQW4AtgIPATtEM8X8CXwm1yZgUcXZcmluBnZKPj4FngPeAULgxR7frxIt5DTe98BpwG6neIBHmq7IURSQi2XoWCEapIgjclXNA6IFjkq8PwDXS35cY//cJb1FoiVi4UDicML+Wq211oVRHGK2SA/sJRx14jTWdmDGS+Mn4CVgTUG6dwBvAN96z1wcr6a0YGOMmoAsB8aAbUOQlzzeAm4seL8S2DV32csyakPMrcALNfa2fuNNz8i+AC4sCD8B7K8h3YEZNQ1yLfBhzWmYklcex3o09kLg7xrSHZimNUiZntArTFElnAf82GeemuZwQXrOMD1FBGkoyAjI5OTkCavn6enpbo3YS8J7LpT14KhU8H8DfLsE2ABcBFx2AnnoxeKC9xM1pjsQGQEpaNz5wC/A+alZQBEtMRrdItaV0rt3zuPyV86o2SCfyBpCWcZlzeJ14ALgV1mxVIRRE5A3gXv7GKYOAdfIautSueo2cucVoyYg74kdsrrP7wJZHt80TAbiMDCKS+13yybcAdm/KMMGCfPM3GV7OBnFpXa3GHWn7Hms6jHcnClL825L/fbU0vhJDyO83b9bdlLddvuUbO8vlvK63dGrgCeBr0WAlsn5DSVFo0NM0WEfocoptkvscuBm4BbgUeAceecE411ZeT3QZ7xzsmk2V+k2eqJMaQZjqutno3yiTKkAFRClkIwNMrbtkNaYkqAaRClEBUQpZNgEpOoplJFjfDvknMhxOaTsXAqekq39KlkvZbDiB7NH3BTGB0hjXL6dkrjieLu6PZgaZsIZAXGJpBOqI+EGGHm/mCbaJTNhHnvlN2yF8+g+OdEDQ1GlWUyRX4zPQnE1+KbicmyWQ0cuH//KKq7zi3m2pF/MOnGT8P1i3FnV+6V8hREcW3N2ZQXJXUmNJbNXRoYNqbzIL8ZgI7+YuAzpipUyHrGYOfOLyWnsRQa70WI6/GIMdqvFFPrF1KVNMkOM0x5WBpom8QuYHuY67q2dvfAu265sg91isGstZm9HGWxnPHWW0WCtwW432Bkvj4lfTF4HlGeRX4zBdvjFWEzkF1MkBH5tVMmcGamZwloIbBg1NLEgSMPH4d17+TH7vcV/ttxixrBs84XMtKWjMaH300k1XOQXI4Kc981Ki9nla710mKY7bqObdb5KjSpJGj+wM4SmlYQhtBK2hXFCYcEGQds2iuVCNF2qvtp+Ma4LpxqpIjJd2C9TfO9pCJMKk/jFpIVAfk8Y7H6/jpIilKjbjp8V0bgGcVogCGdohccjwTCiFdw9XqXEje8EIwxaHc/o3uiRX0zNvazDD0WEIHPvf+Dl51g8VPiC4b1faDF9+cUYF53kQ65KC9uIBklUfRha316IZ0ux9ogDW9OW2zwtEPfKLgyFX0w3w1g4nLY9vN8dfjF52il9X/eQk6dBbNkr0uT5YRObIRYIE0b3kZSHQcuErZaxQRBd0WhjjJFhI+kNA3iOxX4xg7BEHKfzXB9L0cWuSLO4IMyEfya22zDZpB2SJyBlXfySRozVnN+I7ZlG6NkMQaQp2v+DDuOtwgLHfjFlcarrJjk8NCWLa28Pmvh8WxYoQ0ZA4plEmXl1HM799b9LxlcTtN/LqBBpiHoX4dQvpmKyS+1RQ4eJNZ4MEd50M5lySlsnQuC1faQljIn+I8LRAOoXUzE5AtK5/tB+ONvAsY4IPUMy7yI9I2kG9YupmMwsZiZYkOl/3azudMOX2SdoAPWLqZDCpfY8A7JIAIbESFO/mApRvxj1iylk2Fwv1S9m+NJVFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFOWkAPgf8GNjizO5keMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.origial-img .portrait-rotate-left[data-v-1429e7ae] {
  background-position: -72px 0px;
}
.origial-img .portrait-rotate-right[data-v-1429e7ae] {
  background-position: -96px 0px;
}
.origial-img .portrait-plus[data-v-1429e7ae] {
  background-position: -24px 0px;
}
.origial-img .portrait-mini[data-v-1429e7ae] {
  background-position: 0px 0px;
}
.origial-img .portrait-reset[data-v-1429e7ae] {
  background-position: -48px 0px;
}
.origial-img .portrait-rotate-left[data-v-1429e7ae]:hover {
  background-position: -72px -24px;
}
.origial-img .portrait-rotate-right[data-v-1429e7ae]:hover {
  background-position: -96px -24px;
}
.origial-img .portrait-plus[data-v-1429e7ae]:hover {
  background-position: -24px -24px;
}
.origial-img .portrait-mini[data-v-1429e7ae]:hover {
  background-position: 0px -24px;
}
.origial-img .portrait-reset[data-v-1429e7ae]:hover {
  background-position: -48px -24px;
}
#cameraModal .ivu-modal-header p[data-v-1429e7ae], .ivu-modal-header-inner[data-v-1429e7ae] {
  font-size: 20px;
}
.utm-modal-box.cut-map-modal[data-v-1429e7ae] {
  width: 776px;
  z-index: 101;
}
.utm-modal-body.cut-map-box[data-v-1429e7ae] {
  padding: 0 24px;
}
#cameraModal .map-img-box[data-v-1429e7ae] {
  width: 100%;
  height: 350px;
  border: 1px dashed rgba(153, 153, 153, 1);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(251, 250, 249, 1);
}
.map-img-box .img-content[data-v-1429e7ae] {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.img-content .img-operate-bg[data-v-1429e7ae]{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 40px;
  background-color: rgba(0,0,0,0.2);
}
.img-content .img-operate[data-v-1429e7ae] {
  position: absolute;
  right: 8px;
  top: 4px;
}
.img-operate .operate-action[data-v-1429e7ae] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  line-height: 32px;
  margin-left: 4px;
  text-align: center;
}
.img-operate .operate-action i[data-v-1429e7ae] {
  font-size: 22px;
}
#cameraModal .map-img-box img[data-v-1429e7ae] {
  max-height: 260px;
  max-width: 450px;
}
#cameraModal .map-img-box.drop-file[data-v-1429e7ae] {
  border-color: rgba(193, 173, 93, 1);
}
.map-img-box .upload-map-box[data-v-1429e7ae] {
  text-align: center;
}
.map-img-box .upload-map-box i[data-v-1429e7ae] {
  color: #7AC9F1;
  font-size:43px;
}
/**************选择tag****************/
.utm-multiple-check[data-v-77a3fb03] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-77a3fb03] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-77a3fb03] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-77a3fb03],
.multiple-check-panel .no-search-data p[data-v-77a3fb03]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-77a3fb03] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-77a3fb03] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-77a3fb03]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-77a3fb03]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-77a3fb03]:hover,
.multiple-check-panel .check-option.active[data-v-77a3fb03] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-77a3fb03]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-77a3fb03] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-77a3fb03] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-77a3fb03] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-77a3fb03]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-77a3fb03]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-77a3fb03]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-77a3fb03] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-77a3fb03]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-77a3fb03]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-77a3fb03], .slide-fade-leave-to[data-v-77a3fb03]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-77a3fb03]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-77a3fb03]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-77a3fb03]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-77a3fb03]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-77a3fb03]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-77a3fb03]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-77a3fb03]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-77a3fb03]{
  width: 100%;
}
.user-basic-module .face-box[data-v-77a3fb03]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-77a3fb03]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-77a3fb03]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-77a3fb03]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-77a3fb03]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-77a3fb03]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-77a3fb03]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-77a3fb03]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-77a3fb03] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-77a3fb03]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-77a3fb03]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-77a3fb03]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-77a3fb03]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-77a3fb03]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-77a3fb03]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-77a3fb03]{
  position: relative;
}
.step-node .step-desc[data-v-77a3fb03]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-77a3fb03]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-77a3fb03]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-77a3fb03]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-77a3fb03]:nth-child(1),
.user-config-info .config-info-box[data-v-77a3fb03]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-77a3fb03]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-77a3fb03]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-77a3fb03]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-77a3fb03]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-77a3fb03]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-77a3fb03]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-77a3fb03]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-77a3fb03]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-77a3fb03]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-77a3fb03]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-77a3fb03],.destination-item .schedule-name[data-v-77a3fb03]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-77a3fb03] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-77a3fb03]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-77a3fb03]{
  display: block;
}
.schedule-details .schedule-panel[data-v-77a3fb03]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-77a3fb03]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-77a3fb03]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-77a3fb03]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-77a3fb03]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-77a3fb03]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-77a3fb03]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-77a3fb03]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-77a3fb03]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-77a3fb03]{
  margin-right: 16px;
}
.print-card-box[data-v-77a3fb03]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-77a3fb03]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-77a3fb03]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-77a3fb03]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-77a3fb03]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-77a3fb03]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-77a3fb03]{
  max-height: 90px;
}
.basic-info .user-name[data-v-77a3fb03]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-77a3fb03]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-77a3fb03]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-77a3fb03]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-77a3fb03]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-77a3fb03]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-77a3fb03]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-77a3fb03]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-77a3fb03]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-77a3fb03]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-77a3fb03]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-77a3fb03]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-77a3fb03]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-77a3fb03]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-77a3fb03]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-77a3fb03]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-77a3fb03]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-77a3fb03]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-77a3fb03]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-77a3fb03]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-77a3fb03]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-77a3fb03]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-77a3fb03]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-77a3fb03]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-77a3fb03]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-77a3fb03],
.details-module .details-module-name[data-v-77a3fb03]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-77a3fb03]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-77a3fb03]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-77a3fb03]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-77a3fb03]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-77a3fb03]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-77a3fb03]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-77a3fb03]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-77a3fb03]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-77a3fb03]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-77a3fb03]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-77a3fb03]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-77a3fb03]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-77a3fb03]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-77a3fb03]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-77a3fb03]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-77a3fb03]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-77a3fb03]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-77a3fb03]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-77a3fb03]{
  text-align: left;
}
.basic-info-box .content-area[data-v-77a3fb03]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-77a3fb03]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-77a3fb03]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-77a3fb03]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-77a3fb03]{
  z-index: 1;
}
.card-status-tooltip[data-v-77a3fb03]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-77a3fb03]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-77a3fb03]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-77a3fb03]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-77a3fb03]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-77a3fb03]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-77a3fb03] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-77a3fb03] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-77a3fb03] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-77a3fb03] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-77a3fb03]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-77a3fb03] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-77a3fb03] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-77a3fb03] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-77a3fb03]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-77a3fb03]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-77a3fb03]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-77a3fb03]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-77a3fb03]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-77a3fb03]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-77a3fb03]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-77a3fb03]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-77a3fb03]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-77a3fb03], .slide-fade-leave-to[data-v-77a3fb03]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-77a3fb03]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-77a3fb03]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-77a3fb03]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-77a3fb03]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-77a3fb03]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-77a3fb03]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-77a3fb03]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-77a3fb03]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-77a3fb03]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-77a3fb03]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-77a3fb03]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-77a3fb03]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-77a3fb03]{
  font-size: 18px;
}
.add-new-btn[data-v-77a3fb03]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-77a3fb03]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-77a3fb03]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-77a3fb03] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-77a3fb03]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-77a3fb03]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-77a3fb03]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-77a3fb03]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-77a3fb03]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-77a3fb03]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-77a3fb03]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-77a3fb03]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-77a3fb03]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-77a3fb03]{
  font-weight: bold;
}
.dcsItem-div1[data-v-77a3fb03]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-77a3fb03]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-77a3fb03]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-77a3fb03] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-77a3fb03]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-77a3fb03]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-77a3fb03]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-77a3fb03]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-77a3fb03]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-77a3fb03]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-77a3fb03]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-77a3fb03]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-77a3fb03]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-77a3fb03]{
  margin-left: 0;
}
#edit-point-ac .module-substance[data-v-77a3fb03] {
  max-width: 1090px;
  margin: 0 auto;
}
#edit-point-ac .module-substance.schedule-module[data-v-77a3fb03] {
  max-width: 950px;
}
.access-point-box[data-v-77a3fb03] {
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.add-schedule-box[data-v-77a3fb03] {
  color: #059fe8;
  cursor: pointer;
  font-weight: bold;
}
.add-schedule-box i[data-v-77a3fb03] {
  color: #059fe8;
  font-size: 16px;
}
.points-to-access[data-v-77a3fb03] {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 0px 0px 4px 4px;
  border-top-color: #fff;
  padding: 15px;
}
.points-to-access > p .utm-font[data-v-77a3fb03] {
  font-size: 16px;
  margin-right: 4px;
}
.point-content .delete-btn[data-v-77a3fb03] {
  position: absolute;
  right: -9px;
  top: -11px;
  font-size: 18px;
  color: #8c8c8c;
}
.selected-item.select-code-name[data-v-77a3fb03] {
  margin-right: 16px;
  position: relative;
}
.selected-item.select-code-name .utm-font[data-v-77a3fb03] {
  font-size: 16px;
  margin-right: 4px;
}
.points-to-access .points-list-text[data-v-77a3fb03] {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  line-height: 16px;
}
.form-horizontal .point-content[data-v-77a3fb03] {
  margin-bottom: 8px;
  position: relative;
}
.utm-search-combination .add-schedule-btn[data-v-77a3fb03] {
  position: relative;
  padding: 0;
  display: inline-block;
  margin-left: 0;
  min-width: auto;
  opacity: 1;
}
.add-schedule-btn .add-schedule-panel[data-v-77a3fb03] {
  position: fixed;
  right: 0;
  top: 40px;
  width: 418px;
  background: #fff;
  border-radius: 4px;
  padding: 16px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  display: none;
  text-align: left;
  z-index: 901;
}
.add-schedule-panel span[data-v-77a3fb03] {
  color: #393939;
  font-weight: bold;
}
.add-schedule-panel .schedule-btn-box[data-v-77a3fb03] {
  text-align: right;
}
.utm-select.schedule-select[data-v-77a3fb03] {
  margin: 16px 0;
}
#edit-point-ac .module-footer-box[data-v-77a3fb03] {
  position: absolute;
  bottom: 24px;
  margin: 0;
}
.form-horizontal.content-area[data-v-77a3fb03] {
  margin-top: 9px;
}
.check-substance-box.delete-type-area[data-v-77a3fb03] {
  margin-top: 16px;
}
#edit-point-ac[data-v-77a3fb03] {
  height: 100%;
  background-color: #ebeff2;
}
#edit-point-ac .content-box[data-v-77a3fb03] {
  background-color: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  height: calc(100% - 56px)
}
#edit-point-ac .page-top-step[data-v-77a3fb03] {
  text-align: center;
}
#edit-point-ac .add-module-content[data-v-77a3fb03] {
  margin-top: 16px;
  height: calc(100% - 208px);
  overflow-y: auto;
}
#edit-point-ac .ac-config-info[data-v-77a3fb03] {
  padding: 16px;
  background-color: #f5fafb;
  margin: 16px 0;
}
#edit-point-ac .utm-tag .tag-text[data-v-77a3fb03] {
  margin: 0 4px;
  max-width: 250px;
}
#edit-point-ac .check-substance-box .substance-left .options-box[data-v-77a3fb03] {
  max-height: 380px;
}
#edit-point-ac .check-substance-box .substance-right .selected-list[data-v-77a3fb03] {
  max-height: 450px;
}
#edit-point-ac .more-text[data-v-77a3fb03] {
  color: #0598e8;
  cursor: pointer;
}
#edit-point-ac .utm-module-title[data-v-77a3fb03] {
  margin-bottom: 10px;
}
#edit-point-ac .utm-module-title[data-v-77a3fb03]:after {
  left: 0;
  right: 0;
}
#edit-point-ac .check-substance-box .no-search-data[data-v-77a3fb03] {
  margin-bottom: 40px;
}
#utm_step_box[data-v-28fed0b2]{
    width: 100%;
    text-align: center;
    margin: 16px 0;
    font-size: 0;
}
.utm-steps[data-v-28fed0b2]{
    display: inline-block;
		height: 40px;
    max-width: 100%;
		overflow: hidden;
    background: #f0f2f5;
    border-radius: 20px;
    font-weight: 500;
    white-space: nowrap;
}
.utm-step-item[data-v-28fed0b2]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px;
    font-size: 18px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
}
.utm-step-item>*[data-v-28fed0b2]{
    display: inline-block;
    vertical-align: middle;
}
.utm-step-icon[data-v-28fed0b2]{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #666666;
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}
.utm-step-item>span[data-v-28fed0b2]{
    font-weight: 700;
    margin-left: 8px;
}
.utm-step-item>span[data-v-28fed0b2],
  .utm-step-item>i[data-v-28fed0b2]{
    color: #666666;
}
.utm-step-item.active[data-v-28fed0b2]{
    background-color: #4CBE8A;
}
.utm-step-item.active>span[data-v-28fed0b2]{
    color: #fff;
}
.utm-step-item.active .utm-step-icon[data-v-28fed0b2]{
    background-color: #fff;
    border-color: #fff;
    color: #4CBE8A;
}
.utm-step-item.done>span[data-v-28fed0b2]{
    color: #333;
}
.utm-step-item.done .utm-step-icon[data-v-28fed0b2]{
    color: #fff;
    background: #4CBE8A;
    border-color: #4CBE8A;
}

#map-management[data-v-614b379b] {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* 左侧栏 */
#map-management .left-shadow[data-v-614b379b] {
  margin-right: 0;
  z-index: 1;
}
#map-management .utm-left-search.map-title-search[data-v-614b379b] {
  padding: 10px 16px;
  border-bottom: 1px solid #dfdfdf;
}
#map-management .utm-list-page-box .utm-table-nodata[data-v-614b379b] {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#map-management .utm-list-page-box ul li .utm-item[data-v-614b379b]:hover {
  background-color: #eff6f9;
}
#map-management .utm-list-page-box ul li .utm-item.active[data-v-614b379b]:hover {
  background-color: #059fe8;
}
#map-management .utm-list-page-box ul li .utm-item.active .desc-span[data-v-614b379b]{
  color: rgba(255, 255, 255, 0.6);
}
#map-management .utm-list-page-box ul li .utm-item .utm-item-operation[data-v-614b379b] {
  display: none;
}
#map-management .utm-list-page-box ul li .utm-item:hover .utm-item-operation[data-v-614b379b],
#map-management .utm-list-page-box ul li .utm-item.active .utm-item-operation[data-v-614b379b] {
  display: inline-block;
}
#map-management .utm-list-page-box ul li .utm-item .utm-item-icon i[data-v-614b379b] {
  color: #b4b4b4;
  font-size: 24px;
}
#map-management
  .utm-list-page-box
  ul
  li
  .utm-item
  .utm-item-icon
  i.child-device-icon[data-v-614b379b] {
  color: #059fe8;
  font-size: 16px;
}
#map-management .utm-list-page-box ul li .utm-item.active .utm-item-icon i[data-v-614b379b] {
  color: #fff;
}
#map-management .node-item[data-v-614b379b] {
  font-weight: 700;
  color: #393939;
}
#map-management .node-open-icon[data-v-614b379b] {
  -webkit-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#map-management .node-open-icon.open[data-v-614b379b] {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* 右侧栏 */
#map-management .utm-box-left.point-list-box[data-v-614b379b] {
  -webkit-box-shadow: -4px 0 8px -2px rgba(0, 0, 0, 0.25);
          box-shadow: -4px 0 8px -2px rgba(0, 0, 0, 0.25);
  border-right: 0;
  z-index: 1;
}
#map-management .point-list-box.utm-box-left-shrink[data-v-614b379b] {
  margin: 0;
}
#map-management .utm-left-header[data-v-614b379b] {
  line-height: 60px;
  height: 60px;
  border-bottom: 1px solid #dfdfdf;
}

/* 中间地图栏 */
.map-point-content .map-title[data-v-614b379b] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px 0 24px;
}
.map-point-content .map-title .map-title-name[data-v-614b379b] {
  display: inline-block;
  margin-right: 10px;
  max-width: calc(100% - 250px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 20px;
  font-weight: 700;
}
.map-point-content .map-title i[data-v-614b379b] {
  margin-right: 8px;
  color: #059fe8;
}
.map-point-content .drop-mark-point[data-v-614b379b] {
  margin-top: -19px;
  margin-left: -19px;
  z-index: 1;
}
.map-point-content .drop-mark-point[data-v-614b379b]:hover {
  z-index: 3;
}
.map-point-content .drop-mark-point.ui-draggable-dragging[data-v-614b379b],
.map-point-content .drop-mark-point.ui-draggable-dragging i[data-v-614b379b] {
  z-index: 2;
}
.drop-mark-point.active-device[data-v-614b379b] {
  z-index: 2;
}
.drop-mark-point.active-device .point-icon-type[data-v-614b379b] {
  -webkit-box-shadow: 0 0 24px rgba(22, 174, 77, 0.9);
          box-shadow: 0 0 24px rgba(22, 174, 77, 0.9);
  opacity: 0.9;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.drop-mark-point.active-device .point-icon-type.point-offline[data-v-614b379b] {
  -webkit-box-shadow: 0 0 24px #333;
          box-shadow: 0 0 24px #333;
}
.drop-mark-point.active-device .point-icon-type.point-disable[data-v-614b379b] {
  -webkit-box-shadow: 0 0 24px #c61c1c;
          box-shadow: 0 0 24px #c61c1c;
}
.drop-mark-point:hover .point-details[data-v-614b379b] {
  display: inline-block;
}
.map-content[data-v-614b379b] {
  position: relative;
  height: calc(100% - 64px);
  margin: 0 24px;
  padding-bottom: 24px;
  overflow: hidden;
}
.map-content .map-container[data-v-614b379b] {
  width: 100%;
  height: calc(100% - 80px);
  position: relative;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
  z-index: 0;
}
.map-content .map-container[data-v-614b379b]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #303745;
}

/*轨道*/
.map-content .map-container[data-v-614b379b]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #f5f5f5;
}

/*滑块*/
.map-content .map-container[data-v-614b379b]::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #aaa;
}
.map-content .map-content-footer[data-v-614b379b] {
  width: 100%;
  padding-top: 16px;
}
.map-content .delete-point-box[data-v-614b379b] {
  height: 72px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 72px;
  border: 1px dashed #dfdfdf;
  background: #eff6f9;
  color: #8c8c8c;
}
.map-content .specific-area .delete-point-box[data-v-614b379b] {
  /*点位移到删除框样式*/
  border-color: #7ac9f1;
  background: #f0f5f7;
}
.map-content .delete-point-box i[data-v-614b379b] {
  color: #858585;
  margin-right: 5px;
  font-size: 24px;
  vertical-align: sub;
}
.scale-ratio[data-v-614b379b] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 30px;
  line-height: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 11;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
}
#map-box[data-v-614b379b] {
  position: relative;
}
#map-box .device-delete-icon[data-v-614b379b] {
  display: none;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #c61c1c;
  text-align: center;
  line-height: 20px;
}
#map-box .lock-box[data-v-614b379b] {
  width: 16px;
  height: 16px;
  position: absolute;
  right: -4px;
  top: -4px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(188, 164, 128, 1);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  opacity: 1;
  z-index: 8;
}
#map-box .lock-box i[data-v-614b379b] {
  position: absolute;
  left: 1px;
  top: -2px;
}
#map-box .all-lock-status[data-v-614b379b] {
  font-size: 10px;
  color: rgba(200, 45, 45, 1);
}
#map-box .all-unlock-status[data-v-614b379b] {
  font-size: 10px;
  color: rgba(22, 174, 77, 1);
}
#map-img[data-v-614b379b] {
  width: 100%;
}
.select-tab[data-v-614b379b] {
  padding: 0 16px;
  margin-left: -16px;
  width: calc(100% + 32px);
  height: 32px;
  font-size: 0px;
  white-space: nowrap;
  border-bottom: 1px solid #dfdfdf;
}
.select-tab .tab-option[data-v-614b379b] {
  display: inline-block;
  padding: 7px 8px;
  margin-right: 8px;
  width: 49%;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  color: #393939;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
.select-tab .tab-option.active[data-v-614b379b] {
  color: #059fe8;
  border-bottom: 2px solid #059fe8;
}

/*点位详情*/
.map-container .point-details[data-v-614b379b] {
  position: absolute;
  width: 290px;
  background: rgba(51, 51, 51, 1);
  border-radius: 4px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  padding: 8px 16px;
  display: none;
  z-index: 10;
}
.map-container .point-details.align-right[data-v-614b379b] {
  right: 0;
}
.map-container .point-details.align-bottom[data-v-614b379b] {
  bottom: 31px;
}
.point-details .point-field[data-v-614b379b] {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  padding: 8px 0;
}
.point-details .utm-field-item[data-v-614b379b] {
  margin-bottom: 1px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 32px;
  min-height: 32px;
}
.point-details .utm-field-item .field-item-name[data-v-614b379b] {
  width: 110px;
  color: #858585;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  min-height: 32px;
}
.point-details .utm-field-item .field-item-content[data-v-614b379b] {
  color: #fff;
  max-width: calc(100% - 113px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 32px;
  min-height: 32px;
}
.map-point-operate .more-operation[data-v-614b379b] {
  position: absolute;
  font-size: 16px;
  display: none;
  left: unset;
}
.map-point-operate .operate-item[data-v-614b379b] {
  line-height: 1;
  width: 100%;
}
.map-point-operate .operate-item i[data-v-614b379b] {
  font-size: 24px;
}
.utm-input.time-input[data-v-614b379b] {
  width: 75px;
  margin: 0 8px;
}
#map-list .add-duration[data-v-614b379b] {
  margin-top: 4px;
  font-size: 16px;
  color: rgba(36, 58, 129, 1);
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.add-duration i[data-v-614b379b] {
  font-size: 24px;
  color: rgba(36, 58, 129, 1);
  vertical-align: sub;
}
.map-item .more-operation[data-v-614b379b] {
  right: 0;
  left: unset;
}
.upload-attachments .add-attachments[data-v-614b379b] {
  color: #243a81;
  cursor: pointer;
}
.shrink-button.expand-points[data-v-614b379b] {
  left: unset;
  right: 360px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: right 0.25s ease-in-out;
  transition: right 0.25s ease-in-out;
}
.expand-points.shrink-btn-right[data-v-614b379b] {
  right: 0;
}
.expand-points.shrink-btn-right i[data-v-614b379b] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.map-container .utm-location-icon .pli-icon-type[data-v-614b379b]:after {
  background-color: transparent;
}
.utm-list-item.unlocated-point[data-v-614b379b] {
  cursor: move;
}
#map-management .utm-box .utm-box-right[data-v-614b379b] {
  overflow-x: hidden;
}
.utm-shrink-button.expand-points[data-v-614b379b] {
  left: unset;
  right: 360px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: right 0.25s ease-in-out;
  transition: right 0.25s ease-in-out;
}
.utm-shrink-button.expand-points.shrink-button1[data-v-614b379b] {
  right: 0;
}

/*地图设备*/
#map-management .device-search-box[data-v-614b379b] {
  padding: 0 16px 16px;
}
.utm-list-page-box ul li .utm-item .utm-font.group-type-icon[data-v-614b379b] {
  margin-right: 8px;
  color: #b4b4b4;
}
#map-management
  .utm-list-page-box
  ul
  li
  .utm-item
  .utm-item-icon
  .ivu-icon-ios-arrow-down.expand-icon[data-v-614b379b] {
  position: absolute;
  right: 2px;
  font-size: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.utm-item.open .expand-icon[data-v-614b379b] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-list-item-sub.device-option .utm-item[data-v-614b379b] {
  padding-left: 40px;
}
.utm-list-page-box ul li.device-option .utm-item .utm-font[data-v-614b379b] {
  margin-right: 8px;
  color: #2172f6;
}
#map-management .map-top-title[data-v-614b379b] {
  font-size: 18px;
  font-weight: 700;
  color: #393939;
  width: 90%;
}
#map-management .map-top-input[data-v-614b379b] {
  padding: 16px;
}
#map-management .map-top-input .clear-input-icon[data-v-614b379b] {
  position: absolute;
  right: 5px;
  top: 12px;
  display: none;
}
#map-management .map-top-input .utm-prefix-input:hover .clear-input-icon[data-v-614b379b] {
  display: block;
}
#map-management .no-map-box[data-v-614b379b] {
  margin: 174px auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#map-management .no-map-icon[data-v-614b379b] {
  width: 50px;
  height: 50px;
  margin-left: 22px;
}
#map-management .no-content-text[data-v-614b379b] {
  font-size: 16px;
  font-weight: 400;
  color: #8c8c8c;
  white-space: nowrap;
}
#map-management .no-map-img-icon[data-v-614b379b] {
  color: #7ac9f1;
  font-size: 130px;
}

/******************************************************************
* @NAME y.xiang
* @CREATEDATE 2021/7/7
* @DESC <description>
* ****************************************************************/
#point_info_page[data-v-ec62036a]{
  height: 100%;
}
.point-page-content[data-v-ec62036a]{
  height: calc(100% - 84px);
  position: relative;
}
.page-module.page-module-page[data-v-ec62036a]{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: left ease-in .25s;
  transition: left ease-in .25s;
}
.page-module-page1 > form[data-v-ec62036a]{
  max-width: 1000px;
  margin: 0 auto;
}
.page-module-page1 > form .modular-content[data-v-ec62036a]{
  padding: 0 20px;
  margin-top: 16px;
}
.page-module .module-title[data-v-ec62036a]{
  font-size: 18px;
  font-weight: 700;
  position: relative;
  padding-left: 10px;
  margin-left: 20px;
}
.page-module .module-title[data-v-ec62036a]:before{
  content: '';
  width: 4px;
  height: 22px;
  background: #059fe8;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}
.page-module .module-title-other[data-v-ec62036a]{
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 16px;
  padding-top: 16px;
  color: #333;
}
.page-module .module-title-other.module-title-other1[data-v-ec62036a]{
  padding-bottom: 16px;
  border-top: 1px solid rgba(223,223,223,0.50);
}
.page-module .site-device-info[data-v-ec62036a]{
  border-top: 8px solid #EBEFF2;
}
.page-module .module-bottom[data-v-ec62036a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
}
.page-module .module-bottom .utm-btn[data-v-ec62036a]{
  margin: 0 8px;
}
.page-content-box[data-v-ec62036a]{
  position: relative;
  height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: hidden;
}
#point_info_page .utm-control-label[data-v-ec62036a]{
  width: 230px;
}
#point_info_page .utm-controls[data-v-ec62036a]{
  margin-left: 230px;
}
#point_info_page .vehicle-filed-prompt[data-v-ec62036a]{
  color: #059FE8;
  font-size: 16px;
  display: inline-block;
  margin: 8px 0 8px 8px;
}
.input-port-mode-desc[data-v-ec62036a]{
  display: block;
}
/*显示地图*/
.map-show-box[data-v-ec62036a]{
  width: 100%;
  height: 280px;
  border: 1px dashed #dfdfdf;
  border-radius: 5px;
  margin: 8px auto 20px;
  color: #858585;
  position: relative;
  text-align: center;
}
.map-show-box .default-map-name[data-v-ec62036a]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 3;
  background: rgba(0,0,0,.6);
}
.map-show-box .default-map-name .utm-font[data-v-ec62036a]{
  font-size: 20px;
  margin: 0 8px;
}
.map-show-box > div[data-v-ec62036a]{
  margin: 0 auto;
}
.map-show-box img[data-v-ec62036a]{
  width: 100%;
  height: 100%;
}
/*没有地图*/
.map-show-box .no-map[data-v-ec62036a]{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 75px auto;
  text-align: center;
}
.map-show-box .no-map .no-map-icon[data-v-ec62036a]{
  width: 50px;
  height: 50px;
}
/***查看上一步的信息**/
.step-last-ivew[data-v-ec62036a]{
  position: absolute;
  top: 40px;
  left: calc(33.33% + 100px);
  z-index: 11;
}
.step-last-ivew .utm-more-info-icon[data-v-ec62036a]{
  font-size: 16px;
  color: #059fe8;
}
.step-last-ivew:hover .step-last-content[data-v-ec62036a]{
  display: block;
}
.step-last-content[data-v-ec62036a]{
  width: 500px;
  display: none;
  background: #fff;
  -webkit-box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.1);
  padding: 8px;
  border-radius: 4px;
  margin-left: -250px;
}
.step-last-content .utm-field-item[data-v-ec62036a]{
  margin-bottom: 0;
}
.step-last-content .utm-field-item .field-item-name[data-v-ec62036a]{
  width: 170px;
}
.step-last-content .utm-field-item .field-item-content[data-v-ec62036a]{
  max-width: calc( 100% - 170px );
}
.step-last-content img[data-v-ec62036a]{
  max-width: 100%;
  max-height: 300px;
}
/*Supplemental Devices' Information*/
.site-info .modular-content[data-v-ec62036a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}
.site-item[data-v-ec62036a]{
  display: inline-block;
  margin: 0 32px 24px;
  border-radius: 6px;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
  cursor: pointer;
  position: relative;
}
.site-item .site-item-bg[data-v-ec62036a]{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(242,242,242,1);
  border-radius: 6px;
}
.site-item .site-icon[data-v-ec62036a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width:42px;
  height: 42px;
  border-radius: 21px;
  background: rgba(180,180,180,.16);
  margin: 20px 38px;
  position: relative;
}
.site-item .site-icon .utm-font[data-v-ec62036a]{
  font-size: 20px;
  color: #858585;
}
.site-item .site-type-name[data-v-ec62036a]{
  display: block;
  text-align: center;
  padding: 16px 0;
  color: #b4b4b4;
  position: relative;
}
.site-item.active .site-item-bg[data-v-ec62036a]{
  background: #effaff;
  -webkit-box-shadow: 0 0 16px 4px rgba(0,0,0,0.1);
          box-shadow: 0 0 16px 4px rgba(0,0,0,0.1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.site-item.active .site-icon[data-v-ec62036a]{
  background: rgba(210,240,255,1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.site-item.active .site-icon .utm-font[data-v-ec62036a]{
  color: #059fe8;
}
.site-item.active .site-type-name[data-v-ec62036a]{
  color: #059fe8;
  font-weight: bold;
  -webkit-transform: none;
          transform: none;
}
.site-item .site-type-name .utm-font.utm-more-info-icon[data-v-ec62036a]{
  font-weight: normal;
  font-size: 16px;
  color: #059fe8;
  margin-left: 4px;
}
.site-item .utm-tooltip[data-v-ec62036a],
.site-item .utm-tooltip .ivu-tooltip-popper[data-v-ec62036a]{
  -webkit-transform: none;
          transform: none;
}
.site-item .site-type-name .site-type-desc[data-v-ec62036a]{
  font-size: 14px;
  max-width: 420px;
  color: #FFF;
  font-weight: normal;
  white-space: normal;
}
/*配置Door Sensor的内容*/
.site-device-info .site-device-center[data-v-ec62036a]{
  max-width: 1000px;
  margin: 16px auto;
  padding: 0 16px;
}
/* 配置感应器的内容 */
.utm-font.input-type-desc[data-v-ec62036a]{
  margin-left: 8px;
  color: var(--main-color);
  font-size: 16px;
}
/*配置Site的内容*/
/*配置Deviced的内容*/
.add-device-btn[data-v-ec62036a]{
  text-align: right;
  padding: 0 16px;
}
.module-title-other .add-device-btn[data-v-ec62036a]{
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: -16px;
  top: 16px;
}
.add-device-btn .utm-btn[data-v-ec62036a]{
  margin-left: 16px;
}
#point_info_page .utm-arrange-box[data-v-ec62036a]{
  margin: -8px;
}
.arrange-item-field .field-name[data-v-ec62036a]{
  display: inline-block;
  width: 100px;
}
.site-info .utm-arrange-item .arrange-item-container[data-v-ec62036a]{
  height: 170px;
}
.site-info .utm-arrange-item .arrange-item-container[data-v-ec62036a]:hover{
  -webkit-box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.30);
          box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.30);
}
.site-info .arrange-item-container .item-right-content[data-v-ec62036a]{
  padding: 16px 16px 16px 8px;
}
.site-info .arrange-item-title[data-v-ec62036a]{
  padding-right: 24px;
}
.site-info .arrange-item-title .item-name[data-v-ec62036a]{
  max-width: 100%;
}
.site-info .utm-arrange-item .utm-option-operation.item-operation[data-v-ec62036a]{
  left: unset;
  right: 0;
  width: 24px;
  height: 24px;
  min-height: unset;
  padding: 0 4px;
  line-height: 1;
}
.site-info .utm-arrange-item .utm-option-operation.item-operation[data-v-ec62036a]:hover{
  background: #b2e7ff;
  border-radius: 4px;
}
.site-info .utm-arrange-item .utm-option-operation .utm-more-icon[data-v-ec62036a]{
  font-size: 16px;
}
.site-info .utm-arrange-item .utm-option-operation .more-operation[data-v-ec62036a]{
  left: unset;
  right: 0;
  margin-top: 4px;
}
.site-info .utm-arrange-item .utm-option-operation .more-operation .operate-item i[data-v-ec62036a]{
  font-size: 16px;
}
.site-info .arrange-item-container .item-left-img[data-v-ec62036a]{
  overflow: hidden;
}
.site-info .arrange-item-container .item-left-img img[data-v-ec62036a]{
  max-width: unset;
  max-height: unset;
}
.page-module-page .utm-table-nodata[data-v-ec62036a]{
  border: 1px solid #dfdfdf;
  margin: 16px 16px;
}
/*设置 Door Sensor的 Map */
.door-device-map[data-v-ec62036a]{
  background: #ffffff;
  border: 1px dashed #dfdfdf;
  margin-top: 8px;
  position: relative;
  padding-top: 18px;
}
.door-device-map .door-map-name[data-v-ec62036a]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 9;
  background: rgba(0,0,0,.6);
}
.door-device-map .door-map-name .utm-font[data-v-ec62036a]{
  font-size: 20px;
  margin: 0 8px;
}
.door-device-map .door-map-box[data-v-ec62036a] {
  height: 280px;
  text-align: center;
}
.door-map-box > div[data-v-ec62036a] {
  margin: 0 auto;
  position: relative;
}
.door-map-box img[data-v-ec62036a]{
  width: 100%;
  height: 100%;
}
.door-device-map .no-map[data-v-ec62036a]{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 75px auto;
  text-align: center;
}
.door-device-map .no-map .no-map-icon[data-v-ec62036a]{
  height: 40px;
  width: 40px;
}
.set-door-position-box[data-v-ec62036a]{
  height: 480px;
  padding: 15px;
}
.dividing-line[data-v-ec62036a]{
  width: 100%;
  height: 1px;
  background: rgba(223,223,223,1);
  margin: 8px 0;
}
.utm-license-used[data-v-ec62036a]{
  position: absolute;
  right: 455px;
  top:23px;
  font-size: 16px;
  font-weight: 400;
}
.utm-license-used span[data-v-ec62036a]{
  color: #059fe8;
  font-size: 18px;
  font-weight: 700;
}
.utm-add-license-used[data-v-ec62036a]{
    position: absolute;
    top: 4px;
    right:-164px;
    font-size: 16px;
    font-weight: 400;
}
.utm-add-license-used span[data-v-ec62036a]{
  color: #059fe8;
  font-size: 18px;
  font-weight: 700;
}
.add-speceil[data-v-ec62036a]{
  position: relative;
}

.utm-steps[data-v-d367fe2c]{
		height: 80px;
		overflow: hidden;
}
.utm-step-box[data-v-d367fe2c] {
		padding-top: 5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.utm-step-box .utm-step-node[data-v-d367fe2c] {
		border-radius: 50%;
		text-align: center;
		color: #fff;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
}
.utm-step-box.default .utm-step-node[data-v-d367fe2c]{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 20px;
}
.utm-step-box.mini .utm-step-node[data-v-d367fe2c]{
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
}
.utm-step-box .utm-step-node i[data-v-d367fe2c] {
		color: #fff;
}
.utm-step-box.default .utm-step-node i[data-v-d367fe2c]{
		font-size: 17px;
}
.utm-step-box.mini .utm-step-node i[data-v-d367fe2c]{
		font-size: 14px;
}
.utm-step-box .connect-line[data-v-d367fe2c] {
		display: inline-block;
		height: 1px;
		background: rgba(206, 206, 206, 1);
		width: 250px;
}
.utm-step-box .connect-line.completed[data-v-d367fe2c] {
    background: #19be6b;
}
.utm-step-node.utm-current-step[data-v-d367fe2c] {
		position: relative;
}
.utm-step-box.default .utm-step-node.utm-current-step[data-v-d367fe2c]{
		margin: 0 4px;
}
.utm-step-node.utm-current-step .utm-current-step-border[data-v-d367fe2c]{
		position: absolute;
		content: '';
		display: inline-block;
		border-radius: 50%;
		border: 1px solid #059ae8;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}
.utm-step-box.default .utm-step-node.utm-current-step .utm-current-step-border[data-v-d367fe2c]{
		top: -4px;
		left: -4px;
		width: 40px;
		height: 40px;
}
.utm-step-box.mini .utm-step-node.utm-current-step[data-v-d367fe2c]{
		margin: 0 2px;
    width: 24px;
    height: 24px;
    line-height: 24px;
		font-size: 14px;
}
.utm-step-box.mini .utm-step-node.utm-current-step .utm-current-step-border[data-v-d367fe2c]{
    top: -4px;
    left: -4px;
    width: 32px;
    height: 32px;
}
.utm-step-node-text[data-v-d367fe2c]{
		position: absolute;
		top: 40px;
		width: 150px;
		font-size: 16px;
		color: #515a6e;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		white-space: nowrap;
}
.utm-step-box.default .utm-step-node-text[data-v-d367fe2c]{
		left: -58px;
}
.utm-step-box.mini .utm-step-node-text[data-v-d367fe2c]{
		top: 35px;
		left: -62px;
}

#device-edit-form[data-v-87d3a78e]{
  width: 100%;
}
.device-info-modal .form-container .form-item[data-v-87d3a78e]{
  width: 100%;
}
.device-info-modal .form-container .utm-control-label[data-v-87d3a78e]{
  padding: 0 10px;
  width: 170px;
  white-space: nowrap;
}
.device-info-modal .form-container .utm-controls[data-v-87d3a78e]{
  margin-left: 170px;
  white-space: nowrap;
}
.device-info-modal .expand-icon[data-v-87d3a78e]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.device-info-modal .expand-icon.expand[data-v-87d3a78e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dividing-line[data-v-87d3a78e]{
  width: 100%;
  height: 1px;
  background: rgba(223,223,223,1);
  margin: 8px 0;
}
/*当选择类型为Input是的特殊处理*/
.utm-controls-linkage[data-v-87d3a78e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-controls-linkage .dividing-line[data-v-87d3a78e]{
  display: block;
}
.default-name-div[data-v-87d3a78e]{
  position: relative;
}
.utm-control-group[data-v-87d3a78e] .default-name-prompt{
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.utm-default-name[data-v-87d3a78e]{
  color: #059FE8;
  font-size: 16px;
}
/* ************************名字重复验证提示****************************** */
.verify-name-swapper .verify-name-header[data-v-87d3a78e]{
  text-align: center;
}
.verify-name-swapper .verify-name-header .verify-name-icon[data-v-87d3a78e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 16px 0;
  border-radius: 28px;
  background: rgba(var(--main-color-rgb),.15);
}
.verify-name-swapper .verify-name-header .verify-name-desc[data-v-87d3a78e]{
  display: block;
  padding: 24px;
  color: #2F3234;
  font-size: 18px;
}
.verify-name-swapper .verify-name-text[data-v-87d3a78e]{
  padding: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #2F3234;
}
.verify-name-swapper .verify-name-error[data-v-87d3a78e]{
  font-size: 12px;
  color: #F66F6A;
}

.set-position-container[data-v-2af04564]{
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px dashed rgba(153, 153, 153, 1);
  overflow: hidden;
  padding: 15px;
}
#map-img[data-v-2af04564]{
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.set-position-container .device-position[data-v-2af04564] {
  margin-left: -19px;
  margin-top: -19px;
}
.set-position-container .device-position .utm-option-operation[data-v-2af04564]{
  min-height: 30px;
}
.drop-mark-point[data-v-2af04564],
.currnt-point-icon[data-v-2af04564]{
  z-index: 9;
}
.drop-mark-point[data-v-2af04564]:after,
.currnt-point-icon[data-v-2af04564]:after{
  content: '\E7D0';
  position: absolute;
  font-size: 72px;
  left: -17px;
  top: -35px;
  font-family: "utmfont", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: #f2b253;
}
/*设备详情*/
.set-position-container .utm-option-operation:hover .position-device-details[data-v-2af04564]{
  display: block;
}
.set-position-container .utm-option-operation:hover .position-device-details.no-show[data-v-2af04564]{
  display: none;
}
.set-position-container .position-device-details[data-v-2af04564]{
  background: #000;
  padding: 16px;
  width: 240px;
  border-radius: 4px;
  font-size: 14px;
  position: absolute;
  margin-left: -100px;
  display: none;
  top: 40px;
  z-index: 10;
}
.position-device-details .device-name[data-v-2af04564]{
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.details-field .field-name[data-v-2af04564]{
  display: inline-block;
  width: 80px;
  color: rgba(140,140,140,1);
}
.details-field .field-content[data-v-2af04564]{
  color: #fff;
  display: inline-block;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.set-position-container .utm-control-label[data-v-2af04564]{
  width: 135px;
}
.set-position-container .utm-controls[data-v-2af04564]{
  margin-left: 135px;
}
/*没有地图*/
.set-position-container .no-map[data-v-2af04564]{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 75px auto;
  text-align: center;
  color: #858585;
  font-size: 16px;
}
.set-position-container .no-map .no-map-icon[data-v-2af04564]{
  width: 50px;
  height: 50px;
}

.details-tooltip.ivu-tooltip-popper .ivu-tooltip-inner{
  background: #000;
}
.details-tooltip.ivu-tooltip-popper .ivu-tooltip-arrow{
  border-bottom-color:#000;
}

.other-device-modal .utm-field-item .field-item-name[data-v-2f4f35f8]{
  text-align: left;
}
.device-name-div[data-v-2f4f35f8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  margin: 24px 0;
}
.device-name-div span[data-v-2f4f35f8]{
  padding-right: 16px;
  width: 138px;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  white-space: nowrap;
  font-family: 'Robote', sans-serif !important;
  line-height: 40px;
  font-weight: bold;
}
.default-name-div[data-v-2f4f35f8]{
  position: relative;
  padding-right: 30px;
}
.default-name-prompt[data-v-2f4f35f8]{
  position: absolute;
  top: 8px;
  left: 97%;
  white-space: nowrap;
  margin: 0 8px;
}
.utm-default-name[data-v-2f4f35f8]{
  color: #059FE8;
  font-size: 16px;
}
/**************选择tag****************/
.utm-multiple-check[data-v-24d1b836] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-24d1b836] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-24d1b836] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-24d1b836],
.multiple-check-panel .no-search-data p[data-v-24d1b836]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-24d1b836] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-24d1b836] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-24d1b836]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-24d1b836]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-24d1b836]:hover,
.multiple-check-panel .check-option.active[data-v-24d1b836] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-24d1b836]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-24d1b836] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-24d1b836] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-24d1b836] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-24d1b836]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-24d1b836]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-24d1b836]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-24d1b836] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-24d1b836]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-24d1b836]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-24d1b836], .slide-fade-leave-to[data-v-24d1b836]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
#edit_point_page[data-v-24d1b836]{
  height: 100%;
}
#edit_point_page .page-top[data-v-24d1b836]{
  position: relative;
}
#edit_point_page .page-top .save-point-btn[data-v-24d1b836]{
  position: absolute;
  right: 16px;
  top: 0;
}
#edit_point_page .point-page-content[data-v-24d1b836]{
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
#edit_point_page .utm-control-label[data-v-24d1b836]{
  width: 240px;
}
#edit_point_page .utm-controls[data-v-24d1b836]{
  margin-left: 240px;
}
/*基础信息*/
.page-module-page2[data-v-24d1b836]{
  border-top: 8px solid #EBEFF2;
}
.module-content[data-v-24d1b836]{
  font-size: 0;
  padding: 16px 16px 0;
}
.page-module-page2 .module-content[data-v-24d1b836]{
  padding: 0 16px;
}
.point-page-content .page-module[data-v-24d1b836]{
  padding: 16px 16px 0;
}
.module-content .module-content-item[data-v-24d1b836] {
  display: inline-block;
  width: 100%;
  max-width: 50%;
  vertical-align: top;
}
.module-content.module-content-box1 .module-content-item[data-v-24d1b836] {
  max-width: 100%;
}
#edit_point_page .vehicle-filed-prompt[data-v-24d1b836]{
  color: #059FE8;
  font-size: 16px;
  display: inline-block;
  margin: 8px 0 8px 8px;
}
.input-port-mode-desc[data-v-24d1b836]{
  display: block;
}
.map-show-box[data-v-24d1b836]{
  margin-top: 8px;
  font-size: 16px;
  color: #858585;
  height: 240px;
  position: relative;
  border: 1px dashed #dfdfdf;
  border-radius: 4px;
}
.map-show-box .default-map-name[data-v-24d1b836]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 3;
  background: rgba(0,0,0,.6);
}
.map-show-box .default-map-name .utm-font[data-v-24d1b836]{
  font-size: 20px;
  margin: 0 8px;
}
.map-show-box img[data-v-24d1b836]{
  width: 100%;
  height: 100%;
}
.map-show-box .no-map[data-v-24d1b836]{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 75px auto;
  text-align: center;
}
.map-show-box .no-map .no-map-icon[data-v-24d1b836]{
  width: 50px;
  height: 50px;
}
.door-device-map[data-v-24d1b836]{
  background: #ffffff;
  margin-top: 8px;
  position: relative;
  padding-top: 15px;
  border: 1px dashed #dfdfdf;
  border-radius: 4px;
}
.door-device-map .door-map-name[data-v-24d1b836]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 9;
  background: rgba(0,0,0,.6);
}
.door-device-map .door-map-name .utm-font[data-v-24d1b836]{
  font-size: 20px;
  margin: 0 8px;
}
.door-device-map .door-map-box[data-v-24d1b836] {
  height: 240px;
  text-align: center;
}
.door-map-box > div[data-v-24d1b836] {
  margin: 0 auto;
  position: relative;
}
.door-map-box img[data-v-24d1b836]{
  width: 100%;
  height: 100%;
}
.door-device-map .no-map[data-v-24d1b836]{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 75px auto;
  text-align: center;
  color: #858585;
  font-size: 16px;
}
.door-device-map .no-map .no-map-icon[data-v-24d1b836]{
  height: 50px;
  width: 50px;
}
.set-door-position-box[data-v-24d1b836]{
  height: 480px;
  padding: 15px;
}
/*Device & Advanced Features Information*/
.split-line[data-v-24d1b836]{
  width: 100%;
  height: 1px;
  background:  rgba(223,223,223,.5);
  margin-bottom: 16px;
}
.utm-primary-tabs[data-v-24d1b836]{
  margin: 24px 0 16px 0;
}
.utm-primary-tabs li.active[data-v-24d1b836],
.utm-primary-tabs li[data-v-24d1b836]:hover{
  font-weight: 700;
}
.utm-prefix-input .utm-input[data-v-24d1b836]{
  padding-left: 8px;
}
.advanced-features-tab[data-v-24d1b836]{
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 16px;
}
.advanced-features-tab .tabadvanced-features-content[data-v-24d1b836]{
  padding: 16px;
}
.tabadvanced-features-content .add-operate-btn[data-v-24d1b836]{
  text-align: right;
  margin-bottom: 16px;
}
.page-module-page .utm-table-nodata[data-v-24d1b836]{
  border: 1px solid #dfdfdf;
  margin: 0 8px 16px;
}
/*配置Deviced的内容*/
.add-device-btn[data-v-24d1b836]{
  text-align: right;
  margin-bottom: 16px;
  position: relative;
}
.add-device-btn.add-site-device-btn[data-v-24d1b836]{
  position: absolute;
  top: -65px;
  right: 8px;
}
.add-device-btn .utm-btn[data-v-24d1b836]{
  margin-left: 16px;
}
.page-module-page .utm-arrange-box[data-v-24d1b836]{
  position: relative;
  padding: 0;
  margin-top: -8px;
  margin-bottom: 8px;
}
.arrange-item-field .field-name[data-v-24d1b836]{
  display: inline-block;
  width: 100px;
}
.page-module-page2 .utm-arrange-item .arrange-item-container[data-v-24d1b836]{
  height: 170px;
}
.page-module-page2 .utm-arrange-item .arrange-item-container[data-v-24d1b836]:hover{
  -webkit-box-shadow: 0 3px 6px 0 rgba(5,154,232,0.30);
          box-shadow: 0 3px 6px 0 rgba(5,154,232,0.30);
}
.page-module-page2 .arrange-item-container .item-right-content[data-v-24d1b836]{
  padding: 16px 16px 16px 8px;
}
.page-module-page2 .arrange-item-title[data-v-24d1b836]{
  padding-right: 24px;
}
.page-module-page2 .arrange-item-title .item-name[data-v-24d1b836]{
  max-width: 100%;
}
.page-module-page2 .utm-arrange-item .utm-option-operation.item-operation[data-v-24d1b836]{
  left: unset;
  right: 0;
  width: 24px;
  height: 24px;
  min-height: unset;
  padding: 0 4px;
  line-height: 1;
}
.page-module-page2 .utm-arrange-item .utm-option-operation.item-operation[data-v-24d1b836]:hover{
  background: #b2e7ff;
  border-radius: 4px;
}
.page-module-page2 .utm-arrange-item .utm-option-operation .utm-more-icon[data-v-24d1b836]{
  font-size: 16px;
}
.page-module-page2 .utm-arrange-item .utm-option-operation .more-operation[data-v-24d1b836]{
  left: unset;
  right: 0;
  margin-top: 4px;
}
.page-module-page2 .utm-arrange-item .utm-option-operation .more-operation .operate-item i[data-v-24d1b836]{
  font-size: 16px;
}
.page-module-page2 .arrange-item-container .item-left-img[data-v-24d1b836]{
  overflow: hidden;
}
.page-module-page2 .arrange-item-container .item-left-img img[data-v-24d1b836]{
  max-width: unset;
  max-height: unset;
  position: absolute;
}
.expand-icon[data-v-24d1b836]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.expand-icon.expand[data-v-24d1b836]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dividing-line[data-v-24d1b836]{
  width: 100%;
  height: 1px;
  background: rgba(223,223,223,1);
  margin: 8px 0;
}
.site-type-desc[data-v-24d1b836]{
  font-size: 14px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 420px;
  font-weight: normal;
  white-space: normal;
}
/* ************************名字重复验证提示****************************** */
.verify-name-swapper .verify-name-header[data-v-24d1b836]{
  text-align: center;
}
.verify-name-swapper .verify-name-header .verify-name-icon[data-v-24d1b836]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 16px 0;
  border-radius: 28px;
  background: rgba(var(--main-color-rgb),.15);
}
.verify-name-swapper .verify-name-header .verify-name-desc[data-v-24d1b836]{
  display: block;
  padding: 24px;
  color: #2F3234;
  font-size: 18px;
}
.verify-name-swapper .verify-name-text[data-v-24d1b836]{
  padding: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #2F3234;
}
.verify-name-swapper .verify-name-error[data-v-24d1b836]{
  display: block;
  font-size: 12px;
  color: #F66F6A;
}
.utm-license-used[data-v-24d1b836]{
  position: absolute;
  right: 455px;
  top:6px;
  font-size: 16px;
  font-weight: 400;
}
.speceil[data-v-24d1b836]{
  top:-57px;
  right: 455px;
}
.utm-license-used span[data-v-24d1b836]{
  color: #059fe8;
  font-size: 18px;
  font-weight: 700;
}

.utm-controls-zone-item[data-v-c680620a] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-c680620a]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-c680620a]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-c680620a]{
  max-height: 420px;
}
.check-substance-box ul[data-v-c680620a]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-c680620a]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-c680620a]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-c680620a]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-c680620a]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
/**************选择tag****************/
.utm-multiple-check[data-v-c680620a] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-c680620a] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-c680620a] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-c680620a] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-c680620a]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-c680620a]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-c680620a]:hover,
.multiple-check-panel .check-option.active[data-v-c680620a] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-c680620a]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-c680620a] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-c680620a] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-c680620a] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-c680620a]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-c680620a]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-c680620a]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-c680620a] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-c680620a]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-c680620a]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-c680620a]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-c680620a] {
  font-size: 14px;
}
.site-check-box hr[data-v-c680620a]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
.search-section .search-input[data-v-c680620a] {
    width:calc(100% - 16px);
    max-width:calc(100% - 16px)
}
#two-set-modal .check-substance-box .substance-left[data-v-c680620a] {
    padding: 8px 0 0 16px;
    width: 50%;
}
#two-set-modal .check-substance-box .substance-right[data-v-c680620a] {
    width: 50%;
}
#two-set-modal .check-substance-box .substance-right .selected-list>ul[data-v-c680620a] {
    margin-left: 16px;
}
#two-set-modal .substance-right .selected-list .selected-item[data-v-c680620a] {
    padding: 4px 27px 4px 0;
    overflow: unset;
}
#two-set-modal .selected-item-text[data-v-c680620a] {
    display: inline-block;
    padding: 4px 0;
}
#two-set-modal .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-c680620a] {
    right: -16px;
    top: 6px;
}

.schedule-control .utm-select.utm-search-select .ivu-select-input {
  color: #059FE8;
}
.schedule-control .utm-select .ivu-select-item{
  max-width: 100%;
}

.more-device-tooltip.ivu-tooltip-light .ivu-tooltip-inner{
  white-space: break-spaces;
}
.more-device-tooltip .device-icon-item{
  position: relative;
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
}
.more-device-tooltip .device-icon{
  font-size: 24px;
  color: #1e4d6d;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.more-device-tooltip .device-icon.disabled{
  color: rgba(198,28,28,1);
}
.more-device-tooltip .device-icon.offline{
  color: rgba(139,139,139,1);
}
.more-device-tooltip .device-icon:hover,
.more-device-tooltip .site-icon:hover{
  background: #effaff;
}

#point-page[data-v-2a189696]{
  height: 100%;
}
#point-page .utm-box .utm-box-right[data-v-2a189696]{
  overflow-x: hidden;
}
#point-page .utm-arrange-box[data-v-2a189696]{
  min-height: 260px;
  padding: 0 16px;
  margin: -8px 0 0;
  overflow-y: auto;
}
#point-page .utm-arrange-box ul[data-v-2a189696]{
  margin: 0 -8px;
}
#point-page .inquire-btn-swapper[data-v-2a189696]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 40px;
}
/*设备状态*/
#point-page .status-text-box[data-v-2a189696]{
  padding: 8px 0;
  line-height: 1;
  text-align: left;
}
#point-page .status-text[data-v-2a189696]{
  margin-top: 16px;
  text-align: right;
  color: #059FE8;
  line-height: 1;
}
#point-page .status-text .status-text-title[data-v-2a189696]{
  font-weight: bold;
  font-size: 18px;
  color: #333;
  margin-bottom: 16px;
}
#point-page .status-text .status-text-title i[data-v-2a189696]{
  font-size: 16px;
}
#point-page .status-name[data-v-2a189696]{
  display: inline-block;
  width: 142px;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 16px;
  color: #999;
  text-align: right;
  margin-right: 24px;
}
#point-page .status-content[data-v-2a189696]{
  display: inline-block;
  width:  calc( 100% - 150px);
  white-space: nowrap;
  vertical-align: middle;
}
#point-page .status-child[data-v-2a189696]{
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  margin-right: 38px;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
}
#point-page .status-child .utm-location-icon[data-v-2a189696]{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
#point-page .status-child>svg[data-v-2a189696],
#point-page .status-child>span[data-v-2a189696]{
  display: inline-block;
  vertical-align: middle;
}
#point-page .status-text .ivu-icon[data-v-2a189696]{
  font-size: 17px;
}
/*点位列表*/
#point-page .point-list .page-title[data-v-2a189696]{
  padding:9px 14px;
  font-weight: bold;
  font-size: 20px;
}
#point-page .arrange-item-container[data-v-2a189696]{
  background-color: #fff;
  display: block;
  height: unset;
  line-height: 1;
}
#point-page .arrange-item-container[data-v-2a189696]:hover{
  -webkit-box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.30);
          box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.30);
}
.arrange-item-container .item-right-content[data-v-2a189696] {
  width: calc(100% - 120px);
  min-height: 103px;
  padding: 0 8px 0 0;
}
#point-page .arrange-item-container .arrange-item-title[data-v-2a189696] {
  padding: 16px;
  background: rgba(238,249,255,1);
  line-height: 20px;
  border-radius: 4px 4px 0 0;
}
#point-page .utm-option-operation.item-operation[data-v-2a189696]{
  right: 12px;
  width: 24px;
  height: 24px;
  top: 16px;
  min-height: unset;
  min-width: unset;
  padding: 0 4px;
  border-radius: 4px;
}
#point-page .utm-option-operation.item-operation[data-v-2a189696]:hover{
  background: #b2e7ff;
}
#point-page .utm-option-operation i[data-v-2a189696] {
  font-size: 16px;
}
#point-page .arrange-item-container .point-item-box[data-v-2a189696]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 184px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(221, 221, 221, 1);
  background: rgba(238,249,255,1);
}
/*右边的地图   Start*/
#point-page .point-map[data-v-2a189696]{
  height: 80px;
  overflow: hidden;
  margin-right: 0;
}
#point-page .point-map[data-v-2a189696]:hover {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
          box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
}
#point-page .utm-location-icon .point-icon-type[data-v-2a189696] {
  -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, .16);
          box-shadow: 0 0 6px 3px rgba(0, 0, 0, .16);
}
#point-page .point-map.point-map-no[data-v-2a189696]:hover {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
#point-page .point-map img[data-v-2a189696]{
  position: absolute;
  max-height: unset;
  max-width: unset;
}
#point-page .point-map .mark-point[data-v-2a189696] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
#point-page .point-map .no-map-icon[data-v-2a189696] {
  width: 32px;
  height: 32px;
}
#point-page .point-map .no-map-tip[data-v-2a189696] {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #CECECE;
  font-size: 14px;
}
#point-page .point-map .access-zone-map-arrow[data-v-2a189696]{
  position: absolute;
  font-size: 16px;
  color: #333;
  top: 50%;
  margin-top: -8px;
  opacity: .43;
  display: none;
}
#point-page .point-map:hover .access-zone-map-arrow[data-v-2a189696]{
  display: inline-block;
}
#point-page .point-map .access-zone-map-arrow.utm-last-arrrow-icon[data-v-2a189696]{
  left: 8px;
}
#point-page .point-map .access-zone-map-arrow.utm-next-arrrow-icon[data-v-2a189696]{
  right: 8px;
}
/*右边的地图   End*/
#point-page .utm-option-operation .more-operation[data-v-2a189696]{
  left: -110px;
  margin-top: 4px;
}
#point-page .arrange-item-title .item-title-box[data-v-2a189696]{
  width: calc( 100% - 30px );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#point-page .arrange-item-title .item-name[data-v-2a189696]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
}
#point-page .arrange-item-title .barrier-gate-number[data-v-2a189696]{
  height: 20px;
  background: #059fe8;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: inline-block;
  padding: 0 12px;
  margin-left: 8px;
}
#point-page .utm-tooltip.point-name-tooltip .ivu-tooltip-rel[data-v-2a189696]{
  width: 100%;
  max-width: unset;
}
#point-page .utm-tooltip.point-name-tooltip .item-name[data-v-2a189696]{
  max-width: 100%;
}
#point-page .arrange-item-title .item-name.item-name-red .item-name-point-name[data-v-2a189696]{
  color: #C61C1C;
  line-height: 26px;
}
#point-page .device-icon.disabled[data-v-2a189696]{
  color: #C61C1C;
}
#point-page .arrange-item-field .field-name[data-v-2a189696]{
  width: 64px;
}
#point-page .arrange-item-field .field-content[data-v-2a189696]{
  max-width: calc(100% - 64px);
  min-height: 18px;
}
#point-page .no-device-box[data-v-2a189696]{
  color: #b4b4b4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#point-page .arrange-item-field .field-content.field-content_tag[data-v-2a189696]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: initial;
}
/*门的通行状态*/
.point-access-status[data-v-2a189696]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: rgba(198,28,28,1);
  height: 24px;
  padding: 0 32px 0 8px;
  border-radius: 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: bold;
}
.point-access-status .locked-icon[data-v-2a189696]{
  width: 24px;
  height: 24px;
  position: absolute;
  right: -1px;
}
/*****设备们的信息以及site的信息*****/
#point-page .device-field-content[data-v-2a189696]{
  width: 100%;
  height: 48px;
}
.device-list[data-v-2a189696]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
}
.device-list .device-icon-item[data-v-2a189696]{
  position: relative;
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
}
.device-list .site-box[data-v-2a189696]{
  border-right: 1px solid rgba(223,223,223,1);
  padding: 10px 0;
  width: calc(50% - 29px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.device-list .site-box.site-box-one[data-v-2a189696]{
  width: calc(100% - 60px);
}
.device-list .site-box[data-v-2a189696]:last-child{
  border-right:0
}
.device-list .device-icon-item-door[data-v-2a189696]{
  border-right: 1px solid rgba(223,223,223,1);
  padding: 12px 20px 12px 16px;
}
.device-list .device-icon-item-site[data-v-2a189696]{
  border-right: 1px solid rgba(223,223,223,1);
  padding: 6px 8px;
}
.device-list .door-status[data-v-2a189696]{
  position: absolute;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  z-index: 1;
}
.device-list .device-icon[data-v-2a189696]{
  font-size: 24px;
  color: #1e4d6d;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.device-list .device-icon.disabled[data-v-2a189696]{
  color: rgba(198,28,28,1);
}
.device-list .device-icon.offline[data-v-2a189696]{
  color: rgba(139,139,139,1);
}
.device-list .device-icon[data-v-2a189696]:hover,
.device-list .site-icon[data-v-2a189696]:hover{
  background: #effaff;
}
.device-list .site-icon[data-v-2a189696]{
  width: 24px;
  height: 24px;
  border-radius: 4px;
  color: #059fe8;
  font-size: 16px;
}
.device-list .device-more[data-v-2a189696]{
  color: #059fe8;
  font-size: 16px;
  cursor: pointer;
}
.device-info[data-v-2a189696]{
  padding: 4px 0;
}
.device-info .device-name[data-v-2a189696]{
  font-size: 16px;
}
.device-info-item .utm-control-label[data-v-2a189696]{
  width: 110px;
  color: rgba(140,140,140,1);
  padding-right: 16px;
  font-size: 14px;
  height: 24px;
}
.device-info-item .utm-controls[data-v-2a189696]{
  margin-left: 110px;
  font-size: 14px;
  line-height: 24px;
  min-width: 24px;
  min-height: 24px;
}
#point-page .device-icon-tooltip[data-v-2a189696]{
  position: relative;
  margin-left: 0px;
  margin-right: 10px;
  width: 24px;
  vertical-align: middle;
}
.device-icon-tooltip .ivu-tooltip-popper[x-placement=bottom-end] .ivu-tooltip-arrow[data-v-2a189696] {
  right: 7px;
}
#point-page .device-icon-tooltip.more-device-con[data-v-2a189696]{
  position: absolute;
  bottom: 7px;
  right: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 40px;
  text-align: right;
  cursor: pointer;
}
#point-page .device-icon-tooltip.more-device-con>span[data-v-2a189696]{
  font-size: 14px;
  font-weight: 400;
  line-height: 46px;
  color: #059FE8;
}
#point-page .device-icon-tooltip.more-device-con .more-device[data-v-2a189696]{
  display: none;
  position: absolute;
  right: 4px;
  top: 39px;
  padding: 10px 12px;
  width: 166px;
  min-height: 50px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  border-radius: 3px;
  white-space: normal;
  word-break: break-word;
  text-align: left;
  z-index: 10;
}
#point-page .device-icon-tooltip.more-device-con:hover .more-device[data-v-2a189696]{
  display: block;
}
#point-page .device-icon-tooltip.more-device-con .more-device .device-icon-tooltip[data-v-2a189696]{
  margin-top: 5px;
  margin-bottom: 5px;
}
#point-page .device-icon-tooltip .utm-option-operation.item-operation[data-v-2a189696]{
  top:-21px;
  right:0px;
}
#point-page .more-operation.point-operation[data-v-2a189696]{
  z-index: 10;
}
#point-page .device-icon-tooltip .device-status-icon[data-v-2a189696]{
  position: absolute;
  top: 1px;
  right: -3px;
  width: 17px;
  height: 17px;
  line-height: 13px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 8px;
  z-index: 10;
}
#point-page .device-icon-tooltip .device-status-icon.utm-online-status[data-v-2a189696]{
  color: #E89505;
  border: 2px solid #E89505;
}
#point-page .device-icon-tooltip .device-status-icon.utm-password-icon[data-v-2a189696]{
  color: #858585;
  border: 2px solid #858585;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
#point-page .device-icon-tooltip .device-title[data-v-2a189696]{
  padding: 2px 0px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
#point-page .device-icon-tooltip .utm-control-group[data-v-2a189696]{
  margin: 0;
  min-height: 30px;
}
#point-page .tooltip-line[data-v-2a189696]{
  margin-bottom: 6px;
  height: 1px;
  background-color: #858585;
  width: calc( 100% - 24px );
}
#point-page .device-icon-tooltip .utm-control-label[data-v-2a189696],
#point-page .device-icon-tooltip .utm-controls[data-v-2a189696]{
  min-height: 30px;
  line-height: 30px;
  font-size: 14px;
  vertical-align: middle;
}
#point-page .device-icon-tooltip .utm-control-label[data-v-2a189696]{
  height: 30px;
  width: 120px;
  color: #aaa;
  font-weight: 400;
}
#point-page .device-icon-tooltip .utm-controls[data-v-2a189696]{
  margin-left: 120px;
  white-space: normal;
  word-break: break-all;
  width: calc( 100% - 146px );
}
/*查看大图弹框*/
.point-site-tab[data-v-2a189696]{
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0;
  display: inline-block;
}
.point-site-tab li[data-v-2a189696]{
  width: 170px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #dfdfdf;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
  font-size: 16px;
}
.point-site-tab li[data-v-2a189696]:first-child{
  border-radius: 4px 0 0 4px;
}
.point-site-tab li[data-v-2a189696]:last-child{
  border-right: 0;
  border-radius: 0 4px 4px 0;
}
.point-site-tab li.active[data-v-2a189696],
.point-site-tab li[data-v-2a189696]:hover{
  background: rgba(5,159,232,1);
  color: #fff;
}
.reset-site-tab[data-v-2a189696]{
  margin-left: 24px;
}
.reset-site-tab .utm-font[data-v-2a189696]{
  margin-right: 4px;
  font-size: 16px;
}
.point-site-slider[data-v-2a189696]{
  width: 100%;
  height: 1px;
  background: rgba(223,223,223,1);
  margin: 16px 0;
}
.point-site-device[data-v-2a189696]{
  margin-right: -8px;
  margin-left: -8px;
}
.point-site-device .site-device-item[data-v-2a189696]{
  width: 40px;
  height: 40px;
  margin: 0 8px;
  border: 1px solid rgba(223,223,223,1);
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.point-site-device .site-device-item.active[data-v-2a189696]{
  background: #effaff;
  border: 1px solid #059fe8;
}
.point-site-device .site-device-item .utm-font[data-v-2a189696]{
  color: rgba(30,77,109,1);
  font-size: 20px;
}
.point-site-device .site-device-item.error .utm-font[data-v-2a189696]{
  color: rgba(198,28,28,1);
}
.site-device-map[data-v-2a189696]{
  background: #ffffff;
  border: 1px solid #eeeeee;
  margin-top: 16px;
  position: relative;
}
.site-device-map .site-map-name[data-v-2a189696]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
  background: rgba(0,0,0,.4);
}
.site-device-map .site-map-box[data-v-2a189696] {
  height: 480px;
}
.site-device-arrow[data-v-2a189696]{
  font-size: 20px;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
}
.site-device-arrow .arrow[data-v-2a189696]{
  font-size: 24px;
  color: #059fe8;
  margin: 0 24px;
}
.site-device-arrow .arrow.disabled[data-v-2a189696]{
  cursor: not-allowed;
  color: #dfdfdf;
}
/*列表中的地图*/
/*离开和进入动画*/
.point-list-content-item-box[data-v-2a189696] {
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
}
/*****************************选择默认类型 Start******************/
.default-type-modal .utm-checkbox-wrapper[data-v-2a189696]{
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 28px;
  min-height: 16px;
}
.default-type-modal .utm-checkbox-wrapper .utm-checkbox-text[data-v-2a189696]{
  line-height: 18px;
}
.default-type-title[data-v-2a189696]{
  padding-bottom: 24px;
}
.default-type-box[data-v-2a189696]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  font-size: 0;
}
.default-type-box li[data-v-2a189696]{
  position: relative;
  display: inline-block;
  padding: 0 12px;
}
.default-type-box li .default-type-item[data-v-2a189696]{
  position: relative;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  height: 300px;
  text-align: center;
  cursor: pointer;
}
.default-type-box li .default-type-item.active[data-v-2a189696]{
  border: 1px solid #059FE8;
}
.default-type-box li .default-type-item.active .utm-ok1-icon[data-v-2a189696]{
  position: absolute;
  top:8px;
  right: 16px;
  width: 24px;
  height: 24px;
  color: #059FE8;
}
.default-type-item .default-type-icon[data-v-2a189696]{
  display: block;
  width: 157px;
  height: 157px;
  margin: 32px auto 8px;
}
.default-type-item.active .default-type-name[data-v-2a189696]{
  color: #059FE8;
  font-weight: 700;
}
.default-type-item .default-type-name[data-v-2a189696]{
  font-size: 18px;
  color: #393939;
  display: inline-block;
}
.default-type-item .default-type-desc[data-v-2a189696]{
  font-size: 16px;
  color: #B4B4B4;
  display: inline-block;
}
/*****************************选择默认类型 End******************/

#account-check[data-v-03d5c79b]{
  width: 100%;
}
#account-check .tag-count[data-v-03d5c79b]{
  font-size: 16px;
  margin: 0 16px;
}
#account-check .utm-circle-tag[data-v-03d5c79b]{
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#account-check .utm-circle-tag.mini[data-v-03d5c79b]{
  background: #FFFFFF;
  border: 1px solid #dfdfdf;
  height: 32px;
  line-height: 32px;
  color: black;
}
#account-check .utm-tag-panel .tag-item[data-v-03d5c79b]:hover,.utm-tag-panel .tag-item.active[data-v-03d5c79b]{
  background-color: #F0F6FF;
}
#account-check .utm-tag-panel .utm-ok-icon[data-v-03d5c79b]{
  float: right;
  color: #2172F6;
}
#account-check .utm-circle-tag .utm-badge-circle[data-v-03d5c79b]{
  position: absolute;
  top: 7px;
  right: -8px;
}
.tag-text[data-v-03d5c79b]{
  color: #3333;
}
.tags-box[data-v-03d5c79b]{
  margin-top: 16px;
  width: 100%;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 10px;
}

#account-group[data-v-245e9ada]{
  height: 100%;
}
#account-group .arrange-item-container .item-right-content[data-v-245e9ada]{
  background-color: #eef9ff;
  width: 100%;
  height: 50%;
  border-bottom: 1px solid #dfdfdf;
  border-radius: 8px;
}
#account-group .utm-option-operation.item-operation[data-v-245e9ada] {
  padding-left: 4px;
  right: -4px;
  text-align: center;
  line-height: 20px;
  width: 24px;
  height: 24px;
  min-height: unset;
  min-width: unset;
  border-radius: 4px;
}
#account-group .utm-option-operation.item-operation[data-v-245e9ada]:hover {
  background: #b2e7ff;
}
#account-group .arrange-item-title .item-name[data-v-245e9ada]{
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  max-width: 450px;
  margin-top: 4px;
}
#account-group .utm-arrange-item .arrange-item-container[data-v-245e9ada]{
  height: 371px;
  border-radius: 8px;
}
#account-group .item-bottom-content[data-v-245e9ada]{
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  top:101%;
  right: 0;
}
#account-group .account-list[data-v-245e9ada]{
  color: #FFFFFF;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
#account-group .account-list i[data-v-245e9ada]{
  color: #FFFFFF;
  font-size: 16px;
}
#account-group .account-list span[data-v-245e9ada]{
  margin-left: 8px;
}

/**************选择tag****************/
#account-group .utm-multiple-check[data-v-245e9ada] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 4px;
}
#account-group .utm-multiple-check .tag-checked-box[data-v-245e9ada] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
#account-group .utm-multiple-check .multiple-check-panel[data-v-245e9ada] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
#account-group .multiple-check-panel .check-option[data-v-245e9ada] {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}
#account-group .multiple-check-panel .check-option[data-v-245e9ada]:hover,
.multiple-check-panel .check-option.active[data-v-245e9ada] {
  background: rgba(239, 250, 255, 1);
}
#account-group.utm-multiple-check .utm-tag[data-v-245e9ada] {
  background: #fff;
}
#account-group .tag-checked-box .check-tips[data-v-245e9ada] {
  line-height: 38px;
  color: #c5c8ce;
  margin-left: 4px;
  font-size: 16px;
}
#account-group .tag-checked-box .utm-circle-tag.mini[data-v-245e9ada] {
  background-color: #f0f5f7;
  color: black;
  margin-top: 8px;
  margin-right: 12px;
  height: 32px;
  line-height: 32px;
}

/**************选择tag****************/
#account-group .utm-linkage.search-ac-link[data-v-245e9ada]{
  position: relative;
}
#account-group .search-ac-link .utm-linkage-input[data-v-245e9ada]{
  padding-left: 30px;
}
#account-group .search-ac-link .utm-search-icon[data-v-245e9ada]{
  position: absolute;
  right: 154px;
  top: 6px;
  color: #B4B4B4;
}
#account-group .utm-table-nodata.no-ac-data[data-v-245e9ada]{
  font-size: 16px;
  color: #B4B4B4;
  margin: 80px 0;
}
#account-group .role-box[data-v-245e9ada]{
  min-height: 20px;
  border-top: solid 1px #dfdfdf;
  padding: 8px;
}
#account-group .item-right-content .arrange-item-field[data-v-245e9ada]{
  padding: 9px;
  min-height: 98px;
}
#account-group .utm-control-label[data-v-245e9ada] {
  width: 190px;
}
#account-group .utm-controls[data-v-245e9ada] {
  margin-left: 190px;
}
#account-group .utm-option-operation .more-operation[data-v-245e9ada]{
  left: -104px;
}
#account-group .utm-icon-rank[data-v-245e9ada] {
  font-size: 16px;
}
#account-group .operator-icon[data-v-245e9ada]{
  font-size: 16px;
}
#account-group .utm-user-icon[data-v-245e9ada] {
  font-size: 16px;
}
#account-group .more-rank-text[data-v-245e9ada]{
  margin-left: 18px ;
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer
}
#account-group .role-yellow-bg[data-v-245e9ada]{
  background: -webkit-gradient(linear,left top, right top,from(#f2b253), to(#f99c80));
  background: linear-gradient(90deg,#f2b253, #f99c80);
}
#account-group .item-right-content[data-v-245e9ada]{
  padding:  8px 16px
}
#account-group .description-box[data-v-245e9ada]{
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  word-break: break-all;
  line-height: 23px;
}
#account-group .utm-box-right[data-v-245e9ada]{
  overflow-x: hidden;
}
#account-group .common-component-box[data-v-245e9ada]{
  overflow-y: auto;
  overflow-x: hidden;
  height: calc( 100% - 72px );
}
#account-group .utm-arrange-box[data-v-245e9ada]{
  padding: 0 16px;
}

#account-group-check[data-v-d4b8b8d0]{
  width: 100%;
}
#account-group-check .tag-count[data-v-d4b8b8d0]{
  font-size: 16px;
  margin: 0 16px;
}
#account-group-check .utm-circle-tag[data-v-d4b8b8d0]{
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#account-group-check .utm-circle-tag.mini[data-v-d4b8b8d0]{
  background: #FFFFFF;
  border: 1px solid #dfdfdf;
  height: 32px;
  line-height: 32px;
  color: black;
}
#account-group-check .utm-tag-panel .tag-item[data-v-d4b8b8d0]:hover,.utm-tag-panel .tag-item.active[data-v-d4b8b8d0]{
  background-color: #F0F6FF;
}
#account-group-check .utm-tag-panel .utm-ok-icon[data-v-d4b8b8d0]{
  float: right;
  color: #2172F6;
}
#account-group-check .utm-circle-tag .utm-badge-circle[data-v-d4b8b8d0]{
  position: absolute;
  top: 7px;
  right: -8px;
}
.tag-text[data-v-d4b8b8d0]{
  color: #3333;
}
.tags-box[data-v-d4b8b8d0]{
  margin-top: 16px;
  width: 792px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 10px;
}

#account-List[data-v-0ce91ee4]{
  height: 100%;
}

/**************选择tag****************/
#account-List .utm-multiple-check[data-v-0ce91ee4] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 4px;
}
#account-List .utm-multiple-check .tag-checked-box[data-v-0ce91ee4] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
#account-List .utm-multiple-check .multiple-check-panel[data-v-0ce91ee4] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
#account-List .multiple-check-panel .check-option[data-v-0ce91ee4] {
  margin: 0;
  line-height: normal;
  padding: 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}
#account-List .multiple-check-panel .check-option[data-v-0ce91ee4]:hover,
.multiple-check-panel .check-option.active[data-v-0ce91ee4] {
  background: rgba(239, 250, 255, 1);
}
#account-List.utm-multiple-check .utm-tag[data-v-0ce91ee4] {
  background: #fff;
}
#account-List .tag-checked-box .check-tips[data-v-0ce91ee4] {
  line-height: 38px;
  color: #c5c8ce;
  margin-left: 4px;
  font-size: 16px;
}
#account-List .tag-checked-box .utm-circle-tag.mini[data-v-0ce91ee4] {
  background-color: #f0f5f7;
  color: black;
  margin-top: 8px;
  margin-right: 12px;
  height: 32px;
  line-height: 32px;
}

/**************选择tag****************/
#account-List .utm-linkage.search-ac-link[data-v-0ce91ee4]{
  position: relative;
}
#account-List .search-ac-link .utm-linkage-input[data-v-0ce91ee4]{
  padding-left: 30px;
}
#account-List .search-ac-link .utm-search-icon[data-v-0ce91ee4]{
  position: absolute;
  right: 154px;
  top: 6px;
  color: #B4B4B4;
}
#account-List .utm-table-nodata.no-ac-data[data-v-0ce91ee4]{
  font-size: 16px;
  color: #B4B4B4;
  margin: 80px 0;
}
#account-List .more-group-text[data-v-0ce91ee4] {
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
}
#account-List .not-can-edit[data-v-0ce91ee4]{
  height: 100%;
  width: 100%;
}
#account-List .detail-text[data-v-0ce91ee4]{
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
}
#account-List .selected-title[data-v-0ce91ee4]{
  border-bottom: 1px solid rgba(223, 223, 223, 1);
  display: inline-block;
  width: 100%;
  padding: 12px 16px;
  font-weight: 700;
  color: #393939;
  line-height: 28px;
}
#account-List .substance-left[data-v-0ce91ee4]{
  padding: 0;
}
#account-List .utm-list-page-box[data-v-0ce91ee4]{
 width: 100%;
}
.account-tip-box[data-v-0ce91ee4]{
  margin-top:16px;
  border-top: 1px solid #dfdfdf;
  padding-top: 16px;
}
.account-tip-box i[data-v-0ce91ee4]{
  font-size: 13px;
  margin-right: 4px;
}
.account-tip-box span[data-v-0ce91ee4]{
  font-weight: 500;
  font-size: 14px;
  color: #333;
}

#account-management[data-v-42b821b8]{
  height: 100%;
  background: #fff;
}
#account-management .module-tab[data-v-42b821b8]{
  padding: 4px 16px 0;
  border-bottom: 1px solid #ddd;
}
#account-management .module-tab .tab-item[data-v-42b821b8]{
  display: inline-block;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
}
#account-management .module-tab .tab-item span[data-v-42b821b8]{
  display: inline-block;
  vertical-align: middle;
}
#account-management .module-tab .tab-item.active[data-v-42b821b8]{
  color: #059FE8;
  border-bottom: 2px solid #059FE8;
}
#account-management .module-tab .tab-item i.active[data-v-42b821b8]{
  color: #059FE8;
}
#account-management .module-tab .tab-item i[data-v-42b821b8]{
  color: #b4b4b4;
}
#account-management .module-content[data-v-42b821b8]{
  height: calc( 100% - 45px );
}
#account-management i[data-v-42b821b8] {
  font-size: 16px;
}

#department-info[data-v-5a1a81e0]{
  height: 100%;
  background-color: #ebeff2;
}
#department-info .page-title[data-v-5a1a81e0]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 16px;
}
.modular-item[data-v-5a1a81e0]{
  padding-left: 50px;
}
.utm-textarea[data-v-5a1a81e0]{
  line-height: 30px;
}
.module-content[data-v-5a1a81e0]{
  position: relative;
  padding: 16px 24px 24px; 
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 8px;
}
.page-form[data-v-5a1a81e0] {
  width: 800px;
  margin: 24px auto;
  max-width: 100%;
}
.flex-column-box[data-v-5a1a81e0]{
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bottom-btn-box[data-v-5a1a81e0]{
  bottom: 0;
  padding: 24px 0;
  width: 100%;
  text-align: center;
}
.page-content .step-node[data-v-5a1a81e0]{
  position: relative;
}
.step-node .step-desc[data-v-5a1a81e0]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.modular-content[data-v-5a1a81e0]{
  position: relative;
  margin: 16px 0 0;
}
.modular-content.grey-bg[data-v-5a1a81e0]{
  padding: 16px 0;
  background: #F7FAFD;
  border-radius: 4px;
}
.modular-content .modular-item[data-v-5a1a81e0]{
  position: relative;
  padding-right: 16px;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.utm-field-item[data-v-5a1a81e0]{
  margin-bottom: 0;
}
.utm-field-item .field-item-name[data-v-5a1a81e0]{
  width: 195px;
}
.utm-field-item .field-item-content[data-v-5a1a81e0]{
  max-width: calc( 100% - 190px );
}
.modular-content .field-divide-line[data-v-5a1a81e0]{
  display: none;
  position: absolute;
  top: 16px;
  height: 26px;
  width: 1px;
  background-color: #b4b4b4;
}
.modular-content .field-divide-line1[data-v-5a1a81e0]{
  left: calc(50% - 8px);
}
.modular-content .field-divide-line2[data-v-5a1a81e0]{
  left: calc(66% - 8px);
}
.modular-content.modular-content1 .modular-item[data-v-5a1a81e0]{
  width: 100%;
}
.modular-content.modular-content2 .modular-item[data-v-5a1a81e0]{
  width: 49.5%;
}
.modular-content.modular-content2 .field-divide-line1[data-v-5a1a81e0]{
  display: block;
}
.modular-content.modular-content3 .modular-item[data-v-5a1a81e0]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.modular-content.modular-content3 .field-divide-line1[data-v-5a1a81e0]{
  display: block;
  left: 33%;
}
.modular-content.modular-content3 .field-divide-line2[data-v-5a1a81e0]{
  display: block;
}
.utm-tabs .utm-tab-item[data-v-5a1a81e0] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-5a1a81e0]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-5a1a81e0]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.add-operate-btn[data-v-5a1a81e0]{
  margin-top: 8px;
  height: 60px;
  text-align: right;
}
.dcs-item-box[data-v-5a1a81e0]{
  position: relative;
  margin-top: 16px;
  border-radius: 4px;
}
.dcs-delete-icon[data-v-5a1a81e0]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 9px;
  background-color: #ccc;
  font-weight: bold;
  font-size: 14px;
}
.dcs-delete-icon[data-v-5a1a81e0]:before{
  color: #fff;
}
.add-new-btn[data-v-5a1a81e0]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-5a1a81e0]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-5a1a81e0]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-5a1a81e0], .slide-fade-leave-to[data-v-5a1a81e0]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.radio-controls[data-v-5a1a81e0]{
  height: 40px;
  background: #f8f9f9;
  border-radius: 8px;
  padding: 0 12px;
}
.more-module-btn[data-v-5a1a81e0]{
  display: inline-block;
  font-size: 16px;
  line-height: 28px;
  color: #059fe8;
  cursor: pointer;
  margin-left: 8px;
}
/*新增tag*/
.utm-tag-panel .tag-lists[data-v-e50d71c6] {
  cursor: default;
}
.dcs-zone-check[data-v-e50d71c6] {
  width: 100%;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 8px 16px;
}
.dcs-zone-check .tag-count[data-v-e50d71c6] {
  font-size: 16px;
  margin: 0 16px;
}
.dcs-zone-check .zones[data-v-e50d71c6] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(var(--main-color-rgb), 0.05);
  padding: 16px;
  border-radius: 8px;
  margin-top: 12px;
}
.dcs-zone-check .utm-circle-tag.mini[data-v-e50d71c6] {
  margin-right: 16px;
}
.dcs-zone-check .utm-circle-tag .tag-text[data-v-e50d71c6] {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.utm-tag-panel .zone-item[data-v-e50d71c6] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0;
  margin-left: 34px;
  width: calc(100% - 34px);
}
.utm-tag-panel .utm-checkbox-wrapper .utm-checkbox-inner[data-v-e50d71c6]{
  vertical-align: top;
}
.utm-tag-panel .utm-checkbox-wrapper .utm-checkbox-text[data-v-e50d71c6] {
  width: calc(100% - 34px);
  cursor: pointer;
}
.utm-tag-panel .utm-ok-icon[data-v-e50d71c6] {
  position: absolute;
  right: 8px;
  font-size: 16px;
  color: #059FE8;
}
/**全选dcs zone的选择框**/
.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input[checked]+.utm-checkbox-inner[data-v-e50d71c6] {
  border-color: rgba(5, 154, 232, 1);
  background-color: rgba(5, 154, 232, 1);
}
.utm-checkbox-wrapper.is-check-part .utm-checkbox .utm-checkbox-inner[data-v-e50d71c6]:before {
  width: 100%;
  display: block;
  height: 100%;
  top: 0px;
  left: 0px;
  border: 0;
  border: 3px solid #fff;
  -webkit-transform: rotate(0deg) scale(1) !important;
          transform: rotate(0deg) scale(1) !important;
}
.utm-checkbox-wrapper.is-check-all .utm-checkbox .utm-checkbox-inner[data-v-e50d71c6]:before {
  width: 5px;
  height: 10px;
  top: 0px;
  left: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*更多*/
.dcs-zone-check .more-tag[data-v-e50d71c6] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.dcs-zone-check .more-tag .other-zones[data-v-e50d71c6] {
  position: absolute;
  padding: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.dcs-zone-check .more-tag:hover .other-zones[data-v-e50d71c6] {
  display: inline-block;
}
.utm-btn.dcs-check-btn[data-v-e50d71c6]{
  opacity: 1;
  z-index: 10;
}
.dcs-item[data-v-e50d71c6]{
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 19px 14px;
  margin-bottom: 16px;
  margin-top: 13px;
  position: relative;
}
.add-btn[data-v-e50d71c6]{
  color: var(--main-color);
  width: 100px;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 24px;
  cursor: pointer;
}
.add-btn i[data-v-e50d71c6] {
  font-size: 14px;
}
.delete-item[data-v-e50d71c6]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-e50d71c6] {
  font-size: 14px;
}
.dcsaccess-form[data-v-e50d71c6]{
  background: #effaff;
  border-radius: 4px;
  padding: 16px;
}
.dcsaccess-form .utm-controls[data-v-e50d71c6]{
  margin-left: 0;
}
.dcsaccess-form .options-item[data-v-e50d71c6]{
  width: 72px;
  margin-bottom: 16px;
}
.dcsaccess-form .splite-line[data-v-e50d71c6]{
  width: 100%;
  height: 0px;
  margin-bottom: 16px;
  border: 1px dashed #dfdfdf;
}
.dcsaccess-form .options-item .label-text.is-default[data-v-e50d71c6]{
  color: #515a6e;
}

.utm-check-bar.check-substance-box .search-section .search-item[data-v-3c8dab4e]{
  padding-right: 8px;
  margin-right: 0;
}
.utm-check-bar-no-data[data-v-3c8dab4e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}

.verify-group[data-v-a2b3a128]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.group-account-user > i[data-v-a2b3a128]{
  color: #999999;
  font-size: 16px;
}
.group-account-user[data-v-a2b3a128]{
  margin-top: 14px;
}
.flex-c-center-start[data-v-a2b3a128]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.group-table-header[data-v-a2b3a128] > :first-of-type{
  width: 266px;
  padding-left: 24px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.group-table-header[data-v-a2b3a128] > :last-of-type{
  width: calc(100% - 266px);
  padding-left: 24px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.group-table-body[data-v-a2b3a128] > :first-of-type{
  width: 266px;
  padding-left: 24px;
  height: 516px;
  border-right: 1px solid #dce3e8 ;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.group-table-body[data-v-a2b3a128] > :last-of-type{
  width: calc(100% - 266px);
  padding-left: 24px;
  height: 516px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
  overflow: auto;
  padding-bottom: 16px;
}
.group-table-header[data-v-a2b3a128]{
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #dce3e8 ;
  border-radius: 8px 8px 0 0 ;
  background: #ecf6fb;
}
.group-table[data-v-a2b3a128]{
  width: 852px;
  height: 556px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.role-control-box[data-v-a2b3a128]{
  text-overflow: ellipsis;
  margin-top: 12px;
}
.role-control-section .base-form[data-v-a2b3a128]{
  margin: 0 auto;
  width: 71.04%;
  max-width: 100%;
}
.utm-control-label[data-v-a2b3a128] {
  float: none;
  min-width: 160px;
}
@media screen and (max-width: 1255px) {
.role-control-section form[data-v-a2b3a128]{
    width: 99%;
}
}
/*footer button box */
.role-footer[data-v-a2b3a128]{
  text-align: center;
  height: 88px;
}
.role-footer .role-operate-btn[data-v-a2b3a128]{
  margin-right: 24px;
}
.role-footer .role-operate-btn.disabled[data-v-a2b3a128]{
  background-color: #ccc;
}
/*role detail*/
.tab-title[data-v-a2b3a128]{
  margin-bottom: 8px;
  line-height: 20px;
}
.tabs[data-v-a2b3a128]{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  font-size: 0;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
  vertical-align: bottom;
  background-color: #fff;
  white-space: nowrap;
}
.tab-item[data-v-a2b3a128]{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 99px;
  height: 40px;
  background-color: #F7F7F7;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  color: #000;
}
.tab-item[data-v-a2b3a128]:last-child{
  border-radius: 0 4px 0 0;
}
.tab-item[data-v-a2b3a128]:after{
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
  height: 15px;
  background-color: #DFDFDF;
}
.tab-item.active[data-v-a2b3a128]{
  margin-left: -1px;
  width: 98px;
  background-color: #E6EFF9;
  color: var(--main-color);
  font-weight: 600;
}
.selected-count[data-v-a2b3a128]{
  color: #FF9A36;
}
.tab-content[data-v-a2b3a128]{
  height: 100%;
}
.global-code-check-box .tab-content[data-v-a2b3a128]{
  height: calc(100% - 40px);
}
.tab-child-title[data-v-a2b3a128]{
  font-weight: 600;
  color: #000;
  line-height: 40px;
}
.tab-code-box[data-v-a2b3a128]{
  margin-top: 16px;
  padding: 0;
  height: calc(100% - 152px);
  border-radius: 4px;
  overflow-y: auto;
}
.tab-code-box.ess-tab-code-box[data-v-a2b3a128]{
  height: calc(100% - 113px);
}
.tab-code-box.ATS-code-box[data-v-a2b3a128] {
  height: calc(100% - 72px);
}
.flex-box[data-v-a2b3a128]{
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 502px;
}
.code-box[data-v-a2b3a128]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
  margin-top: 16px;
  width: 50%;
  height: 100%;
  max-height: 100%;
  border-radius: 8px;
  white-space: nowrap;
  border: 1px solid #dfdfdf;
}
.code-box.code-box-half[data-v-a2b3a128]{
  width: 50% !important;
  max-width: 50% !important;
  min-width: 50% !important;
}
.ac-set-box[data-v-a2b3a128] {
  margin-top: 24px;
  width: calc(50% - 16px);
  height: 100%;
}
.ac-set-box > .utm-controls[data-v-a2b3a128],
.ac-set-box .check-substance-box[data-v-a2b3a128]{
  height: calc(100% - 40px);
}
.utm-controls.ml-0[data-v-a2b3a128]{
  margin-left: 0px;
}
@media screen and (min-height: 1080px) {
.flex-box[data-v-a2b3a128]{
    height: 514px;
}
}
@media screen and (min-height: 1200px) {
.flex-box[data-v-a2b3a128]{
    height: 588.8px;
}
}
@media screen and (min-height: 1400px) {
.flex-box[data-v-a2b3a128]{
    height: 663.6px;
}
}
@media screen and (min-height: 1600px) {
.flex-box[data-v-a2b3a128]{
    height: 778.4px;
}
}
@media screen and (min-height: 1600px) {
.flex-box[data-v-a2b3a128]{
    height: 778.4px;
}
}
.code-box-left[data-v-a2b3a128]{
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 19.8%;
  min-width: 203px;
  border-radius: 7px 0 0 7px;
  background: #fff;
  border-right: 1px solid #dfdfdf;
  overflow-x: hidden;
  overflow-y: auto;
}
.list-item[data-v-a2b3a128]{
  position: relative;
  min-height: 48px;
  line-height: 48px;
  cursor: pointer;
  font-size: 16px;
  color: #333;
}
.list-item > div[data-v-a2b3a128]{
  padding-left: 16px;
}
.list-item i.expand-icon[data-v-a2b3a128]{
  position: absolute;
  right: 16px;
  top: 16px;
  height: 16px;
  -webkit-transition: 140ms;
  transition: 140ms;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.list-item i.expand-icon.expand[data-v-a2b3a128]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.list-item-done[data-v-a2b3a128]{
  position: absolute;
  right: 6px;
  top: 16px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--main-color);
  text-align: center;
  line-height: 16px;
}
.list-item-done i[data-v-a2b3a128]{
  color: #fff;
  font-size: 14px;
}
.child-list[data-v-a2b3a128]{
  height: 0;
  background-color: #F5F5F5;
  overflow: hidden;
}
.child-list.expand[data-v-a2b3a128]{
  height: unset;
  overflow: visible;
}
.child-list-item.list-item[data-v-a2b3a128]:hover{
  background: rgba(var(--main-color-rgb), 0.1);
}
.child-list-item.list-item.active[data-v-a2b3a128],
.child-list-item.list-item.active[data-v-a2b3a128]:hover{
  background: rgba(var(--main-color-rgb), 0.25);
  font-weight: bold;
}
.ATS-code-check-box[data-v-a2b3a128] {
  padding: 0 16px 16px;
  height: 100%;
  width: 100%;
}
.code-box-right[data-v-a2b3a128]{
  padding: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  vertical-align: top;
  max-width: calc(100% - 203px);
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: normal;
}
.code-box-right.global-code-check-box[data-v-a2b3a128] {
  padding: 0 16px 16px;
}
.code-check-box[data-v-a2b3a128]{
  height: 100%;
}
.backend-code-check-box .code-check-box[data-v-a2b3a128]{
  height: calc(100% - 80px);
}
.backend-code-check-box.backend-code-check-close .code-check-box[data-v-a2b3a128]{
  height: calc(100% - 38px);
}
.code-check-box .utm-prefix-input[data-v-a2b3a128]{
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #dfdfdf;
}
/* 选账号、账号组 */
.selector-section[data-v-a2b3a128]{
  margin-bottom: 24px;
}
.selector-section .selector-title[data-v-a2b3a128]{
  margin-bottom: 16px;
  line-height: 19px;
  color: #333;
}
.add-receiver-btn[data-v-a2b3a128]{
  margin-bottom: 0px;
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 1;
}
.add-receiver-btn .utm-tag[data-v-a2b3a128]{
  margin: 0 16px 4px 0px;
  vertical-align: middle;
  font-size: 14px;
  background: rgba(var(--main-color-rgb), 0.05);
}
.add-receiver-btn .utm-tag .utm-font[data-v-a2b3a128]:first-child{
  padding-right: 8px;
  color: #999999;
  font-size: 16px;
}
.add-receiver-btn .utm-tag .utm-font[data-v-a2b3a128]:last-child{
  padding-left: 8px;
  color: #B4B4B4;
  font-size: 12px;
}
.add-receiver-btn .selector-text-box[data-v-a2b3a128]{
  vertical-align: top;
  padding: 4px 8px 0;
  width: calc(100% - 48px);
  min-height: 40px;
  margin-top: 8px;
  background: #ffffff;
  border: 1px dashed #059fe8;
  border-radius: 8px;
}
.add-receiver-btn .selected-text[data-v-a2b3a128]{
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
  margin-left: 8px;
}
.add-receiver-btn .utm-btn[data-v-a2b3a128]{
  vertical-align: middle;
}
.utm-prefix-input.sear-receiver[data-v-a2b3a128]{
  margin: 16px 16px 4px 16px;
}
.receiver-panel .user-list[data-v-a2b3a128]{
  height: 160px;
  overflow-y: auto;
}
.receiver-panel .user-list .no-list-data[data-v-a2b3a128]{
  text-align: center;
  line-height: 160px;
  color: #bbb;
}
.user-list .user-item[data-v-a2b3a128]{
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-a2b3a128]:hover{
  background: rgba(239, 250, 255, 1);
}
.user-list .user-item.active[data-v-a2b3a128],
.user-list .user-item.active[data-v-a2b3a128]:hover{
  background: #CBDFFF;
}
.user-list .user-item.active[data-v-a2b3a128]:after{
  position: absolute;
  right: 12px;
  content:"\E6E7";
  font-family: 'utmfont', sans-serif;
  color: var(--main-color);
  font-size: 16px;
}
.permission-item[data-v-a2b3a128]{
  position: relative;
  margin-bottom: 16px;
}
.permission-item .permission-item-header[data-v-a2b3a128]{
  padding: 16px;
  height: 71px;
  background: #f7f6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
}
.permission-item .permission-item-content[data-v-a2b3a128]{
  padding: 16px;
  height: 385px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 0px 0px 4px 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
.expand-icon[data-v-a2b3a128]{
  position: relative;
  top: 0;
  right: 0px;
  display: inline-block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  cursor: pointer;
}
.expand-icon.expand[data-v-a2b3a128]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.utm-btn.add-account-btn[data-v-a2b3a128]{
  padding-left: 0;
  border-color: transparent;
  font-size: 14px;
}
.utm-btn.add-account-btn .utm-font[data-v-a2b3a128]{
  font-size: 14px;
}
/*rank modal*/
.rank-content-box[data-v-a2b3a128]{
  height: calc( 100% - 42px );
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.rank-content-tree[data-v-a2b3a128]{
  padding: 16px;
  height: calc( 100% - 54px );
  overflow: auto;
}
.rank-operate-btns[data-v-a2b3a128]{
  padding: 0 16px;
  font-size: 0;
}
.rank-operate-btns button[data-v-a2b3a128]{
  margin-right: 16px;
}
.utm-linear-btn.rank-operate-btn[data-v-a2b3a128]{
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
}
.utm-text-btn .utm-font[data-v-a2b3a128]{
  color: var(--main-color);
}
.utm-text-btn[data-v-a2b3a128]{
  background: transparent;
  color: var(--main-color);
}
/* 需求3095 */
/* 顶部导航部分 */
.role-nav-tab[data-v-a2b3a128]{
  width: calc(100%);
  height: 153px;
  background: #ffffff;
  border-radius: 8px;
}
.role-nav-tab .title[data-v-a2b3a128]{
  height: 56px;
  padding-left: 16px;
  border-bottom: 1px solid rgba(0,0,0,0.09);
}
.role-control-section .title[data-v-a2b3a128]{
  height: 56px;
  padding-left: 16px;
  border-bottom: 1px solid rgba(0,0,0,0.09);
}
/* 基础信息部分 */
/* 第二步 */
.system-set-location[data-v-a2b3a128]{
  height: 137px;
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
}
.location-tags[data-v-a2b3a128]{
  width: 100%;
  padding: 24px 16px;
}
.location-tag[data-v-a2b3a128]{
  background: #f6f6f6;
  border-radius: 16px;
  margin-left: 24px;
  cursor: pointer;
  padding: 6px 24px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.location-tags > .location-tag[data-v-a2b3a128]:first-of-type{
  margin-left: 0px;
}
.location-tag.active[data-v-a2b3a128]{
  background: #059fe8;
  color: #fff;
}
.border-box[data-v-a2b3a128]{
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
}
.set-Privilege-box[data-v-a2b3a128]{
  height: calc(100% - 56px);
  width: 100%;
}
.select-office[data-v-a2b3a128]{
  width: 301px;
  height: calc(100% - 24px);
  border-bottom: 1px solid rgba(0,0,0,0.09);
  border-right: 1px solid rgba(0,0,0,0.09);
  border-radius: 0 0 8px 0;
}
.search-input[data-v-a2b3a128]{
  width: 276px;
  height: 40px;
  background: #ffffff;
  margin-top: 16px;
  margin-left: 12px;
}
.search-input[data-v-a2b3a128] .ivu-input-prefix{
  width: 32px;
  height: 40px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  line-height: 40px;
}
.search-input[data-v-a2b3a128] .ivu-input-prefix i{
  line-height: 40px;
  font-size: 22px;
  color: #b4b4b4;
}
.search-input[data-v-a2b3a128] .ivu-input{
  font-size: 18px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
}
.office-select-content[data-v-a2b3a128]{
  width: 100%;
  padding:16px;
  height: calc(100% - 40px);
  overflow: hidden;
}
.select-privileges[data-v-a2b3a128]{
  padding: 16px 16px 16px 16px;
  width: calc(100% - 301px);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 二级登录的样式 */
.second-level-login[data-v-a2b3a128]{
  height: 40px;
  width: 100%;
}
.second-level-login-text[data-v-a2b3a128]{
  margin-left: 8px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
  width: 210px;
}
/* 复制权限的样式 */
.applied-text[data-v-a2b3a128]{
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #2f3234;
}
.select-applied-to[data-v-a2b3a128]{
  margin-top: 16px;
}
/* 选择权限的样式 */
.optional-privileges[data-v-a2b3a128]{
  width: 100%;
  height: calc(100% - 122px);
  border: 1px solid #dce3e8;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 16px;
}
.optional-header[data-v-a2b3a128]{
  width: 100%;
  height: 40px;
  background: #ecf6fb;
  border-bottom: 1px solid #dce3e8;
  border-radius: 8px 8px 0px 0px;
  padding: 0 16px;
}
.utm-check-group[data-v-a2b3a128]{
  height: calc(100% - 92px);
  overflow-y: auto;
}
#role_add[data-v-a2b3a128] .ivu-transfer-operation > button{
  line-height: 1;
}
#role_add[data-v-a2b3a128] .ivu-transfer-list-content {
  width: inherit;
  height: calc(100% - 32px);
  border: none;
  background: inherit;
  margin-top: 32px;
}
#role_add[data-v-a2b3a128] .ivu-transfer-list {
  width: 394px;
  height: 360px;
}
#role_add .select-Customize[data-v-a2b3a128] .ivu-transfer-list {
  width: 283px;
  height: 576px;
}
#role_add[data-v-a2b3a128] .ivu-transfer-list-header {
  background: #effaff;
}
#role_add[data-v-a2b3a128] .ivu-input-small {
  height: 40px;
  margin-top: 10px;
}
#role_add[data-v-a2b3a128] .ivu-input-wrapper-small .ivu-input-icon {
  width: 24px;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-right: 10px;
}
/* 选择ac与dcs的情况 */
.AC-DCS-BOX[data-v-a2b3a128]{
  height: 100%;
  margin-left: 12px;
  -webkit-transition: width 1s linear;
  transition: width 1s linear;
  margin-top: 12px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.16);
}
.ac-dcs-select-content[data-v-a2b3a128]{
  height: calc(100% - 40px);
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ac-dcs-tab[data-v-a2b3a128]{
  width: 110px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.select-ac[data-v-a2b3a128]{
  height:calc(100% - 40px)
}
.select-Customize[data-v-a2b3a128]{
  height: calc(100% - 80px);
}
.ac-tab-active[data-v-a2b3a128]{
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}
.prompt-attention[data-v-a2b3a128]{
  width: 100%;
}
.prompt-attention > .utm-tip-icon[data-v-a2b3a128]{
  width: 57px;
  height: 57px;
  background: rgba(246,111,106,0.15);
  margin: 40px 0;
  border-radius: 50%;
  text-align: center;
  line-height: 57px;
  color:rgba(246,111,106,1) ;
  font-size: 32px;
  font-weight: bold;
}
.prompt-attention-text[data-v-a2b3a128]{
  font-size: 18px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #2f3234;
  margin-bottom: 32px;
}
.select-privileges[data-v-a2b3a128] .utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection{
  padding-left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-select.utm-multiple-select[data-v-a2b3a128] .ivu-tag .ivu-tag-text{
  width: 158px;
}
.utm-select.utm-multiple-select[data-v-a2b3a128] .ivu-tag.ivu-tag-checked > .ivu-select-max-tag{
  width: 50px;
}
.office-check[data-v-a2b3a128] .ivu-checkbox {
  margin-bottom: 10px;
}
.select-privileges[data-v-a2b3a128] .utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection > div{
  width: 100%;
}
#role_add[data-v-a2b3a128] .ivu-checkbox-inner{
  width: 16px;
  height: 16px;
  border: 1px solid #059fe8;
  border-radius: 2px;
}

.utm-new-step[data-v-5c103e58]{
 width: 100%;
}
.step-radius[data-v-5c103e58]{
  width: 48px;
  height: 48px;
  border: 2px solid #dce3e8;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #999999;
  font-size: 24px;
}
.step-radius.tab-selected[data-v-5c103e58]{
  border: 2px solid var(--main-color);
  background: var(--main-color);
  color: #FFF;
}
.step-radius.tab-selecting[data-v-5c103e58]{
  border: 2px solid var(--main-color);
  color: var(--main-color);
  position: relative;
}
.step-title[data-v-5c103e58]{
  margin-left: 12px;
  font-size: 18px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
.step-title.tab-selected-title[data-v-5c103e58]{
  font-size: 18px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.step-title.tab-selecting-title[data-v-5c103e58]{
  font-size: 18px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.tab-selecting .step-dot[data-v-5c103e58]{
  width: 9px;
  height: 9px;
  background: #059fe8;
  border: 1px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: orbit-data-v-5c103e58 2s linear infinite;
          animation: orbit-data-v-5c103e58 2s linear infinite;
}
.tab-selecting .step-dot-16[data-v-5c103e58]{
  width: 9px;
  height: 9px;
  background: #059fe8;
  border: 1px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: orbit16-data-v-5c103e58 2s linear infinite;
          animation: orbit16-data-v-5c103e58 2s linear infinite;
}
@-webkit-keyframes orbit-data-v-5c103e58 {
0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(23px) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg) translateX(23px) rotate(0deg);
}
100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(23px) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(360deg) translateX(23px) rotate(-360deg);
}
}
@keyframes orbit-data-v-5c103e58 {
0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(23px) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg) translateX(23px) rotate(0deg);
}
100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(23px) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(360deg) translateX(23px) rotate(-360deg);
}
}
@-webkit-keyframes orbit16-data-v-5c103e58 {
0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(16px) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg) translateX(16px) rotate(0deg);
}
100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(16px) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(360deg) translateX(16px) rotate(-360deg);
}
}
@keyframes orbit16-data-v-5c103e58 {
0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg) translateX(16px) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg) translateX(16px) rotate(0deg);
}
100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) translateX(16px) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(360deg) translateX(16px) rotate(-360deg);
}
}
.line-dash[data-v-5c103e58]{
  width: 100px;
  height: 0px;
  border: 1px dashed #dce3e8;
  margin: 0 24px;
}
.tab-selecting-line[data-v-5c103e58]{
  border: 1px dashed var(--main-color);
}
.serverTypeFont[data-v-5c103e58] {
  font-size: 16px;
}
.serverTypeStep[data-v-5c103e58] {
  width: 32px;
  height: 32px;
  line-height: 26px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
}

#tenant-info[data-v-25867678] {
  height: 100%;
  background-color: #ebeff2;
}
.module-content[data-v-25867678] {
  position: relative;
  padding: 16px 24px 24px;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 8px;
}
.flex-column-box[data-v-25867678] {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-form[data-v-25867678] {
  width: 800px;
  margin: 24px auto;
  max-width: 100%;
}
.modular-content[data-v-25867678] {
  position: relative;
  display: block;
  margin: 16px 0 0;
}
.modular-content .field-divide-line[data-v-25867678] {
  position: absolute;
  top: 16px;
  left: calc(50% - 8px);
  height: calc(100% - 32px);
  width: 1px;
  background-color: #b4b4b4;
}
.modular-content.grey-bg[data-v-25867678] {
  padding: 16px;
  background: #EFF6F9;
  font-size: 0;
  border-radius: 4px;
}
.modular-content .modular-item[data-v-25867678] {
  display: inline-block;
  padding-right: 16px;
  width: 50%;
  vertical-align: middle;
  font-size: 16px;
}
.utm-field-item[data-v-25867678] {
  margin-bottom: 0;
}
.utm-field-item .field-item-name[data-v-25867678] {
  width: 185px;
}
.utm-field-item .field-item-content[data-v-25867678] {
  max-width: calc(100% - 196px);
}
#tenant-info .utm-field-item[data-v-25867678] {
  margin-bottom: 0;
}
.utm-tabs .utm-tab-item.active[data-v-25867678] {
  border: 1px solid;
  border-color: var(--main-color) var(--main-color) #fff var(--main-color);
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
}
.tab-content[data-v-25867678] {
  padding: 0 16px 16px;
  border: 1px solid var(--main-color);
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 3px 0px 6px 0px rgb(5 154 232 / 16%);
  box-shadow: 3px 0px 6px 0px rgb(5 154 232 / 16%);
}
.add-operate-btn[data-v-25867678] {
  margin-top: 8px;
  height: 60px;
  text-align: right;
}
.dcs-item-box[data-v-25867678] {
  position: relative;
  margin-top: 16px;
  border-radius: 4px;
}
.dcs-delete-icon[data-v-25867678] {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 9px;
  background-color: #ccc;
  font-weight: bold;
  font-size: 14px;
}
.dcs-delete-icon[data-v-25867678]:before {
  color: #fff;
}
.add-new-btn[data-v-25867678] {
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-25867678] {
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}

/*状态过渡动画*/
.slide-fade-enter-active[data-v-25867678] {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-25867678],
.slide-fade-leave-to[data-v-25867678] {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}/*新增tag*/
.utm-tag-panel .tag-lists[data-v-31e81334] {
  cursor: default;
}
.dcs-zone-check[data-v-31e81334] {
  width: 100%;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 8px 16px;
}
.dcs-zone-check .tag-count[data-v-31e81334] {
  font-size: 16px;
  margin: 0 16px;
}
.dcs-zone-check .zones[data-v-31e81334] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(var(--main-color-rgb), 0.05);
  padding: 16px;
  border-radius: 8px;
  margin-top: 12px;
}
.dcs-zone-check .utm-circle-tag.mini[data-v-31e81334] {
  margin-right: 16px;
}
.dcs-zone-check .utm-circle-tag .tag-text[data-v-31e81334] {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.utm-tag-panel .zone-item[data-v-31e81334] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0;
  margin-left: 34px;
  width: calc(100% - 34px);
}
.utm-tag-panel .utm-checkbox-wrapper .utm-checkbox-inner[data-v-31e81334]{
  vertical-align: top;
}
.utm-tag-panel .utm-checkbox-wrapper .utm-checkbox-text[data-v-31e81334] {
  width: calc(100% - 34px);
  cursor: pointer;
}
.utm-tag-panel .utm-ok-icon[data-v-31e81334] {
  position: absolute;
  right: 8px;
  font-size: 16px;
  color: #059FE8;
}
/**全选dcs zone的选择框**/
.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input[checked]+.utm-checkbox-inner[data-v-31e81334] {
  border-color: rgba(5, 154, 232, 1);
  background-color: rgba(5, 154, 232, 1);
}
.utm-checkbox-wrapper.is-check-part .utm-checkbox .utm-checkbox-inner[data-v-31e81334]:before {
  width: 100%;
  display: block;
  height: 100%;
  top: 0px;
  left: 0px;
  border: 0;
  border: 3px solid #fff;
  -webkit-transform: rotate(0deg) scale(1) !important;
          transform: rotate(0deg) scale(1) !important;
}
.utm-checkbox-wrapper.is-check-all .utm-checkbox .utm-checkbox-inner[data-v-31e81334]:before {
  width: 5px;
  height: 10px;
  top: 0px;
  left: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*更多*/
.dcs-zone-check .more-tag[data-v-31e81334] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.dcs-zone-check .more-tag .other-zones[data-v-31e81334] {
  position: absolute;
  padding: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.dcs-zone-check .more-tag:hover .other-zones[data-v-31e81334] {
  display: inline-block;
}
.utm-btn.dcs-check-btn[data-v-31e81334]{
  opacity: 1;
  z-index: 10;
}
.dcs-item[data-v-31e81334]{
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 19px 14px;
  margin-bottom: 16px;
  margin-top: 13px;
  position: relative;
}
.add-btn[data-v-31e81334]{
  color: var(--main-color);
  width: 100px;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 24px;
  cursor: pointer;
}
.add-btn i[data-v-31e81334] {
  font-size: 14px;
}
.delete-item[data-v-31e81334]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-31e81334] {
  font-size: 14px;
}
.dcsaccess-form[data-v-31e81334]{
  background: #effaff;
  border-radius: 4px;
  padding: 16px;
}
.dcsaccess-form .utm-controls[data-v-31e81334]{
  margin-left: 0;
}
.dcsaccess-form .options-item[data-v-31e81334]{
  width: 72px;
  margin-bottom: 16px;
}
.dcsaccess-form .splite-line[data-v-31e81334]{
  width: 100%;
  height: 0px;
  margin-bottom: 16px;
  border: 1px dashed #dfdfdf;
}
.dcsaccess-form .options-item .label-text.is-default[data-v-31e81334]{
  color: #515a6e;
}

#admin-management[data-v-006b4716] {
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#admin-management .event-content[data-v-006b4716] {
  height: calc(100% - 51px);
  width: 100%;
  overflow-y: auto;
}


#attendance-mag[data-v-40c40420]{
  height: 100%;
}
#attendance-mag .data-item span[data-v-40c40420]{
  vertical-align: middle;
}
#attendance-mag .data-more[data-v-40c40420]{
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}
#attendance-mag .data-details[data-v-40c40420]{
  padding: 5px 14px;
  margin-top: 3px;
  margin-bottom: 15px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 150px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  word-break: break-word;
}
#attendance-mag .selected-item .utm-font[data-v-40c40420]{
  font-size: 16px;
  color: #b4b4b4;
  margin-right: 4px;
  z-index: 99;
}
/*
Access Zone tree
*/
.utm-controls-zone-item[data-v-40c40420] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-40c40420]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-40c40420]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-40c40420]{
  max-height: 420px;
}
.check-substance-box ul[data-v-40c40420]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-40c40420]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-40c40420]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-40c40420]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-40c40420]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#attendance-mag .check-substance-box .substance-left[data-v-40c40420] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#attendance-mag .check-substance-box .substance-right[data-v-40c40420]{
  width: 40%;
}
#attendance-mag .check-substance-box .substance-right .selected-list > ul[data-v-40c40420]{
  margin-left: 16px;
}
#attendance-mag .substance-right .selected-list .selected-item[data-v-40c40420] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#attendance-mag .selected-item-text[data-v-40c40420]{
  display: inline-block;
  padding: 4px 0;
}
#attendance-mag .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-40c40420]{
  right: -16px;
  top: 6px;
}
.ul-table[data-v-40c40420]{
  width: 100%;
}
.ul-table.ul-table-content[data-v-40c40420]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
}
.ul-table .li-title[data-v-40c40420],
.ul-table .li-tr[data-v-40c40420]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(223,223,223,1);
  min-height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ul-table .li-title[data-v-40c40420]{
  font-size: 16px;
  color: #333;
  font-weight: bold;
  background: #eff6f9;
}
.ul-table .li-tr[data-v-40c40420]{
  font-size: 16px;
  color: #393939;
  border-left: 1px solid rgba(223,223,223,1);
  border-right: 1px solid rgba(223,223,223,1);
}
.ul-table .ul-table-left[data-v-40c40420]{
  width: 100%;
  padding: 0 8px;
}
.ul-table .ul-table-left .utm-font[data-v-40c40420]{
  font-size: 16px;
  color: #858585;
  margin-right: 4px;
}

#pass-card[data-v-a7ed8a4a] {
  height: 100%;
}
/*详情*/
#pass-card .msg-module[data-v-a7ed8a4a] {
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
#pass-card .msg-module .module-top[data-v-a7ed8a4a] {
  font-size: 20px;
  font-weight: bold;
  background: #cdeaf9;
  padding: 4px 8px;
}
#pass-card .msg-module .module-content[data-v-a7ed8a4a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}
#pass-card .module-content .content-left[data-v-a7ed8a4a] {
  width: 75%;
}
#pass-card .module-content .content-right[data-v-a7ed8a4a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  width: 25%;
}
#pass-card .content-right .img-box[data-v-a7ed8a4a] {
  width: 94px;
  margin-left: 16px;
}
#pass-card .content-right .img-box img[data-v-a7ed8a4a] {
  height: 120px;
  max-width: 90px;
}
#pass-card .card-input-divider[data-v-a7ed8a4a] {
  display: inline-block;
  margin: 0 6px;
  width: 8px;
  height: 1px;
  background-color: #707070;
  vertical-align: middle;
}
#pass-card .tag-container[data-v-a7ed8a4a] {
  display: inline-block;
  max-width: 100%;
}
#pass-card .cardholder-name[data-v-a7ed8a4a] {
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
}
#pass-card .line-break-name[data-v-a7ed8a4a] {
  max-width: 100px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.returnStatus-gray-bg[data-v-a7ed8a4a] {
  background-color: #8c8c8c;
}
.returnStatus-blue-bg[data-v-a7ed8a4a] {
  background-color: #059fe8;
}
#card-template[data-v-7ef3030a] {
  height: 100%;
  background: #fff;
}
#card-template .page-substance[data-v-7ef3030a] {
  height: calc(100% - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#card-template .page-header[data-v-7ef3030a] {
  padding: 8px 16px 0 16px;
}
.layout-tab i[data-v-7ef3030a] {
  color: #b4b4b4;
  font-size: 16px;
  margin-right: 8px;
}
.layout-tab.active i[data-v-7ef3030a] {
  color: var(--main-color);
}
.page-title[data-v-7ef3030a]:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  top: 142px;
  left: 120px;
}
.page-header .page-title[data-v-7ef3030a] {
  font-size: 18px;
  font-weight: 700;
  margin-left: 33px;
}
.page-substance .tab-box[data-v-7ef3030a] {
  font-size: 18px;
  margin: 16px 0;
  border-bottom: 1px solid #dddddd;
  padding: 4px 16px;
}
.page-substance .tab-box .tab-option[data-v-7ef3030a] {
  display: inline-block;
  margin-right: 16px;
  cursor: pointer;
}
.tab-option.active[data-v-7ef3030a] {
  color: var(--main-color);
  font-weight: bold;
  position: relative;
}
.tab-option.active[data-v-7ef3030a]:after {
  content: "";
  width: 100%;
  height: 4px;
  background: var(--main-color);
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -4px;
}
.page-substance .box-left[data-v-7ef3030a] {
  width: 272px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #fff;
  border-right: 1px solid #ddd;
}
.template-list[data-v-7ef3030a] {
  padding: 0 16px;
  background-color: #fff;
  overflow-y: auto;
  height: calc(100% - 60px);
  overflow-x: hidden;
}
.template-list .template-item[data-v-7ef3030a] {
  margin-bottom: 33px;
  width: 100%;
  height: 80px;
  background: #ffffff;
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 4px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  position: relative;
}
.template-item.add-item[data-v-7ef3030a] {
  margin-bottom: 0px;
}
.template-list .template-item.selected[data-v-7ef3030a] {
  border-color: var(--main-color);
}
.box-left .utm-prefix-input[data-v-7ef3030a] {
  margin: 16px 22px;
}
.template-list .template-name[data-v-7ef3030a] {
  font-size: 14px;
  color: #999;
  max-width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.template-item .template-content[data-v-7ef3030a] {
  width: 100%;
  height: 100%;
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.template-item.add-item .template-content[data-v-7ef3030a] {
  background: #fff;
  display: inline-block;
  text-align: center;
  padding: 8px 0;
  color: #999999;
}
.template-item.add-item i[data-v-7ef3030a] {
  color: #999;
  font-weight: bold;
  font-size: 16px;
}
#card-template .paint-box[data-v-7ef3030a] {
  width: calc(100% - 272px);
  height: 100%;
  position: relative;
}
.paint-box .current-template[data-v-7ef3030a] {
  display: inline-block;
  max-width: calc(100% - 500px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 8px;
}
.paint-box .utm-edit-icon[data-v-7ef3030a] {
  color: var(--main-color);
  font-size: 24px;
  vertical-align: middle;
}
.paint-box .paint-top[data-v-7ef3030a] {
  position: relative;
  height: 56px;
  padding-left: 16px;
  line-height: 56px;
  background-color: #fff;
}
.paint-top .zoom-container[data-v-7ef3030a] {
  display: inline-block;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 286px;
  top: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.paint-top .zoom-container.border-right[data-v-7ef3030a] {
  border-right: 1px solid #ddd;
}
.zoom-container .zoom-circle-shrink[data-v-7ef3030a] {
  color: #00a052;
}
.zoom-container .zoom-circle-increase[data-v-7ef3030a] {
  color: #e89505;
}
.zoom-container .zoom-text[data-v-7ef3030a] {
  margin: 0 8px;
  vertical-align: top;
}
.paint-top .btn-container[data-v-7ef3030a] {
  position: absolute;
  right: 16px;
  top: 0;
}
.btn-container button[data-v-7ef3030a] {
  width: 120px;
  margin-left: 8px;
}
.utm-btn.del-btn[data-v-7ef3030a] {
  color: #cd4746;
  border: 1px solid #cd4746;
  background: #fff;
}
.paint-box .paint-content[data-v-7ef3030a] {
  width: 100%;
  background-color: #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 56px);
}
.paint-content.no-data[data-v-7ef3030a] {
  height: calc(100% - 16px);
  margin-top: 16px;
  padding-right: 16px;
}
.paint-content .template-thumbnail[data-v-7ef3030a] {
  width: 100%;
  height: 100%;
  overflow: auto;
  border-left: 16px solid #fff;
}
#template-details[data-v-7ef3030a] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 16px auto;
  position: relative;
  padding: 16px;
  cursor: move;
}
#canvas[data-v-7ef3030a] {
  opacity: 1;
  background: #ffffff;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
}
.paint-content .paint-right[data-v-7ef3030a] {
  width: 332px;
  height: 100%;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: 1px solid #ddd;
  padding: 0;
  overflow-y: auto;
}
.operate-option .utm-font[data-v-7ef3030a] {
  color: #999;
  font-size: 30px;
}
.operate-option .option-item[data-v-7ef3030a] {
  display: inline-block;
  text-align: center;
  width: 77px;
  cursor: pointer;
  padding: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 10px;
}
.operate-option .option-item[data-v-7ef3030a]:hover {
  background-color: #f0f5f7;
  height: 82px;
  width: 77px;
  border-radius: 4px;
}
.paint-right .right-title[data-v-7ef3030a] {
  padding: 8px 16px;
}
.paint-right .setting-item[data-v-7ef3030a] {
  padding: 8px 16px;
  border-top: 1px solid #ddd;
  font-size: 14px;
}
.setting-item.operate-item i[data-v-7ef3030a] {
  color: var(--main-color);
  margin: 5px;
}
.setting-item.operate-item i[data-v-7ef3030a]:hover {
  background-color: #e5e8f0;
  border-radius: 4px;
}
.paint-right .set-name[data-v-7ef3030a] {
  font-weight: bold;
}
.setting-item .set-option[data-v-7ef3030a] {
  line-height: 48px;
}
.set-option .option-name[data-v-7ef3030a] {
  width: 160px;
  height: 20px;
  line-height: 20px;
  margin-top: 18px;
  margin-bottom: 12px;
}
.set-option input[data-v-7ef3030a] {
  max-width: 100px;
}
.set-option .current-img[data-v-7ef3030a] {
  width: 100%;
  height: 100px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 8px;
  text-align: center;
  line-height: 100px;
  color: #999;
  position: relative;
}
.set-option .current-img img[data-v-7ef3030a] {
  max-width: 268px;
  max-height: 98px;
}
.set-option .current-img.has-img:hover .replace-text[data-v-7ef3030a],
.set-option .current-img.has-img:hover .utm-border-close[data-v-7ef3030a] {
  display: inline-block;
}
.current-img .replace-text[data-v-7ef3030a] {
  position: absolute;
  width: 100%;
  height: 30px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  display: none;
}
.current-img .utm-border-close[data-v-7ef3030a] {
  color: #858585;
  position: absolute;
  right: -9px;
  top: -9px;
  line-height: 1;
  display: none;
}
.set-option.font-set[data-v-7ef3030a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.font-set .utm-input[data-v-7ef3030a] {
  margin-right: 8px;
}
.set-option.text-operate i[data-v-7ef3030a] {
  color: #333;
  margin-right: 8px;
}
.set-option.text-operate i[data-v-7ef3030a]:hover {
  color: var(--main-color);
}
.template-content .default-template[data-v-7ef3030a] {
  display: inline-block;
  height: 40px;
  width: 27px;
  background-color: #fff;
}
.template-content img[data-v-7ef3030a] {
  max-height: 40px;
  max-width: 30px;
}
.size-limit[data-v-7ef3030a] {
  max-width: 220px;
}
.label-top[data-v-7ef3030a]{
  margin-bottom: 12px;
}
.utm-lower-level.layer-down-icon[data-v-7ef3030a] {
  position: relative;
  padding-left: 8px;
}
.utm-lower-level.layer-down-icon[data-v-7ef3030a]:after {
  content: "";
  display: inline-block;
  background-color: #ddd;
  height: 47px;
  width: 1px;
  position: absolute;
  top: -13px;
  left: 0;
}
#delete-panel[data-v-7ef3030a] {
  position: absolute;
  display: none;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  padding: 8px;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.08);
          box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.08); 
  background: #ffffff;
}
#delete-panel > div[data-v-7ef3030a]{
  width: 116px;
  height: 35px;
  background: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  padding-left: 8px;
  line-height: 35px;
  font-family: Lato, Lato-Regular,sans-serif;
}
#delete-panel > div[data-v-7ef3030a]:hover{
  background: #e7e7e7;
  color: #5c5c5c;
}
#delete-panel > div[data-v-7ef3030a]:active{
  background: #eff2f3;
}
.upload-box[data-v-7ef3030a] .ivu-upload.ivu-upload-select{
  width: 100%;
}
.utm-line-tab-item.layout-tab[data-v-7ef3030a] {
  margin: 0 50px 0 0;
}
.flex-controls[data-v-7ef3030a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.flex-controls div[data-v-7ef3030a]{
  width: 270px;
}
.default-size-btn[data-v-7ef3030a]{
  margin-left: 160px;
  color: var(--main-color);
  cursor: pointer;
  width: 85px;
}
.sortable[data-v-7ef3030a]{
  height: 50px;
}
.sortable >div[data-v-7ef3030a]{
  height: 100%;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: rgba(0,0,0,0.85);
  line-height: 50px;
}
.sort-icon[data-v-7ef3030a]{
  font-size: 12px;
  margin-left: 8px;
}
.sort-icon >i[data-v-7ef3030a]{
  color: #DFDFDF;
  cursor: pointer;
}
.sort-icon >i[data-v-7ef3030a]:first-of-type{
  margin-bottom: -4px;
}
.sort-icon >i.active[data-v-7ef3030a]{
  color: var(--main-color);
}
.template-icon[data-v-7ef3030a]{
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  right: 8px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 4px;
}
.overview-health-select-template-list[data-v-7ef3030a] {
  position: absolute;
  left: 0;
  top: 40px;
  width: inherit;
  max-height: 200px;
  overflow: auto;
  margin: 5px 0;
  padding-bottom: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  display: none;
  z-index: 500;
}
.template-icon.isUp[data-v-7ef3030a] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.overview-health-select-one[data-v-7ef3030a] {
  height: 40px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  line-height: 40px;
  margin-top: 8px;
  width: calc(100% - 16px);
  margin-left: 8px;
}
.overview-health-select-one.active[data-v-7ef3030a],.overview-health-select-one:hover.active[data-v-7ef3030a]{
  color: #2F3234;
  background: rgba(5, 159, 232, 0.20);
  border-radius: 8px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
}
.overview-health-select-one[data-v-7ef3030a]:hover{
  background: rgba(5,159,232,0.10);
  border-radius: 8px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #2f3234;
  background-color: rgba(239, 250, 255, 1);
}
.select-template-name[data-v-7ef3030a] {
  width: 100%;
  height: 20px;
  margin-top: 24px;
  margin-bottom: 16px;
  padding-left: 4px;
}
.select-template-name i[data-v-7ef3030a] {
  color: #808695;
}
.card-line[data-v-7ef3030a]{
  border-top: 1px solid #dce3e8;
  width: calc(100% + 32px);
  height: 0px;
  margin-left: -16px;
  margin-bottom: 12px;
}
.select-template-title[data-v-7ef3030a]{
  width: 56px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  margin-right: 24px;
}
.select-template-content[data-v-7ef3030a]{
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.overview-health-select-template-list-content > li[data-v-7ef3030a]{
   position: relative;
}
.overview-health-select-template-list-content > li i[data-v-7ef3030a]{
  position: absolute;
  font-size: 16px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--main-color);
}
.blue-icon[data-v-7ef3030a]{
  color: var(--main-color);
  font-size: 16px;
  font-weight: 700;
  /* margin-top: 4px; */
}

.color-picker .ivu-input-icon {
  display: none;
}
.color-picker .ivu-input-icon-normal+.ivu-input {
  padding: 2px;
  height: 27px;
}
.color-picker .ivu-select-dropdown.ivu-transfer-no-max-height {
  right: 4px;
  left: unset !important;
}
.add-template-modal .canvas-container,
#canvas1 {
  display: none;
}

#cost-center-management[data-v-b952e9ea]{
  height: 100%;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-5826bc96]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-5826bc96]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-5826bc96]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-5826bc96]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-5826bc96]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-5826bc96]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-5826bc96]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-5826bc96]{
  width: 100%;
}
.user-basic-module .face-box[data-v-5826bc96]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-5826bc96]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-5826bc96]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-5826bc96]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-5826bc96]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-5826bc96]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-5826bc96]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-5826bc96]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-5826bc96] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-5826bc96]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-5826bc96]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-5826bc96]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-5826bc96]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-5826bc96]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-5826bc96]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-5826bc96]{
  position: relative;
}
.step-node .step-desc[data-v-5826bc96]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-5826bc96]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-5826bc96]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-5826bc96]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-5826bc96]:nth-child(1),
.user-config-info .config-info-box[data-v-5826bc96]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-5826bc96]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-5826bc96]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-5826bc96]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-5826bc96]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-5826bc96]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-5826bc96]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-5826bc96]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-5826bc96]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-5826bc96]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-5826bc96]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-5826bc96],.destination-item .schedule-name[data-v-5826bc96]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-5826bc96] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-5826bc96]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-5826bc96]{
  display: block;
}
.schedule-details .schedule-panel[data-v-5826bc96]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-5826bc96]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-5826bc96]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-5826bc96]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-5826bc96]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-5826bc96]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-5826bc96]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-5826bc96]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-5826bc96]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-5826bc96]{
  margin-right: 16px;
}
.print-card-box[data-v-5826bc96]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-5826bc96]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-5826bc96]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-5826bc96]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-5826bc96]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-5826bc96]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-5826bc96]{
  max-height: 90px;
}
.basic-info .user-name[data-v-5826bc96]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-5826bc96]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-5826bc96]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-5826bc96]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-5826bc96]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-5826bc96]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-5826bc96]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-5826bc96]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-5826bc96]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-5826bc96]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-5826bc96]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-5826bc96]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-5826bc96]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-5826bc96]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-5826bc96]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-5826bc96]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-5826bc96]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-5826bc96]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-5826bc96]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-5826bc96]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-5826bc96]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-5826bc96]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-5826bc96]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-5826bc96]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-5826bc96]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-5826bc96],
.details-module .details-module-name[data-v-5826bc96]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-5826bc96]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-5826bc96]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-5826bc96]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-5826bc96]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-5826bc96]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-5826bc96]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-5826bc96]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-5826bc96]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-5826bc96]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-5826bc96]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-5826bc96]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-5826bc96]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-5826bc96]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-5826bc96]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-5826bc96]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-5826bc96]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-5826bc96]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-5826bc96]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-5826bc96]{
  text-align: left;
}
.basic-info-box .content-area[data-v-5826bc96]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-5826bc96]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-5826bc96]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-5826bc96]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-5826bc96]{
  z-index: 1;
}
.card-status-tooltip[data-v-5826bc96]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-5826bc96]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-5826bc96]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-5826bc96]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-5826bc96]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-5826bc96]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-5826bc96] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-5826bc96] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-5826bc96] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-5826bc96] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-5826bc96]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-5826bc96] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-5826bc96] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-5826bc96] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-5826bc96]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-5826bc96]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-5826bc96]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-5826bc96]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-5826bc96]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-5826bc96]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-5826bc96]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-5826bc96]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-5826bc96]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-5826bc96], .slide-fade-leave-to[data-v-5826bc96]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-5826bc96]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-5826bc96]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-5826bc96]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-5826bc96]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-5826bc96]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-5826bc96]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-5826bc96]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-5826bc96]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-5826bc96]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-5826bc96]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-5826bc96]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-5826bc96]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-5826bc96]{
  font-size: 18px;
}
.add-new-btn[data-v-5826bc96]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-5826bc96]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-5826bc96]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-5826bc96] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-5826bc96]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-5826bc96]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-5826bc96]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-5826bc96]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-5826bc96]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-5826bc96]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-5826bc96]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-5826bc96]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-5826bc96]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-5826bc96]{
  font-weight: bold;
}
.dcsItem-div1[data-v-5826bc96]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-5826bc96]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-5826bc96]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-5826bc96] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-5826bc96]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-5826bc96]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-5826bc96]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-5826bc96]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-5826bc96]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-5826bc96]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-5826bc96]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-5826bc96]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-5826bc96]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-5826bc96]{
  margin-left: 0;
}
#attendance-edit[data-v-5826bc96]{
  padding: 16px;
}
#attendance-edit .page-content[data-v-5826bc96] {
  width: 100%;
  margin-top: 40px;
}
#attendance-edit .page-content .page-form[data-v-5826bc96] {
  position: relative;
  margin: 60px 0;
  padding: 0 14px;
  max-width: 100%;
}
#attendance-edit .utm-module-title[data-v-5826bc96]{
  margin-left: 0px;
  margin-bottom: 2px;
  margin-top: 24px;
}
#attendance-edit .period-card[data-v-5826bc96]{
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding:10px 20px;
  min-height: 196px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}
#attendance-edit .period-card .delete-period-btn[data-v-5826bc96]{
  position: absolute;
  right: -30px;
  top:50%;
  color: #059FE8;
}
#attendance-edit .utm-control-group[data-v-5826bc96]{
  width: 100%;
}
#attendance-edit .utm-control-label.middle[data-v-5826bc96]{
  width: 160px;
}
#attendance-edit .utm-controls.middle[data-v-5826bc96]{
  margin-left: 160px;
}
#attendance-edit .utm-control-label.long[data-v-5826bc96]{
  width: 230px;
}
#attendance-edit .utm-controls.long[data-v-5826bc96]{
  margin-left: 230px;
}
#attendance-edit .time-picker-con[data-v-5826bc96]{
  position: relative;
  padding: 6px 14px;
  margin-bottom: 10px;
  width: 100%;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
#attendance-edit .time-picker-con .utm-date-picker[data-v-5826bc96]{
  max-width: 220px;
  margin-right: 4px;
}
#attendance-edit .time-picker-del[data-v-5826bc96]{
  position: absolute;
  right:12px;
  top: 16px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
#attendance-edit .add-period-text[data-v-5826bc96]{
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #059fe8;
  line-height: 40px;
  cursor: pointer;
}
#attendance-edit .edit-weeks[data-v-5826bc96]{
  position: relative;
}
#attendance-edit .edit-week-modal[data-v-5826bc96]{
  position: absolute;
  top: 42px;
  left: 0;
  padding: 10px;
  width: 356px;
  height: 241px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
  z-index: 2;
}
#attendance-edit .edit-week-modal .title[data-v-5826bc96]{
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}
#attendance-edit .edit-week-modal .item[data-v-5826bc96]{
  height: 37px;
  line-height: 37px;
}
#attendance-edit .edit-week-modal .item .name[data-v-5826bc96]{
  padding-left: 4px;
  color: #333333;
  font-size: 16px;
}
#attendance-edit .edit-week-modal button[data-v-5826bc96]{
  margin-top: 10px;
  width: 140px;
}

#edit-department[data-v-3bc3e28c]{
  height: 100%;
}
#edit-department .utm-control-label[data-v-3bc3e28c]{
  width: 185px;
}
#edit-department .utm-controls[data-v-3bc3e28c]{
  margin-left:185px;
}
.radio-controls[data-v-3bc3e28c]{
  height: 40px;
  background: #f8f9f9;
  border-radius: 8px;
  padding: 0 12px;
}
.flex-column-box[data-v-3bc3e28c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  background: transparent;
}
.module-content[data-v-3bc3e28c]{
  position: relative;
  padding: 16px 24px 24px;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
}
.page-module[data-v-3bc3e28c] { 
  padding-left: 24px;
  width: 860px;
  max-width: 100%;
}
.page-module .module-item[data-v-3bc3e28c]{
  padding: 16px 0 0 0;
  width: 100%;
}
.module-content .code-list[data-v-3bc3e28c]{
  margin-top: 16px;
}
.module-content .add-ac-btn[data-v-3bc3e28c]{
  float: right;
}
.add-ac-btn span[data-v-3bc3e28c]{
  color: var(--main-color);
}
.module-content .utm-module-title[data-v-3bc3e28c]{
  position: relative;
}
.utm-module-title .add-ac-btn[data-v-3bc3e28c]{
  position: absolute;
  right: 0;
  top: -6px;
}
#edit-department .ac-point-item[data-v-3bc3e28c]{
  display: block;
}
.utm-tabs .utm-tab-item[data-v-3bc3e28c] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-3bc3e28c]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-3bc3e28c]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.add-operate-btn[data-v-3bc3e28c]{
  margin-top: 8px;
  height: 60px;
  text-align: right;
}
.dcs-item-box[data-v-3bc3e28c]{
  position: relative;
  margin-top: 16px;
  border-radius: 4px;
}
.dcs-delete-icon[data-v-3bc3e28c]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 9px;
  background-color: #ccc;
  font-weight: bold;
  font-size: 14px;
}
.dcs-delete-icon[data-v-3bc3e28c]:before{
  color: #fff;
}
.add-new-btn[data-v-3bc3e28c]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-3bc3e28c]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.disabledAC[data-v-3bc3e28c]{
  color: #B4B4B4;
}
[data-v-3bc3e28c] .DepartmentDetailTable .ivu-table-body{
  border-left: none;
}
.utm-page-footer[data-v-3efa659a] {
  background-color: transparent;
}
.role-control-section[data-v-3efa659a] {
  padding: 16px 24px;
  margin-bottom: 8px;
  background-color: #fff;
}
.role-control-section form[data-v-3efa659a] {
  width: 65.04%;
  max-width: 100%;
}
@media screen and (max-width: 1255px) {
.role-control-section form[data-v-3efa659a] {
    width: 99%;
}
}
.utm-control-label[data-v-3efa659a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  float: none;
}
.code-tab[data-v-3efa659a] {
  margin: 16px 0;
  height: 32px;
}
.code-tab-item[data-v-3efa659a] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
  width: 180px;
  height: 32px;
  line-height: 32px;
  background: #f5f7fa;
  border-radius: 16px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.code-tab-item.active[data-v-3efa659a] {
  color: #fff;
  background-color: var(--main-color);
}

/*role detail*/
.tab-title[data-v-3efa659a] {
  margin-bottom: 8px;
  line-height: 20px;
}
.tabs[data-v-3efa659a] {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  font-size: 0;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
  vertical-align: bottom;
  background-color: #fff;
  white-space: nowrap;
}
.tab-item[data-v-3efa659a] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 99px;
  height: 40px;
  background-color: #F7F7F7;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  color: #000;
}
.tab-item[data-v-3efa659a]:last-child {
  border-radius: 0 4px 0 0;
}
.tab-item[data-v-3efa659a]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
  height: 15px;
  background-color: #DFDFDF;
}
.tab-item.active[data-v-3efa659a] {
  margin-left: -1px;
  width: 98px;
  background-color: #E6EFF9;
  color: var(--main-color);
  font-weight: 600;
}
.tab-item.active[data-v-3efa659a]:after,
.tab-item[data-v-3efa659a]:last-child:after {
  display: none;
}
.selected-count[data-v-3efa659a] {
  color: #FF9A36;
}
.tab-content[data-v-3efa659a] {
  height: 100%;
}
.global-code-check-box .tab-content[data-v-3efa659a] {
  height: calc(100% - 40px);
}
.tab-child-title[data-v-3efa659a] {
  font-weight: 600;
  color: #000;
  line-height: 40px;
}
.tab-code-box[data-v-3efa659a] {
  margin-top: 16px;
  padding: 0;
  height: calc(100% - 152px);
  border-radius: 4px;
  overflow-y: auto;
}
.tab-code-box.ess-tab-code-box[data-v-3efa659a] {
  height: calc(100% - 113px);
}
.tab-code-box.ATS-code-box[data-v-3efa659a] {
  height: calc(100% - 72px);
}
.flex-box[data-v-3efa659a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: 502px;
}
.code-box[data-v-3efa659a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
  width: 50%;
  height: 100%;
  max-height: 100%;
  border-radius: 8px;
  white-space: nowrap;
  border: 1px solid #dfdfdf;
}
.code-box.code-box-half[data-v-3efa659a] {
  width: 50% !important;
  max-width: 50% !important;
  min-width: 50% !important;
}
.ac-set-box[data-v-3efa659a] {
  width: calc(50% - 16px);
  height: 100%;
}
.ac-set-box>.utm-controls[data-v-3efa659a],
.ac-set-box .check-substance-box[data-v-3efa659a] {
  height: calc(100% - 40px);
}
@media screen and (min-height: 1080px) {
.flex-box[data-v-3efa659a] {
    height: 514px;
}
}
@media screen and (min-height: 1200px) {
.flex-box[data-v-3efa659a] {
    height: 588.8px;
}
}
@media screen and (min-height: 1400px) {
.flex-box[data-v-3efa659a] {
    height: 663.6px;
}
}
@media screen and (min-height: 1600px) {
.flex-box[data-v-3efa659a] {
    height: 778.4px;
}
}
@media screen and (min-height: 1600px) {
.flex-box[data-v-3efa659a] {
    height: 778.4px;
}
}
.code-box-left[data-v-3efa659a] {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 208px;
  min-width: 208px;
  border-radius: 7px 0 0 7px;
  background: #fff;
  border-right: 1px solid #dfdfdf;
  overflow-x: hidden;
  overflow-y: auto;
}
.list-item[data-v-3efa659a] {
  position: relative;
  min-height: 48px;
  line-height: 48px;
  cursor: pointer;
  font-size: 16px;
  color: #333;
}
.list-item>div[data-v-3efa659a] {
  padding-left: 16px;
}
.list-item i.expand-icon[data-v-3efa659a] {
  position: absolute;
  right: 16px;
  top: 16px;
  height: 16px;
  -webkit-transition: 140ms;
  transition: 140ms;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.list-item i.expand-icon.expand[data-v-3efa659a] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.list-item-done[data-v-3efa659a] {
  position: absolute;
  right: 6px;
  top: 16px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--main-color);
  text-align: center;
  line-height: 16px;
}
.list-item-done i[data-v-3efa659a] {
  color: #fff;
  font-size: 14px;
}
.child-list[data-v-3efa659a] {
  height: 0;
  background-color: #F5F5F5;
  overflow: hidden;
}
.child-list.expand[data-v-3efa659a] {
  height: unset;
  overflow: visible;
}
.child-list-item.list-item[data-v-3efa659a]:hover {
  background: rgba(var(--main-color-rgb), 0.1);
}
.child-list-item.list-item.active[data-v-3efa659a],
.child-list-item.list-item.active[data-v-3efa659a]:hover {
  background: rgba(var(--main-color-rgb), 0.25);
  font-weight: bold;
}
.ATS-code-check-box[data-v-3efa659a] {
  padding: 0 16px 16px;
  height: 100%;
  width: 100%;
}
.code-box-right[data-v-3efa659a] {
  padding: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  vertical-align: top;
  max-width: calc(100% - 208px);
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: normal;
}
.code-box-right.global-code-check-box[data-v-3efa659a] {
  padding: 0 16px 16px;
}
.code-check-box[data-v-3efa659a] {
  height: 100%;
}
.backend-code-check-box .code-check-box[data-v-3efa659a] {
  height: calc(100% - 80px);
}
.backend-code-check-box.backend-code-check-close .code-check-box[data-v-3efa659a] {
  height: calc(100% - 38px);
}
.code-check-box .utm-prefix-input[data-v-3efa659a] {
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #dfdfdf;
}

/* 选账号、账号组 */
.selector-section[data-v-3efa659a] {
  margin-bottom: 24px;
}
.selector-section .selector-title[data-v-3efa659a] {
  margin-bottom: 16px;
  line-height: 19px;
  color: #333;
}
.add-receiver-btn[data-v-3efa659a] {
  margin-bottom: 0px;
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 1;
}
.add-receiver-btn .receiver-panel[data-v-3efa659a] {
  width: 450px;
  min-height: 180px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 0;
  bottom: 40px;
  display: none;
}
.add-receiver-btn .utm-tag[data-v-3efa659a] {
  margin: 0 16px 4px 0px;
  vertical-align: middle;
  font-size: 14px;
  background: rgba(var(--main-color-rgb), 0.05);
}
.add-receiver-btn .utm-tag .utm-font[data-v-3efa659a]:first-child {
  padding-right: 8px;
  color: #8C8C8C;
  font-size: 14px;
}
.add-receiver-btn .utm-tag .utm-font[data-v-3efa659a]:last-child {
  padding-left: 8px;
  color: #B4B4B4;
  font-size: 12px;
}
.add-receiver-btn .selector-text-box[data-v-3efa659a] {
  display: inline-block;
  vertical-align: top;
  padding: 4px 8px 0;
  width: calc(100% - 48px);
  min-height: 40px;
  background: rgba(var(--main-color-rgb), 0.05);
  border-radius: 8px;
}
.add-receiver-btn .selected-text[data-v-3efa659a] {
  display: inline-block;
  margin-right: 16px;
  vertical-align: baseline;
  white-space: nowrap;
}
.add-receiver-btn .utm-btn[data-v-3efa659a] {
  vertical-align: middle;
}
.utm-prefix-input.sear-receiver[data-v-3efa659a] {
  margin: 16px 16px 4px 16px;
}
.receiver-panel .user-list[data-v-3efa659a] {
  height: 160px;
  overflow-y: auto;
}
.receiver-panel .user-list .no-list-data[data-v-3efa659a] {
  text-align: center;
  line-height: 160px;
  color: #bbb;
}
.user-list .user-item[data-v-3efa659a] {
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-3efa659a]:hover {
  background: rgba(239, 250, 255, 1);
}
.user-list .user-item.active[data-v-3efa659a],
.user-list .user-item.active[data-v-3efa659a]:hover {
  background: #CBDFFF;
}
.user-list .user-item.active[data-v-3efa659a]:after {
  position: absolute;
  right: 12px;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  color: var(--main-color);
  font-size: 16px;
}
.permission-item[data-v-3efa659a] {
  position: relative;
  margin-bottom: 16px;
}
.permission-item .permission-item-header[data-v-3efa659a] {
  padding: 16px;
  height: 71px;
  background: #f7f6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
}
.permission-item .permission-item-content[data-v-3efa659a] {
  padding: 16px;
  height: 385px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 0px 0px 4px 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
.expand-icon[data-v-3efa659a] {
  position: relative;
  top: 0;
  right: 0px;
  display: inline-block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  cursor: pointer;
}
.expand-icon.expand[data-v-3efa659a] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.utm-btn.add-account-btn[data-v-3efa659a] {
  padding-left: 0;
  border-color: transparent;
  font-size: 14px;
}
.utm-btn.add-account-btn .utm-font[data-v-3efa659a] {
  font-size: 14px;
}

/*rank modal*/
.rank-content-box[data-v-3efa659a] {
  height: calc(100% - 42px);
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.rank-content-tree[data-v-3efa659a] {
  padding: 16px;
  height: calc(100% - 54px);
  overflow: auto;
}
.rank-operate-btns[data-v-3efa659a] {
  padding: 0 16px;
  font-size: 0;
}
.rank-operate-btns button[data-v-3efa659a] {
  margin-right: 16px;
}
.utm-linear-btn.rank-operate-btn[data-v-3efa659a] {
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
}
.utm-text-btn .utm-font[data-v-3efa659a] {
  color: var(--main-color);
}
.utm-text-btn[data-v-3efa659a] {
  background: transparent;
  color: var(--main-color);
}

#edit-tenant[data-v-0386d314] {
  height: 100%;
}
.flex-column-box[data-v-0386d314] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  background: transparent;
}
.module-content[data-v-0386d314] {
  position: relative;
  padding: 16px 16px 0;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
}
.page-form[data-v-0386d314] {
  margin-top: 24px;
  padding-left: 24px;
  width: 860px;
  max-width: 100%;
}
.code-list[data-v-0386d314] {
  margin-top: 16px;
}
.add-ac-btn[data-v-0386d314] {
  float: right;
}
.add-ac-btn span[data-v-0386d314] {
  color: var(--main-color);
}
.utm-module-title[data-v-0386d314] {
  position: relative;
}
.utm-module-title .add-ac-btn[data-v-0386d314] {
  position: absolute;
  right: 0;
  top: -6px;
}
#edit-tenant .ac-point-item[data-v-0386d314] {
  display: block;
  word-break: break-all;
}
.utm-tabs .utm-tab-item.active[data-v-0386d314] {
  border: 1px solid;
  border-color: var(--main-color) var(--main-color) #fff var(--main-color);
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
}
.tab-content[data-v-0386d314] {
  padding: 8px 16px 16px;
  border: 1px solid var(--main-color);
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 3px 0px 6px 0px rgb(5 154 232 / 16%);
  box-shadow: 3px 0px 6px 0px rgb(5 154 232 / 16%);
}
.add-operate-btn[data-v-0386d314] {
  margin-top: 8px;
  height: 60px;
  text-align: right;
}
.dcs-item-box[data-v-0386d314] {
  position: relative;
  margin-top: 16px;
  border-radius: 4px;
}
.dcs-delete-icon[data-v-0386d314] {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 9px;
  background-color: #ccc;
  font-weight: bold;
  font-size: 14px;
}
.dcs-delete-icon[data-v-0386d314]:before {
  color: #fff;
}
.add-new-btn[data-v-0386d314] {
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-0386d314] {
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
#holiday-setting{
  padding: 16px;
}
#holiday-setting .page-top .page-title {
  font-size: 18px;
  font-weight: 700;
  margin-left: 16px;
}

#calendar-select {
  margin-top: 6px;
  width: 100%;
  background: white;
  font-size: 14px;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  overflow-x: auto;
}
/*年*/
#calendar-select .top {
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#calendar-select .top .year {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
}
#calendar-select .top .year .btn{
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  color: #dfdfdf;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
}
#calendar-select .top .year .text{
  display: inline-block;
  width: 60px;
  height: 24px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #393939;
  line-height: 24px;
  vertical-align: middle;
}
#calendar-select .top .year .btn.normal{
  border: 1px solid var(--main-color);
  color:var(--main-color);
}
#calendar-select .top .year .btn.normal.disable{
  border: 1px solid #dfdfdf;
  color:#dfdfdf;
}
/*图例*/
#calendar-select .holiday {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#calendar-select .holiday .item{
  margin-left: 20px;
}
#calendar-select .holiday .item>span{
  display: inline-block;
  vertical-align: middle;
}
#calendar-select .holiday-type {
  position: relative;
	margin: 0px 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: var(--main-color);
  border: 1px solid #efefef;
}
#calendar-select .holiday-type.holiday-type1,
#calendar-select .select-day.weekend-day {
  background: rgba(var(--main-color-rgb),.05);
}
#calendar-select .holiday-type.holiday-type2{
  background: #fff;
}
#calendar-select .date-wrap {
  position: relative;
  margin: 10px auto;
  max-width: 100%;
  width: 100%;
  height: 550px;
  overflow-x: auto;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
}
/*week*/
#calendar-select .week-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#calendar-select .week-item {
  position: relative;
	width: 40px;
	height: 50px;
	background: white;
	text-align: center;
	line-height: 60px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
  color: #393939;
}
#calendar-select .week-item.bold{
  font-weight: 700;
}
#calendar-select .week-item.week-item-header{
  width: 80px;
}
#calendar-select .week-item .item-header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#calendar-select .week-item .item-header .text{
  position: absolute;
  width: 43px;
  height: 20px;
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
#calendar-select .week-item .item-header .top{
  right: 2px;
  top: 0;
}
#calendar-select .week-item .item-header .bottom{
  left: 2px;
  bottom: 2px;
}
#calendar-select .week-item .item-header .line{
  position: absolute;
  top: -12px;
  left: -1px;
  width: 100px;
  height: 40px;
  border-bottom: 1px solid #dfdfdf;
  -webkit-transform: rotate(32deg);
          transform: rotate(32deg);
}
/*表格*/
#calendar-select .date-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#calendar-select .month-name {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
	width: 80px;
	height: 40px;
  color: #393939;
	text-align: right;
	line-height: 40px;
  font-weight: 700;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
#calendar-select .select-day {
	width: 40px;
	height: 40px;
	background: white;
	text-align: center;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
#calendar-select .select-class {
	background-color: var(--main-color) !important;
	color: white;
}
#calendar-select .no-select-class {
	background: white;
}
#calendar-select .haorooms-select-box {
	position: absolute;
	background: #fafafa;
	border: 1px solid #bbb;
}
/*表格多选*/
#calendar-select .date-wrap-hover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#calendar-select .date-wrap-weekend{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(var(--main-color-rgb),.05);
}
#calendar-select .date-wrap-hover .week-item{
  background: transparent;
}
#calendar-select .date-wrap-hover .select-day{
  background: transparent;
  border: 1px solid transparent;
}
#calendar-select .select-day.border-left{
  border-left:1px solid var(--main-color);
}
#calendar-select .select-day.border-right{
  border-right:1px solid var(--main-color);
}
#calendar-select .select-day.border-top{
  border-top:1px solid var(--main-color);
}
#calendar-select .select-day.border-bottom{
  border-bottom:1px solid var(--main-color);
}
#calendar-select .weekend-color{
   background: rgba(var(--main-color-rgb),.05);
}

#comms_channel[data-v-74d6712a]{
 height: 100%;
}
.input-is-exists[data-v-74d6712a]{
 border-color: red;
}

#manage-manpower[data-v-04efc74a]{
  height: 100%;
}
#manage-manpower .utm-list-page-box[data-v-04efc74a]{
  width: 100%;
}
#manage-manpower .operate-item i[data-v-04efc74a]{
  color: var(--main-color);
}
.utm-delete-form[data-v-04efc74a]{
  margin-top: 16px;
}

#security-status[data-v-782322c2]{
  height: 100%;
}
#security-status .utm-list-page-box[data-v-782322c2]{
  width: 100%;
}
#security-status .operate-item i[data-v-782322c2]{
  color: var(--main-color);
}
.utm-delete-form[data-v-782322c2]{
  margin-top: 16px;
}
.utm-tag.sm-tag[data-v-782322c2]{
  height: 20px;
  line-height: 20px;
}
.utm-tag.sm-tag span[data-v-782322c2]:last-child{
  display: inline-block;
  vertical-align: middle;
  max-width: 360px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-tag.sm-tag .utm-status[data-v-782322c2]{
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.color-box[data-v-782322c2]{
  font-size: 0;
}
.color-item[data-v-782322c2]{
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
}
.color-item.unselected[data-v-782322c2]{
  border-color: transparent !important;
}
.color-item-inner[data-v-782322c2]{
  display: block;
  margin: 3px auto;
  width: 16px;
  height: 16px;
  border-radius: 2px;
}

#manpower[data-v-d2bd7dc2]{
  height: 100%;
  background: #fff;
}
#manpower .module-tab[data-v-d2bd7dc2]{
  padding: 4px 16px 0;
  border-bottom: 1px solid #ddd;
}
#manpower .module-tab .tab-item[data-v-d2bd7dc2]{
  display: inline-block;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
  font-size: 18px;
}
#manpower .module-tab .tab-item.active[data-v-d2bd7dc2]{
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
  font-weight: bold;
}
#manpower .module-content[data-v-d2bd7dc2]{
  height: calc( 100% - 45px );
  padding: 0;
  font-size: unset;
}

#reporting-rules[data-v-4a360c03]{
  height: 100%;
}
#reporting-rules .utm-list-page-box[data-v-4a360c03]{
  width: 100%;
}
#reporting-rules .operate-item i[data-v-4a360c03]{
  color: var(--main-color);
}
.device-name[data-v-4a360c03]{
  display: block;
  max-width: 220px;
  line-height: 29px;
  white-space: normal;
}
.tip-information[data-v-4a360c03]{
  padding: 0 12px;
  margin-bottom: 4px;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: rgba(0,94,184,0.05);
  border-radius: 8px;
}
.tip-information i[data-v-4a360c03]{
  color: var(--main-color);
  font-size: 14px;
}
.time-controls[data-v-4a360c03]{
  padding: 8px 16px;
  width: 100%;
  background: rgba(0,94,184,0.05);
  border-radius: 8px;
}
.control-item[data-v-4a360c03] {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  line-height: 40px;
}
.control-item.bottom-border[data-v-4a360c03] {
  padding-bottom: 16px;
  margin-bottom: 8px;
  height: 64px;
  border-bottom: 1px dashed #dfdfdf;
}
.control-label[data-v-4a360c03] {
  width: 140px;
  font-weight: 700;
}
.controls[data-v-4a360c03] {
  width: calc(100% - 140px);
}
.utm-delete-form[data-v-4a360c03]{
  margin-top: 16px;
}

#module_Management[data-v-017e460e]{
  height: calc(100% - 14px);
}
.course-page[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background: #ebeff2;
    padding: 0 16px;
}
.course-page-left[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 290px !important;
    min-width: 290px !important;
    -webkit-box-shadow:unset !important;
            box-shadow:unset !important;
    margin-right:unset !important;
    border-radius: 8px 0  0 8px!important;
    overflow-y: hidden ;
    height: 100%;
    overflow-x: hidden;
}
.classroom-list-content[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100% - 273px);
}
.classroom-list[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: 100%;
}
.course-page-left .calendar-info[data-v-017e460e]{
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
}
.course-page-left .course-page-left-title[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 48px;
    padding: 0 16px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.course-page-left .course-page-left-title .arrow[data-v-017e460e]{
    color: #333;
    margin-left: 8px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
}
.course-page-left .course-page-left-title .arrow.open[data-v-017e460e]{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
/*教室列表*/
.classroom-list[data-v-017e460e],
  .classroom-list .course-page-left-content[data-v-017e460e]{
    height: 100%
}
.classroom-list .classroom-list-wapper[data-v-017e460e]{
    height: 100%;
}
.classroom-list .classroom-list-item[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.classroom-list-item span[data-v-017e460e]{
    margin-right: 12px;
}
.classroom-list .classroom-list-item.active[data-v-017e460e]{
    background: rgba(var(--main-color-rgb),.2);
    color: var(--main-color);
}
.classroom-list .classroom-list-item[data-v-017e460e]:hover{
    background: rgba(var(--main-color-rgb),.1);
    color: var(--main-color);
}
/*收起左侧按钮*/
/*右边 —— 教室上午课程信息 Start*/
.course-page-right[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 100%;
    height: 100%;
    padding: 16px;
    background: #ffffff;
    border-radius: 0 8px  8px 0 ;
}
.schedule-courses-search[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    margin-left: 60px;
    margin-bottom: 16px;
}
.schedule-courses-search .topday-time-text[data-v-017e460e]{
    font-size: 14px;
    font-weight: bold;
    color: var(--main-color);
}
.schedule-courses[data-v-017e460e]{
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    overflow: hidden;
}
/*周标题*/
.schedule-courses .week-time-box[data-v-017e460e]{
    position: absolute;
    min-height: 40px;
    width: 100%;
    padding-left: 60px;
    z-index: 10;
}
.schedule-courses .week-time-list[data-v-017e460e]{
    border: 1px solid #d8e0f0;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);
            box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);
}
.schedule-courses .week-time-list .week-time-day[data-v-017e460e]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 14.2%;
    height: 40px;
    border-right: 1px solid #D8E0F0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.schedule-courses .week-time-list .week-time-day[data-v-017e460e]:last-child,
  .schedule-courses .week-hour-list .week-time-day[data-v-017e460e]:last-child{
    border: 0;
    width: 14.8%;
}
.schedule-courses .week-hour-list .week-time-day.weekend[data-v-017e460e]{
    background: rgba(244,249,253,1);
}
.schedule-courses .week-time-list .week-time-day .week-day-number[data-v-017e460e]{
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    left: 8px;
    top: 50%;
    margin-top: -12px;
    font-size: 14px;
    font-weight: normal;
    background: #fff;
    color: #b4b4b4;
    border-radius: 12px;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
}
.schedule-courses .week-time-list .week-time-day .week-day-number.selected[data-v-017e460e]{
    color: #fff;
    background: var(--main-color);
}
/*周刻度*/
.schedule-courses .week-hour-box[data-v-017e460e]{
    height: calc(100% - 30px);
    padding-left: 60px;
    margin-top: 30px;
    padding-top: 12px;
    overflow: auto;
}
.schedule-courses .week-hour-list[data-v-017e460e]{
    border-left: 1px solid #D7E3F1;
    border-right: 1px solid #D7E3F1;
    width: 100%;
}
.schedule-courses .week-hour-list .week-time-day[data-v-017e460e]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 14.2%;
    border-right: 1px solid #D8E0F0;
}
/*每个时间刻度*/
.schedule-courses .week-hour-list .week-day-hour[data-v-017e460e]{
    position: relative;
    width: 100%;
}
.schedule-courses .week-day-hour .week-day-hour-call[data-v-017e460e]{
    position: relative;
}
.schedule-courses .week-day-hour .hour-number[data-v-017e460e]{
    position: absolute;
    color: #b4b4b4;
    font-size: 14px;
    right: 100%;
    top: -12px;
    margin-right: 12px;
}
.schedule-courses .week-day-hour .half-hour[data-v-017e460e]{
    display: block;
    width: 100%;
    height: 60px;
}
.schedule-courses .week-day-hour .first-half-hour[data-v-017e460e]{
    border-bottom: 1px dashed #d8e0f0;
}
.schedule-courses .week-day-hour .last-half-hour[data-v-017e460e]{
    border-bottom: 1px solid #d8e0f0;
}
/*具体的课程信息*/
.course-info-box[data-v-017e460e]{
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    left: 8px;
    right: 8px;
    background: #ffffff;
    border: 1px solid var(--main-color);
    border-radius: 8px;
    z-index: 9;
}
.course-info-box[data-v-017e460e]:hover{
    -webkit-box-shadow: 0 0 12px 4px rgba(var(--main-color-rgb),0.2);
            box-shadow: 0 0 12px 4px rgba(var(--main-color-rgb),0.2);
}
.course-info-box .period-of-time[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 30px;
    height: 30px;
    padding: 0 8px;
    margin-bottom: 6px;
    font-size: 12px;
    color: var(--main-color);
    background: rgba(var(--main-color-rgb),.1);
}
.course-info-box .statistics-of-students[data-v-017e460e]{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    min-height: 20px;
    padding: 0 8px;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1;
}
.course-info-box .statistics-of-students .student-number[data-v-017e460e]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px;
    height: 100%;
    line-height: 1;
    font-size: 12px;
    color: var(--main-color);
    background: rgba(var(--main-color-rgb),.1);
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    right: 8px;
}
.course-info-box .name-of-course[data-v-017e460e]{
    height: 100%;
    padding: 0 8px;
    line-height: 17px;
    font-size: 14px;
    font-weight: bold;
    color: var(--main-color);
}
.course-info-box .name-of-course .course-name-box[data-v-017e460e]{
    cursor: pointer;
}
/*右边 —— 教室上午课程信息 End*/
.schedule-courses .week-hour-box[data-v-017e460e]::-webkit-scrollbar {
    width: 0;
}
/*学生信息*/
.student-info-page[data-v-017e460e]{
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    top: 64px;
    right: -600px;
    width: 480px;
    height: calc(100% - 64px);
    z-index: 100;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: -3px 6px 6px 0px rgba(109,122,132,0.20);
            box-shadow: -3px 6px 6px 0px rgba(109,122,132,0.20);
    background: #fff;
    -webkit-transition: 400ms;
    transition: 400ms;
}
.student-info-page.show-page[data-v-017e460e]{
    right: 0;
}
.student-info-page .student-page-header[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 16px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #E1E4E6;
}
.student-info-page .student-page-content[data-v-017e460e]{
    height: 100%;
    padding: 0 16px;
    overflow-y: auto;
}
.student-module[data-v-017e460e]{
    margin-top: 16px;
}
.student-module .student-module-title[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: rgba(51,51,51,1);
}
.student-module .student-module-icon[data-v-017e460e]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    border-radius: 4px;
}
.student-module.student-module-basic .student-module-icon[data-v-017e460e]{
    background: rgba(109,93,211,1);
}
.student-module.student-module-student .student-module-icon[data-v-017e460e]{
    background: rgba(21,192,230,1);
}
.student-module .student-module-content[data-v-017e460e]{
    padding-left: 32px;
}
.student-module .module-field-item[data-v-017e460e]{
    min-height: 28px;
    line-height: 28px;
    margin: 4px 0;
    font-size: 0;
}
.module-field-item .field-item-name[data-v-017e460e] {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 16px;
    width: 127px;
    min-height: 28px;
    vertical-align: top;
    overflow: hidden;
    font-size: 14px;
    color: #323537;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.module-field-item .field-item-content[data-v-017e460e] {
    color: #323537;
    display: inline-block;
    width: calc(100% - 166px);
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}
.module-field-item .field-item-content.line-break[data-v-017e460e] {
    overflow: unset;
    white-space: normal;
    word-break: break-word;
}
.module-field-item .field-item-content.line-break .line-break-content[data-v-017e460e]{
    line-height: 17px;
    padding-top: 5px;
}
.student-module-student .student-number[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    color: var(--main-color);
}
.student-module-student .student-wapper-box[data-v-017e460e]{
    font-size: 0;
}
.student-module-student .student-wapper[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8px;
    padding-right: 16px;
    background: rgba(var(--main-color-rgb),.1);
    border-radius: 8px;
}
.student-module-student .student-item[data-v-017e460e]{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
}
.student-module-student .student-item[data-v-017e460e]:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 20px;
    left: 6px;
    top: 10px;
    background: var(--main-color);
    border-radius: 2px;
}
.student-module-student .student-item .student-photo[data-v-017e460e]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    margin: 0 16px 0 26px;
    border-radius: 12px;
    overflow: hidden;
}
.student-module-student .student-item .student-photo img[data-v-017e460e]{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.student-module-student .student-item .student-name[data-v-017e460e]{
    font-size: 14px;
    font-weight: bold;
    color: #323537;
}
.student-module-student .student-status[data-v-017e460e]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 24px;
    width: 56px;
    font-size: 12px;
    border-radius: 4px;
}
.student-module-student .student-status.student-status-yellow[data-v-017e460e]{
    color: #E9A949;
    border: 1px solid rgba(233,169,73,1);
}
.student-module-student .student-status.student-status-red[data-v-017e460e]{
    color: #E96363;
    border: 1px solid rgba(233,99,99,1);
}
.student-module-student .student-status.student-status-green[data-v-017e460e]{
    color: #79DE49;
    border: 1px solid rgba(121,222,73,1);
}
.student-info-page .student-page-bottom[data-v-017e460e]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    height: 56px;
    padding: 0 16px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.16);
            box-shadow: 0 0 6px 0 rgba(0,0,0,0.16);
}
.event-box[data-v-017e460e]{
    border-left: 2px solid;
}
.staut-box[data-v-017e460e]{
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin-left: 30px;
    display: inline-block;
}
/* 详情样式 */
.drawer-modal-header[data-v-017e460e]{
    font-size: 20px;
    font-weight: 700;
    color: #323537;
}
.search-box[data-v-017e460e]{
    height: 26px;
}
.search-item-title[data-v-017e460e]{
    font-size: 16px;
    color: rgba(0,0,0,0.85);
}
.search-item-title-line[data-v-017e460e]{
    border-left: 1px solid #dfdfdf;
    margin-left: 8px;
    padding-left: 8px;
}
.search-item-content[data-v-017e460e]{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin-left: 12px;
}
.people-detail-ul[data-v-017e460e]{
    margin: 9px 0 0 -9px;
}
.people-detail-ul .people-detail-li[data-v-017e460e]{
    position: relative;
    padding: 0 16px 12px 30px;
}
.people-detail-ul .people-detail-li[data-v-017e460e]:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 14px;
    top: 16px;
    background: rgba(223,223,223,1);
}
.people-detail-ul .people-detail-li[data-v-017e460e]:after{
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: 2px solid #dfdfdf;
    border-radius: 50%;
}
.people-detail-ul .people-detail-li[data-v-017e460e]:first-child:after{
    display: none;
}
.people-detail-ul .people-detail-li[data-v-017e460e]:last-child:before{
    display: none;
}
.detail-li-icon[data-v-017e460e]{
    position: absolute;
    top: 7px;
    left: 10px;
    width: 10px;
    height: 10px;
    background: var(--main-color);
    border-radius: 50%;
}
.detail-li-time[data-v-017e460e]{
    font-size: 14px;
    font-weight: 400;
    color: #8c8c8c;
}
.detail-li-count[data-v-017e460e]{
    font-size: 14px;
    color: #333333;
}
.footer-box[data-v-017e460e]{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e1e4e6;
    padding: 16px;
    text-align: right;
}
.module-tab[data-v-017e460e]{
    padding: 4px 16px 0;
    border-bottom: 1px solid #ddd;
}
.module-tab .tab-item[data-v-017e460e]{
    display: inline-block;
    margin-right: 50px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
    color: #333;
    cursor: pointer;
}
.module-tab .tab-item.active[data-v-017e460e]{
    color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
}
.module-content[data-v-017e460e]{
    height: calc( 100% - 129px );
}
.content-text-box[data-v-017e460e]{
    background: #f4f5f6;
    border-radius: 8px;
    padding: 12px;
}
.content-box-top[data-v-017e460e]{
    padding: 12px;
    border-bottom:1px solid #e4e4e4 ;
}
.drawer-modal-content[data-v-017e460e]{
    margin-top: 16px;
}
.modal-content-title[data-v-017e460e]{
    font-size: 16px;
    font-weight: 700;
    color: rgba(0,0,0,0.85);
}
.top-item[data-v-017e460e]{
    font-size: 14px;
    margin: 12px 0 12px 0;
}
.top-item-title[data-v-017e460e]{
    display: inline-block;
    width: 100px;
    color: #8c8c8c;
}
.top-item-content[data-v-017e460e]{
    color: #333333;
}
/* 详情样式 */
.event-item-box[data-v-017e460e]{
    width: 105.8%;
    margin-left: -4px;
    border-radius: 4px;
    padding-left: 6px;
    position: relative;
    height: 100%
}
.event-item-tip[data-v-017e460e]{
    font-size: 14px;
}
.event-item-title[data-v-017e460e]{
    font-size: 14px;
     color: #333333;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis
}
.content-text[data-v-017e460e]{
    font-size: 14px;
    color: #666666;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.day-view[data-v-017e460e]{
    position: absolute;
    top: 10px;
}
.day-events[data-v-017e460e]{
    padding: 16px ;
    border: 1px solid rgba(0,0,0,0.09);
}
.fc-list-day[data-v-017e460e]{
    font-size: 16px;
  font-weight: bold;
  color: #333333;
  background: #fff;
}
.event-item-type[data-v-017e460e]{
  display: inline-block;
    width: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.event-item-type-pad[data-v-017e460e]{
  display: inline-block;
  width: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
[data-v-017e460e].calendar-width .fc  button.fc-addAspectRatio-button:not(:disabled) {
  font-size: 24px!important;
  display: inline-block;
  width: 48px!important;
  height: 48px!important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  min-width:0!important;
}
[data-v-017e460e].fc .fc-timegrid-slot-minor:nth-of-type(1) {
    border-top-style: none;
}
[data-v-017e460e].fc .fc-timegrid-slot-minor{
   border-top: 1px dashed #ddd;
}
.fc .fc-timegrid-slot-label-cushion[data-v-017e460e]{
    position: relative;
    top: 4px;
}
[data-v-017e460e].fc-theme-standard th{
  font-weight: normal!important;
  color: #333333;
  background: #fff;
}
.list-boeder-icon[data-v-017e460e]{
  margin-right: 4px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  display: inline-block;
}
.list-icon[data-v-017e460e]{
  color: #059fe8;
  font-size: 20px;
  position: absolute;
}
.utm-search-content-box[data-v-017e460e]{
 padding: 16px;
}
.moduleList-item.active .utm-item-operation[data-v-017e460e]{
  display: block !important;
}
#module_Management .utm-list-page-box ul li .utm-item.active[data-v-017e460e]{
  background: #E5F5FD;
  color: #333;
}
#module_Management .utm-list-page-box ul li .utm-item.active .utm-item-icon i[data-v-017e460e] {
  color: #b4b4b4;
}
.utm-modal-delete[data-v-017e460e]{
  position: absolute;
  right: 68px;
  top: 8px;
  overflow: hidden;
  cursor: pointer;
}
.utm-modal-delete i[data-v-017e460e] {
  font-size: 24px;
  color:  #059fe8;
}
.model-title[data-v-017e460e]{
  font-size: 16px;
  font-weight: 700;
  color: rgba(0,0,0,0.85);
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 8px;
}
.course-import-btn[data-v-017e460e]{
  position: absolute;
  right: 90px;
  top: 16px;
}
.course-add-btn[data-v-017e460e]{
  position: absolute;
  right: 30px;
  top: 16px;
}
.toast[data-v-017e460e] {
  position: fixed;
  top: 66px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #333333;
  font-size: 16px;
  padding: 0 24px;
  width: 694px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #fba93d;
  border-radius: 8px;
  line-height: 48px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.message-icon[data-v-017e460e]{
  color: #FBA93D;
  font-size: 22px;
  margin-right: 6px;
}
.border-left[data-v-017e460e]{
  display: inline-block;
  width: 2px;
  height: 18px;
  background: #fba93d;
  margin-right: 12px;
}















































































































































































































































































/*日历的样式*/
.index-time-choose .ivu-date-picker .ivu-select-dropdown{
  display: block!important;
  position: relative!important;
  top: unset!important;
  left: unset!important;
  overflow: hidden;
  -webkit-box-shadow:unset !important;
          box-shadow:unset !important;
  border-bottom: 1px solid rgba(0,0,0,0.09);
  z-index: 14;
}
.index-time-choose .ivu-date-picker-header{
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.index-time-choose .ivu-picker-panel-icon-btn{
  font-size: 14px;
  width: 20px;
  height: 24px;
  line-height: 26px;
  margin-top: 2px;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-rel{
  display: none;
}
.index-time-choose .ivu-date-picker .ivu-picker-panel-body{
  width: 100%;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-cells{
  width: 100%;
  padding: 16px;
  margin: 0;
  text-align: center;
}
.fc-timegrid-more-link-inner{
  padding:  0 !important;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-cells span,
.index-time-choose .ivu-date-picker span.ivu-date-picker-cells-cell{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34px;
  margin: 0;
  font-size: 14px;
}
.index-time-choose .ivu-date-picker-cells-month .ivu-date-picker-cells-cell{
  width: 41px !important;
}
.index-time-choose .ivu-date-picker-cells-month .ivu-date-picker-cells-cell em{
  width: 38px !important;
}
.index-time-choose .ivu-date-picker-cells-year .ivu-date-picker-cells-cell{
  width: 47px !important;
}
.index-time-choose .ivu-date-picker-cells-year .ivu-date-picker-cells-cell em{
  width: 40px !important;
}
.index-time-choose .ivu-date-picker span.ivu-date-picker-cells-cell.index-time-choose-week{
  background: rgba(var(--main-color-rgb),.1);
}
.index-time-choose .ivu-date-picker span.ivu-date-picker-cells-cell.index-time-choose-week-start{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.index-time-choose .ivu-date-picker span.ivu-date-picker-cells-cell.index-time-choose-week-end{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-cells span em {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-cells-cell-today em:after{
  display: none;
  top: 5px;
  right: 5px;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-cells-cell:hover em {
  background: #DFDFDF;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-cells-cell-today em,
.index-time-choose .ivu-date-picker .ivu-date-picker-cells-cell-today:hover em {
  border: 1px solid var(--main-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-time-choose .ivu-date-picker .ivu-date-picker-cells-cell-selected em,
.index-time-choose .ivu-date-picker .ivu-date-picker-cells-cell-selected:hover em {
  background: var(--main-color);
  color: #fff;
  border-color: var(--main-color);
}
/***************************/
.index-time-choose .mx-datepicker{
  width: 100%;
}
.index-time-choose .mx-input-wrapper{
  display: none;
}
.index-time-choose .mx-datepicker-main.mx-datepicker-popup{
  position: relative!important;
  top: 0!important;
  -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
          box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}
.index-time-choose .mx-calendar{
  width: 100%;
  padding: 0;
}
.index-time-choose .mx-calendar-header{
  padding: 0 16px;
  border-bottom: 1px solid #e8eaec;
}
.index-time-choose .mx-btn{
  font-size: 16px;
  color: #333;
}
.index-time-choose .mx-calendar-content{
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 16px;
  color: #333;
  font-size: 14px;
}
.index-time-choose .mx-calendar-week-mode .mx-date-row:hover,
.index-time-choose .mx-calendar-week-mode .mx-date-row.mx-active-week {
  background: #fff;
}
.index-time-choose .mx-week-number{
  opacity: 1;
  color: #999;
}
.index-time-choose .mx-date-row.index-time-choose-week td.cell,
.index-time-choose .mx-calendar-content .index-time-choose-week .cell.active,
.index-time-choose .mx-calendar-content .index-time-choose-week .cell:hover{
  background: rgba(var(--main-color-rgb),.1);
}
.index-time-choose .mx-date-row.index-time-choose-week td:nth-child(2){
  border-radius: 18px 0 0 18px;
}
.index-time-choose .mx-date-row.index-time-choose-week .cell:last-child{
  border-radius: 0 18px 18px 0;
}
.index-time-choose .mx-table-date td, .index-time-choose .mx-table-date th {
  font-size: 14px;
  height: 36px;
  text-align: center;
}
.index-time-choose .mx-table-date td div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  width: 32px;
  margin: 2px 4px;
  border-radius: 16px;
}
/*当天的*/
.mx-table-date .today {
  color: unset;
}
.index-time-choose .mx-table-date td.today div{
  position: relative;
  border: 1px solid var(--main-color);
}
.index-time-choose .mx-table-date td.today div:after{
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2d8cf0;
  position: absolute;
  top: 5px;
  right: 5px;
}
/*选中的效果*/
.index-time-choose .mx-calendar-content .cell.active {
  color: #fff;
  background: unset;
}
.index-time-choose .mx-calendar-content .cell.active div,
.index-time-choose .mx-calendar-content .cell.active:hover div{
  background: var(--main-color);
  color: #fff;
  border: 1px solid var(--main-color);
}
/*鼠标移入*/
.index-time-choose .mx-calendar-content .cell:hover {
  color: unset;
  background: unset;
}
.index-time-choose .mx-calendar-content .cell:hover div{
  background: #DFDFDF;
}
.event-box-month{
  top: 3px;
  left: 3px !important;
  height: 70%!important;
}
.event-box1{
  position: absolute;
  left: 1px;
  height: 99.5%;
  width: 3px;
  border-right: 3px solid #24c4a9;
  border-radius: 3px 0 0 3px;
}
.event-box2{
  position: absolute;
  left: 1px;
  height: 99.5%;
  width: 3px;
  border-right: 3px solid  #999999 ;
  border-radius: 3px 0 0 3px;
}
.pc-scrollbar .fc .fc-scroller-liquid-absolute{
  overflow: hidden !important;
}
.pc-scrollbar .fc .fc-scroller-liquid-absolute:hover{
  overflow: auto !important;
}
.pc-scrollbar .fc-scroller{
  overflow: hidden !important;
}
.fc-col-header-cell-cushion {
  color: #333333;
}
.fc-daygrid-day-number{
  color: #333333;
}
.fc-button-primary:focus {
      border-color: #059fe8 !important;
      -webkit-box-shadow: 0 0 0 0 #FFF !important;
      box-shadow: 0 0 0 0 #FFF !important;
}
.fc-button:disabled{
    opacity: 0 !important;
    display: none!important;
}
.fc-icon {
      display: inline-block;
      width: 1em !important;
      height: 1em !important;
      text-align: center !important;
      margin-left: -2px !important;
      margin-top: -2px !important;
}
.fc-toolbar h2 {
      font-size: 20px !important;      
      color: #333333 !important;
      display:inline-block !important;
      margin: 0 16px 0 16px !important;
}
.fc-button-group{
      border-radius: 6!important;
}
.fc-dayGridMonth-button {
      color: #8c8c8c !important;
      background-color: #FFF !important;
      border-color: #dfdfdf !important;
      width: 80px !important;
      height: 40px !important;      
      border-radius: 0 6px 6px 0!important;
}
.fc-today-button{
      color: #8c8c8c !important;
      background-color: #FFF !important;
      border-color: #dfdfdf !important;
      width: 80px !important;
      height: 40px !important;      
      border-radius: 6px!important;
}
.fc-timeGridWeek-button{
      color: #8c8c8c !important;
      background-color: #FFF !important;
      border-color: #dfdfdf !important;
      width: 80px !important;
      height: 40px !important;      
      border-radius: 0!important;
}
.fc-timeGridDay-button{
    color: #8c8c8c !important;
      background-color: #FFF !important;
      border-color: #dfdfdf !important;
      width: 80px !important;
      height: 40px !important;      
      border-radius:  6px 0 0 6px !important;
}
.fc-button-active{
    color: #059fe8 !important;
    border-color: #059fe8 !important ;
}
.fc .fc-timegrid-col.fc-day-today{
    background-color: #fff !important;
}
.fc-col-header-cell .fc-day .fc-day-tue .fc-day-today{
    background-color: #fcf8e3 !important;
}
.fc-list-event-dot{
    border-radius: 2px!important;
    border:unset!important;
}
.fc-prev-button{
      width: 24px!important;
      height: 24px!important;
      background: rgba(213,213,213,0.20)!important;
      border-radius: 4px!important;
      border-color: #dfdfdf !important;
      padding: 0 !important;
      margin-top: -8px !important;
}
.fc-next-button{
      width: 24px!important;
      height: 24px!important;
      background: rgba(213,213,213,0.20)!important;
      border-radius: 4px!important;
      border-color: #dfdfdf !important;
      padding: 0 !important;
      margin-top: -8px !important;
}
.fc-addAspectRatio-button{
    font-size: 24px!important;
     width: 40px!important;
     height: 40px!important;
     color: #fff!important;
     padding: 0 16px!important;
     border: 0!important;
     display: -webkit-inline-box!important;
     display: -ms-inline-flexbox!important;
     display: inline-flex!important;
     -webkit-box-align: center!important;
         -ms-flex-align: center!important;
             align-items: center!important;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     line-height: 40px!important;
     outline: none!important;
     cursor: pointer!important;
     border-radius: 4px!important;
     background-color:#fff!important;
}
.fc-button .fc-icon{
    font-size: 14px !important;
    color: #858585 !important;
    vertical-align: middle;
    margin-top: -4.5px !important;
    margin-left: 0 !important;
}
.more-btns{
    width: 80px!important;
    height: 40px!important;
    background: #efefef !important;
    border-radius: 4px!important;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30)!important;
            box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30)!important; 
    font-size: 16px!important;
    text-align: center!important;
    color: #333333!important;
    line-height: 40px!important
}
.more-btns:hover{
    background: #999999 !important;
    color: #fff !important;
}
.fc-header-toolbar .fc-toolbar-chunk:nth-of-type(2){
   margin-right: 175px !important;
}
.fc .fc-timegrid-slot{
  height: 80px !important;
}
.fc-list-day-cushion{
  background:#fff !important;
  border-bottom: 1px solid #fff  !important;
}
.fc-theme-standard .fc-list{
  border: 1px solid #fff  !important;
}
.list-title{
   text-align:left;
   font-size:16px
}
.list-title i{
  color:#059fe8;
  font-size:20px
}
.fc-timegrid-event-harness-inset .fc-timegrid-event{
  border-color: #fff !important ;
  height: 98.15%
}
.fc-list-empty{
  background-color:#fff !important;
  color:#c4c4c4!important;
  font-size:.14px !important
}
.fc-list-empty-cushion{
  background-repeat: no-repeat !important;
  height: 25px !important;
  width: 26px !important;
  padding-top: 16px !important;
  padding-left: 65px !important;
}
.fc .fc-daygrid-more-link{
  width: 65px!important;
  height: 24px!important;
  background: #f8f9f9!important;
  border-radius: 4px!important;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20)!important;
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20)!important; 
  display: inline-block!important;
  line-height: 24px!important;
  font-size: 14px !important;
}
.fc-daygrid-more-link:hover{
    background: #999999 !important;
    color: #fff !important;
}
.fc-popover-body {
  max-height: 200px !important;
  overflow: auto !important;
}
.fc-header-toolbar:second-child{
  margin-right: 20px;
}
.fc-event:focus:after{
  background-color: unset !important;
}
.fc-timegrid-event:hover{
  background: #fff!important;
  border-color:#fff !important ;
}
.fc-daygrid-event:hover{
  background: #fff!important;
  border-color:#fff !important ;
}
.fc-timegrid-event:hover .event-item-box .event-item-type,
.fc-timegrid-event:hover .event-item-box .event-item-tip,
.fc-timegrid-event:hover .event-item-box .event-box0,
.fc-timegrid-event:hover .event-item-box .event-box1,
.fc-timegrid-event:hover .event-item-box .event-box2,
.fc-timegrid-event:hover .event-item-box .event-box3,
.fc-timegrid-event:hover .event-item-box .content-text,
.event-item-box:hover,
.event-item-box:hover .event-item-title span,
.event-item-box:hover .event-box0,
.event-item-box:hover .event-box1,
.event-item-box:hover .event-box2,
.event-item-box:hover .event-box3
{
  color: #fff !important;
  border-right:unset!important;
  background: #24c4a9!important;
  border-color:#fff !important ;
}
.fc-timegrid-event:hover .event-item-box2 .event-item-type,
.fc-timegrid-event:hover .event-item-box2 .event-item-tip,
.fc-timegrid-event:hover .event-item-box2 .event-box2,
.fc-timegrid-event:hover .event-item-box2 .content-text,
.event-item-box2:hover,
.event-item-box2:hover .event-item-title span,
.event-item-box2:hover .event-box2
{
  color: #fff !important;
  border-right:unset!important;
  background: #999999!important;
  border-color:#fff !important ;
}
.fc-day-sat, 
.fc-day-sun{
  background: repeating-linear-gradient(-45deg, #F6F6F6, #F6F6F6 2px, transparent 1px, transparent 12px);
}
.fc-day-today{
  background: #fcf8e3 !important;
}
.fc-daygrid-day-bottom{
  margin-left: 117px !important;
}
.fc-daygrid-day-frame{
  max-height: 74px !important;
}
.fc-scrollgrid-sync-inner{
  position: relative;
}
.fc .fc-highlight{
  background: #f2fafe;
  border: 1px dashed #059fe8;
  border-radius: 4px;
}

/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}
/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }
@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
  content: "\E900";
}
.fc-icon-chevron-right:before {
  content: "\E901";
}
.fc-icon-chevrons-left:before {
  content: "\E902";
}
.fc-icon-chevrons-right:before {
  content: "\E903";
}
.fc-icon-minus-square:before {
  content: "\E904";
}
.fc-icon-plus-square:before {
  content: "\E905";
}
.fc-icon-x:before {
  content: "\E906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

  /* reset */

}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
.fc {

  /* theme */

}
.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
.fc .fc-button:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
.fc .fc-button:disabled {
    opacity: 0.65;
  }
.fc {

  /* "primary" coloring */

}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
.fc .fc-button-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc {

  /* icons within buttons */

}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }
.fc {

  /* stickiness */

}
.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: -webkit-sticky;
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: -webkit-sticky;
  position: sticky;
}
.fc .fc-view-harness {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }
.fc {

  /* when the harness controls the height, make the view liquid */

}
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected,
.fc-event:focus {

  /* dimmer effect */

}
.fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.15);
            box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }

:root {
  --fc-daygrid-event-dot-width: 8px;
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }
.fc {

  /* cell top */

}
.fc .fc-daygrid-day-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
.fc {

  /* day number (within cell top) */

}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
.fc {

  /* event container */

}
.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }
.fc {

  /* positioning for balanced vs natural */

}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }
.fc {

  /* event harness */

}
.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
.fc {

  /* bg content */

}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {

  /* events */

}
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
.fc {

  /* cell bottom (within day-events) */

}
.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0
  }
.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
.fc {

  /* week number (within frame) */

}
.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
.fc {

  /* popover */

}
.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }

/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

.fc-v-event .fc-event-time {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }

.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }

.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }

.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }

.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }

.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }

.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }

.fc .fc-timegrid-slot:empty:before {
      content: '\A0'; /* make sure there's at least an empty space to create height for height syncing */
    }

.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }

.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }

.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }

.fc {


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}

.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }

.fc {


  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

}

.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }

.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; /* vertical align */
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; /* horizontal align. matches text-align below */
  }

.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    -ms-flex-negative: 0;
        flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }

.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }

.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }

.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }

.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    }

.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }

.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }

.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

.fc {

  /* bg */

}

.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }

.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }

.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }

.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }

.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }

.fc {

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

}

.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }

.fc {

  /* now indicator */

}

.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }

.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }

.fc-timegrid-event-harness {
  position: absolute /* top/left/right/bottom will all be set by JS */
}

.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0; /* for when not yet positioned */
    bottom: 0; /* " */
    left: 0;
    right: 0;
  }

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  -webkit-box-shadow: 0px 0px 0px 1px #fff;
          box-shadow: 0px 0px 0px 1px #fff;
  -webkit-box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
          box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
  border-radius: 3px;
}

.fc-timegrid-event { /* events need to be root */
  margin-bottom: 1px /* give some space from bottom */
}

.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }

.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }

.fc-timegrid-event-short .fc-event-main-frame {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: hidden;
  }

.fc-timegrid-event-short .fc-event-time:after {
    content: '\A0-\A0'; /* dash surrounded by non-breaking spaces */
  }

.fc-timegrid-event-short .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
  }

.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
  position: absolute;
  z-index: 9999; /* hack */
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px; /* match space below fc-timegrid-event */
}

.fc-timegrid-more-link-inner { /* has fc-sticky */
  padding: 3px 2px;
  top: 0;
}

.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
  }

.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
  }

.fc {

  /* line */

}

.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }

.fc {

  /* arrow */

}

.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }

:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
.fc {

  /* message when no events */

}
.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; /* vertically aligns fc-list-empty-inner */
  }
.fc .fc-list-empty-cushion {
    margin: 5em 0;
  }
.fc {

  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-table {
    width: 100%;
    border-style: hidden; /* kill outer border on theme */
  }
.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
  }
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background: #fff;
      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    }
.fc {

  /* only exists for aria reasons, hide for non-screen-readers */

}
.fc .fc-list-table thead {
    position: absolute;
    left: -10000px;
  }
.fc {

  /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */

}
.fc .fc-list-table tbody > tr:first-child th {
    border-top: 0;
  }
.fc .fc-list-table th {
    padding: 0; /* uses an inner-wrapper instead... */
  }
.fc .fc-list-table td,
  .fc .fc-list-day-cushion {
    padding: 8px 14px;
  }
.fc {


  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
    }
.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
  }
.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
  }
.fc {

  /* shrink certain cols */

}
.fc .fc-list-event-graphic,
  .fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
  }
.fc .fc-list-event-dot {
    display: inline-block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
  }
.fc {

  /* reset <a> styling */

}
.fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
  }
.fc {

  /* underline link when hovering over any part of row */

}
.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
  }

#no-show-setting{
  border:1px solid transparent;
}
#no-show-setting .title{
  margin: 50px auto;
  width: 300px;
  height: 54px;
  opacity: 1;
  text-align: center;
  line-height: 54px;
  color: #333;
  background: #eaf7fd;
  border-radius: 27px;
}
#no-show-setting .content{
  padding: 40px 160px;
  margin: 50px auto;
  width: 1024px;
  height: 334px;
  background: #ffffff;
  border: 1px solid #dddddd;
}
#no-show-setting .utm-control-label{
  width: 250px;
}
#no-show-setting .utm-controls{
  margin-left: 250px;
}
#no-show-setting .utm-input{
  margin-right: 5px;
  max-width: 220px;
}
#no-show-setting .utm-switch{
  margin-top: 10px;
}

#organization-preview{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#organization-preview .utm-page-footer{
  padding: 16px 24px;
  overflow: hidden;
}
#org-tree-preview-con{
  overflow: auto;
  width: 100%;
  height: 100%;
}
#organization-preview .page-content{
  overflow: auto;
}
#organization-preview .page-content.drag-status{
  cursor: move;
}
#organization-preview .scale-con{
  position: relative;
  margin-top: 6px;
}
#organization-preview .scale-con span{
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
#organization-preview .scale-con .text{
  padding: 0 4px;
  width: 53px;
}
#organization-preview .scale-con .scale-btn{
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
}
#organization-preview .scale-con .scale-btn.utm-icon-shrink{
  color: #00A052;
}
#organization-preview .scale-con .scale-btn.utm-icon-zoom{
  color: #E89505;
}
#organization-preview .org-content{
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
#organization-preview .page-content div,
#organization-preview .page-content span{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.org-tree-container{
  display: inline-block;
}
.org-tree{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  vertical-align: top;
  text-align: center;
}
.org-tree>.org-tree-item{
  position: relative;
  display: inline-block;
  margin: 0px;
  vertical-align: top;
}
.org-tree-type{
  display: block;
  margin: 0 auto 4px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #F2F3F7;
  text-align: center;
  line-height: 50px;
}
.org-tree-type>span{
  color: #B2BCD1;
}
.org-tree-name{
  display: block;
  padding: 0px 10px 0;
  margin: 0 auto;
  width: 170px;
  height: 32px;
}
.org-tree-name-inner{
  display: block;
  margin: 0 auto;
  padding: 0px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  width: 150px;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 32px;
  background: #858585;
  border-radius: 3px;
  color: #fff;
}
.org-tree-y-line{
  margin: 0 auto;
  width: 2px;
  height: 40px;
  background: #D2F0FF;
}
.org-tree-x-left-line{
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 2px;
  background: #059FE8;
}
.org-tree-x-right-line{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 2px;
  background: #059FE8;
}

#privilege-management[data-v-cbfbda4c] {
  height: 100%;
}
#privilege-management .permission-box[data-v-cbfbda4c]{
  width: 100%;
  height: 535px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  overflow-y: auto;
  padding: 0 16px;
}
#privilege-management .content-box[data-v-cbfbda4c]{
  padding:  0px 16px;
  height: calc( 100% - 72px );
  overflow: auto;
  overflow-x: hidden;
}
.role-box[data-v-cbfbda4c]{
  margin-right: 16px;
  margin-bottom: 16px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 252px;
  border-radius: 8px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.role-box.role-fl-right[data-v-cbfbda4c]{
  margin-right: 0px !important;
}
.role-box.role-box2[data-v-cbfbda4c]{
  width: calc( 50% - 8px );
}
.role-box.role-box3[data-v-cbfbda4c]{
  width: calc( 33.3% - 11px );
}
.role-box.role-box4[data-v-cbfbda4c]{
  width: calc( 25% - 12px );
}
.role-box.role-box5[data-v-cbfbda4c]{
  width: calc( 20% - 13px );
}
.role-box.role-box6[data-v-cbfbda4c]{
  width: calc( 16.3% - 14px );
}
.role-box:hover .role-box-top[data-v-cbfbda4c],
.role-box:hover .role-box-bottom[data-v-cbfbda4c]{
  border-color: var(--main-color);
}
.role-box:hover .role-box-bottom[data-v-cbfbda4c]{
  border-top-color: #ebebeb;
}
.role-box-top[data-v-cbfbda4c]{
  position: relative;
  padding: 4px 16px 16px;
  height: 147px;
  background: #fff;
  border: 1px solid #ebebeb;
  border-bottom-width: 0px;
  border-radius:8px 8px 0 0;
}
.role-box-top .role-text[data-v-cbfbda4c]{
  line-height: 40px;
}
.role-box-top .role-name[data-v-cbfbda4c]{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
}
.role-box-top .rank-text[data-v-cbfbda4c]{
  display: inline-block;
  padding: 0 8px;
  margin: 4px auto 10px;
  min-width: 76px;
  max-width: 100%;
  height: 26px;
  font-size: 14px;
  text-align:center;
  background: rgba(23,161,98,0.30);
  border: 2px solid #17A162;
  border-radius: 8px;
  color: #17A162;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.role-box-top .rank-text.rank-global[data-v-cbfbda4c]{
  color: #D71010;
  background: rgba(215,16,16,0.30);
  border: 2px solid #d71010;
}
.role-box-top .rank-text.rank-text-empty[data-v-cbfbda4c]{
  border-color: transparent;
  background: transparent;
}
.role-box-top .utm-option-operation.item-operation[data-v-cbfbda4c]{
  top: 4px;
  right: 16px;
  width: 24px;
  min-width: 16px;
}
.role-box-top .utm-option-operation .more-operation[data-v-cbfbda4c]{
  left: unset;
  right: 0px;
}
.role-box-top .more-operation .operate-item[data-v-cbfbda4c]{
  line-height: 24px;
  color: #333;
}
.role-box-top .more-operation .operate-item[data-v-cbfbda4c]:hover{
  background: #e5e8f0;
}
.role-box-top .more-operation .operate-item i[data-v-cbfbda4c]{
  color: var(--main-color);
}
.role-box-top .more-operation .operate-item.disabled[data-v-cbfbda4c],
.role-box-top .more-operation .operate-item.disabled > *[data-v-cbfbda4c]{
  color: #999;
  cursor: not-allowed;
}
.role-box-top .operate-icon[data-v-cbfbda4c]{
  font-size: 16px;
}
.role-box-top .des-text[data-v-cbfbda4c]{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  word-break: break-word;
  line-height: 23px;
  color: #999999;
}
.role-box-bottom[data-v-cbfbda4c]{
  position: relative;
  padding: 16px;
  height: 104px;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius:0 0 8px 8px;
  font-size: 0;
}
.role-box-bottom .account-tag[data-v-cbfbda4c]{
  padding: 0 16px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
  height: 32px;
  min-width: 88px;
  max-width: calc(100% - 8px);
  background: #fff;
  vertical-align: middle;
  border-radius: 16px;
  white-space: nowrap;
  color: var(--main-color);
  border: 1px solid var(--main-color);
}
.role-box-bottom .account-tag span[data-v-cbfbda4c]{
  color: var(--main-color);
  font-size: 16px;
  line-height: 32px;
  vertical-align: middle;
}
.role-box-bottom .account-tag span[data-v-cbfbda4c]:nth-child(2){
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.role-box-bottom .account-tag .utm-font[data-v-cbfbda4c]{
  margin-right: 8px;
}
.role-box-bottom .more-account-tip[data-v-cbfbda4c]{
  position: absolute;
  right: 16px;
  bottom: 16px;
  font-size: 16px;
}
/*role modal*/
.tab-title[data-v-cbfbda4c]{
  margin-bottom: 8px;
  line-height: 20px;
}
.tabs[data-v-cbfbda4c]{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  font-size: 0;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
  vertical-align: bottom;
  background-color: #fff;
  white-space: nowrap;
}
.tab-item[data-v-cbfbda4c]{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 99px;
  height: 40px;
  background-color: #F7F7F7;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  color: #000;
}
.tab-item[data-v-cbfbda4c]:last-child{
  border-radius: 0 4px 0 0;
}
.tab-item[data-v-cbfbda4c]:after{
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
  height: 15px;
  background-color: #DFDFDF;
}
.tab-item.active[data-v-cbfbda4c]{
  margin-left: -1px;
  width: 98px;
  background-color: #E6EFF9;
  color: var(--main-color);
  font-weight: 600;
}
.tab-item.active[data-v-cbfbda4c]:after,
.tab-item[data-v-cbfbda4c]:last-child:after{
  display: none;
}
.selected-count[data-v-cbfbda4c]{
  color: #FF9A36;
}
.tab-content[data-v-cbfbda4c]{
  padding: 8px 16px 16px;
  height: 100%;
  background-color: rgba(var(--main-color-rgb),0.05);
  border-radius: 0 0 4px 4px;
}
.global-code-check-box .tab-content[data-v-cbfbda4c]{
  height: calc(100% - 40px);
}
.tab-child-title[data-v-cbfbda4c]{
  font-weight: 600;
  color: #000;
  line-height: 40px;
}
.tab-code-box[data-v-cbfbda4c]{
  margin-top: 16px;
  padding: 0;
  height: calc(100% - 152px);
  border-radius: 4px;
  overflow-y: auto;
}
.control-box[data-v-cbfbda4c]{
  padding: 16px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.code-box[data-v-cbfbda4c]{
  padding: 16px;
  height: 100%;
  background: rgba(var(--main-color-rgb),0.05);
  border-radius: 4px;
}
.code-box-left[data-v-cbfbda4c]{
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 213px;
}
.code-group[data-v-cbfbda4c]{
  padding: 16px 0;
  margin-bottom: 16px;
  background: rgba(var(--main-color-rgb),0.05);
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.code-group[data-v-cbfbda4c]:last-child{
  height: calc(100% - 186px);
}
.code-group-title[data-v-cbfbda4c]{
  padding-left: 16px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  color: var(--main-color);
}
.code-item[data-v-cbfbda4c]{
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  height: 27px;
  line-height: 27px;
  cursor: pointer;
}
.code-item.active[data-v-cbfbda4c]{
  background: #ffffff;
}
.code-item.active[data-v-cbfbda4c]::before{
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  height: 19px;
  width: 4px;
  background: var(--main-color);
  border-radius: 2px 0px 0px 2px;
}
.code-item-done[data-v-cbfbda4c]{
  position: absolute;
  right: 16px;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--main-color);
  text-align: center;
  line-height: 16px;
}
.code-item-done i[data-v-cbfbda4c]{
  color: #fff;
  font-size: 14px;
}
.code-box-right[data-v-cbfbda4c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  margin-left: 16px;
  height: 100%;
  width: 541px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.code-check-box[data-v-cbfbda4c]{
  height: 100%;
  border: 16px solid #fff;
  outline: 1px solid #dfdfdf;
  border-radius: 4px;
}
.backend-code-check-box .code-check-box[data-v-cbfbda4c]{
  height: calc(100% - 88px);
}
.backend-code-check-box.backend-code-check-close .code-check-box[data-v-cbfbda4c]{
  height: calc(100% - 46px);
}
.code-check-box .utm-prefix-input[data-v-cbfbda4c]{
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #dfdfdf;
}
.selector-title[data-v-cbfbda4c]{
  margin-bottom: 16px;
  line-height: 19px;
}
.control-box .utm-tag[data-v-cbfbda4c]{
  margin: 4px 16px 4px 0px;
  vertical-align: middle;
  font-size: 14px;
}
.control-box .utm-tag .utm-font[data-v-cbfbda4c]:first-child{
  padding-right: 8px;
  color: #8C8C8C;
  font-size: 14px;
}
.control-box .utm-tag .utm-font[data-v-cbfbda4c]:last-child{
  padding-left: 8px;
  color: #B4B4B4;
  font-size: 12px;
}
.control-box .selected-text[data-v-cbfbda4c]{
  display: inline-block;
  margin:0 16px;
  vertical-align: middle;
}
.control-box .utm-btn[data-v-cbfbda4c]{
  vertical-align: middle;
}
.divide-line[data-v-cbfbda4c]{
  margin: 16px 0;
  height: 1px;
  background: rgba(0,0,0,0.10);
}
.add-receiver-btn[data-v-cbfbda4c]{
  margin-bottom: 0px;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.add-receiver-btn .receiver-panel[data-v-cbfbda4c]{
  width: 450px;
  min-height: 180px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  left: 0;
  bottom: 40px;
  display: none;
}
.utm-prefix-input.sear-receiver[data-v-cbfbda4c]{
  margin: 16px 16px 4px 16px;
}
.receiver-panel .user-list[data-v-cbfbda4c]{
  height: 160px;
  overflow-y: auto;
}
.receiver-panel .user-list .no-list-data[data-v-cbfbda4c]{
  text-align: center;
  line-height: 160px;
  color: #bbb;
}
.user-list .user-item[data-v-cbfbda4c]{
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-cbfbda4c]:hover{
  background: rgba(239, 250, 255, 1);
}
.user-list .user-item.active[data-v-cbfbda4c],
.user-list .user-item.active[data-v-cbfbda4c]:hover{
  background: #CBDFFF;
}
.user-list .user-item.active[data-v-cbfbda4c]:after{
  position: absolute;
  right: 12px;
  content:"\E6E7";
  font-family: 'utmfont', sans-serif;
  color: var(--main-color);
  font-size: 16px;
}
.permission-item[data-v-cbfbda4c]{
  position: relative;
  margin-bottom: 16px;
}
.permission-item .permission-item-header[data-v-cbfbda4c]{
  padding: 16px;
  height: 71px;
  background: #f7f6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
}
.permission-item .permission-item-content[data-v-cbfbda4c]{
  padding: 16px;
  height: 385px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 0px 0px 4px 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
.expand-icon[data-v-cbfbda4c]{
  position: relative;
  top: 0;
  right: 0px;
  display: inline-block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  cursor: pointer;
}
.expand-icon.expand[data-v-cbfbda4c]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.utm-btn.add-account-btn[data-v-cbfbda4c]{
  padding-left: 0;
  border-color: transparent;
  font-size: 14px;
}
.utm-btn.add-account-btn .utm-font[data-v-cbfbda4c]{
  font-size: 14px;
}
/*rank modal*/
.rank-content-box[data-v-cbfbda4c]{
  height: calc( 100% - 42px );
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.rank-content-tree[data-v-cbfbda4c]{
  padding: 16px;
  height: calc( 100% - 54px );
  overflow: auto;
}
.rank-operate-btns[data-v-cbfbda4c]{
  padding: 0 16px;
  font-size: 0;
}
.rank-operate-btns button[data-v-cbfbda4c]{
  margin-right: 16px;
}
#privilege-management .utm-linear-btn.rank-operate-btn[data-v-cbfbda4c]{
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
}
.utm-text-btn .utm-font[data-v-cbfbda4c]{
  color: var(--main-color);
}
.utm-text-btn[data-v-cbfbda4c]{
  background: transparent;
  color: var(--main-color);
}

#single-entry[data-v-319c6a1a]{
  height: 100%;
}
/*
Access Zone tree
*/
.utm-controls-zone-item[data-v-319c6a1a] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-319c6a1a]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-319c6a1a]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-319c6a1a]{
  max-height: 420px;
}
.check-substance-box ul[data-v-319c6a1a]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-319c6a1a]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-319c6a1a]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-319c6a1a]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-319c6a1a]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#single-entry .check-substance-box .substance-left[data-v-319c6a1a] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#single-entry .check-substance-box .substance-right[data-v-319c6a1a]{
  width: 40%;
}
#single-entry .check-substance-box .substance-right .selected-list > ul[data-v-319c6a1a]{
  margin-left: 16px;
}
#single-entry .substance-right .selected-list .selected-item[data-v-319c6a1a] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#single-entry .selected-item-text[data-v-319c6a1a]{
  display: inline-block;
  padding: 4px 0;
}
#single-entry .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-319c6a1a]{
  right: -16px;
  top: 6px;
}
#single-entry .selected-item .utm-font[data-v-319c6a1a]{
  font-size: 16px;
  color: #b4b4b4;
  margin-right: 4px;
  z-index: 99;
}
#single-entry .utm-modal-wrap .utm-modal-box[data-v-319c6a1a]{
  top: 16px;
}
.ul-table[data-v-319c6a1a]{
  width: 100%;
}
.ul-table.ul-table-content[data-v-319c6a1a]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
}
.ul-table .li-title[data-v-319c6a1a],
.ul-table .li-tr[data-v-319c6a1a]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(223,223,223,1);
  min-height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ul-table .li-title[data-v-319c6a1a]{
  font-size: 16px;
  color: #333;
  font-weight: bold;
  background: #eff6f9;
}
.ul-table .li-tr[data-v-319c6a1a]{
  font-size: 16px;
  color: #393939;
  border-left: 1px solid rgba(223,223,223,1);
  border-right: 1px solid rgba(223,223,223,1);
}
.ul-table .ul-table-left[data-v-319c6a1a]{
  width: 100%;
  padding: 0 8px;
}
.ul-table .ul-table-left .utm-font[data-v-319c6a1a]{
  font-size: 16px;
  color: #858585;
  margin-right: 4px;
}
#single-entry .data-item span[data-v-319c6a1a]{
  vertical-align: middle;
}
#single-entry .data-more[data-v-319c6a1a]{
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}
#single-entry .data-details[data-v-319c6a1a]{
  padding: 5px 14px;
  margin-top: 3px;
  margin-bottom: 15px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 150px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  word-break: break-word;
}

#staff-corres {
  overflow: hidden;
}
#staff-corres .data-item-box {
  min-height: 40px;
  line-height: 40px;
}
#staff-corres .data-item-box .utm-font {
  font-size: 16px;
}
#staff-corres .data-item {
  display: block;
  height: 40px;
  line-height: 40px;
}
#staff-corres .data-item>span {
  vertical-align: middle;
}
#staff-corres .data-item .utm-font {
  vertical-align: middle;
  font-size: 16px;
}
#staff-corres .data-item .utm-font.table-operator-icon {
  font-size: 20px;
}
#staff-corres .data-item .item-type {
  margin: 0 3px;
}
#staff-corres .item-space {
  display: inline-block;
  width: 16px;
  height: 40px;
}
#staff-corres .item-child-space {
  display: inline-block;
  width: 38px;
  height: 40px;
}
#staff-corres .item-name {
  display: inline-block;
  width: calc(100% - 60px);
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  cursor: pointer;
  vertical-align: middle;
  text-overflow: ellipsis;
}
#staff-corres .item-child-name {
  display: inline-block;
  width: calc(100% - 70px);
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#staff-corres .data-ac-item {
  display: inline-block;
  vertical-align: top;
  width: auto;
  color: var(--main-color);
  cursor: pointer;
}
#staff-corres .data-column {
  height: 100%;
  vertical-align: top;
}
#staff-corres .more-info {
  display: inline-block;
  margin-left: 16px;
  cursor: pointer;
}
#staff-corres .divide-line {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px;
  width: 1px;
  height: 28px;
  background-color: #dfdfdf;
}
#staff-corres .more-info-box {
  display: block;
  width: 320px;
  min-height: 110px;
  background-color: #fff;
}
#staff-corres .ac-point-item {
  display: block;
  word-break: break-all;
}

#organization{
  height: 100%;
}
#organization .utm-left-more-operation{
  margin-left: -136px;
}
#organization .data-tree{
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 40px;
}
#organization .data-item{
  min-height: 40px;
  line-height: 40px;
}
#organization .data-item .utm-font{
  vertical-align: middle;
  font-size: 16px;
}
#organization .data-item .item-type{
  margin: 0 3px;
}
#organization .item-name{
  display: inline-block;
  padding: 8px 8px;
  width: calc( 100% - 19px);
  max-height: 40px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  min-height: 24px;
}
#organization .data-tree.utm-architecture-tree .item-name:hover{
  color: var(--main-color);
  border-radius: 8px;
}
#organization .item-name:hover{
  background: rgba(var(--main-color-rgb),0.1);
}
#organization .item-name.checked{
  background: rgba(var(--main-color-rgb), 0.2);
}
#organization .operate-con{
  display: inline-block;
  margin-left: 4px;
  width: 134px;
  max-width: 100%;
  text-align: left;
}
#organization .operate-con .operate-btn{
  margin-right: 3px;
}
.architecture-input{
  margin-left: 2px;
}
.architecture-suffix-input{
  display:inline-block;
  width:400px;
  max-width: 100%;
}
.architecture-fork-icon{
  margin: 0 4px;
}
#organization .move-container{
  padding: 16px 16px;
  display: block;
  height: 555px;
  overflow-y: auto;
}
#organization .move-container .search-section,
#organization .move-container .search-section .search-item{
  width: 100%;
  max-width: 100%;
}
#organization .utm-control-group{
  margin-bottom: 16px;
}
#organization .utm-radio-group .ivu-radio-wrapper{
  vertical-align: top;
}
.utm-controls.user-box{
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 8px 0;
  overflow-y: auto;
}
.user-box .user-option{
  display: inline-block;
  width: 49%;
  padding: 0 16px;
  line-height: 1.8;
  max-width: 412px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.user-option i{
  font-size: 16px;
  color: #8C8C8C;
  margin-right: 4px;
}
.user-box .user-option:nth-of-type(odd){
  border-right: 1px solid #DFDFDF;
}
.user-box .row-item{
  font-size: 0;
  line-height: 1;
}
.batch-module-modal .utm-control-label{
  width: 210px;
}
.batch-module-modal .utm-controls{
  margin-left:210px;
}
.radio-controls{
  height: 40px;
  background: #f8f9f9;
  border-radius: 8px;
  padding: 0 12px;
}
#organization .utm-table-box{
  padding: 0 0 0 16px;
}
.tree-item-swapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  height: 40px;
  padding: 0 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 4px;
}
.move-container .tree-item-swapper{
  cursor: pointer;
}
.tree-item-swapper:hover{
  background-color: rgba(var(--main-color-rgb), 0.1);
}
.tree-item-swapper.checked,
.tree-item-swapper.checked:hover{
  background-color: rgba(var(--main-color-rgb), 0.5);
}
.tree-item-swapper .department-info{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.tree-item-swapper .department-info .department-name{
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  height: 24px;
}
.tree-item-swapper:hover .department-info .department-name{
  color: var(--main-color);
}
.tree-item-swapper.checked .department-info .department-name,
.tree-item-swapper.checked .department-info .department-name:hover{
  color: #fff;
}
.tree-item-swapper .department-operate{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  min-width: 220px;
  margin-left: 24px;
}
.tree-item-swapper .department-operate .utm-tooltip{
  margin-right: 10px;
}
.vl-scrollbar{position:relative}.vl-scrollbar:hover .vl-scrollbar__virtual{opacity:1}.vl-scrollbar__content::-webkit-scrollbar{display:none}.vl-scrollbar__virtual{opacity:0;-webkit-transition:opacity .34s ease-out;transition:opacity .34s ease-out}.vl-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;-webkit-transition:background-color .3s;transition:background-color .3s}.vl-scrollbar__thumb,.vl-scrollbar__thumb:hover{background-color:#909399}[class^=vl-icon]{display:block}.vl-icon__caret-right{position:relative;color:#a8abb2;width:10px;height:10px}.vl-icon__caret-right:after{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-25%);transform:translateX(-25%);border:5px solid transparent;border-left-color:currentColor}.vl-tree__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vl-tree__checkbox{margin-right:4px}.vl-tree__expand-icon{cursor:pointer;margin-right:4px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.vl-tree__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vl-tree__expand-icon.is-leaf{cursor:default}.vl-tree__expand-icon.is-leaf .vl-icon__caret-right{color:transparent}.vl-checkbox{color:#606266;font-weight:500;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vl-checkbox,.vl-checkbox__input{position:relative;cursor:pointer;display:inline-block;white-space:nowrap}.vl-checkbox__input{outline:none;line-height:1;vertical-align:middle}.vl-checkbox__input.is-disabled .vl-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.vl-checkbox__input.is-disabled .vl-checkbox__inner:after{cursor:not-allowed;border-color:#c0c4cc}.vl-checkbox__input.is-disabled .vl-checkbox__inner+.vl-checkbox__label{cursor:not-allowed}.vl-checkbox__input.is-disabled.is-checked .vl-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.vl-checkbox__input.is-disabled.is-checked .vl-checkbox__inner:after{border-color:#c0c4cc}.vl-checkbox__input.is-disabled.is-indeterminate .vl-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.vl-checkbox__input.is-disabled.is-indeterminate .vl-checkbox__inner:before{background-color:#c0c4cc;border-color:#c0c4cc}.vl-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.vl-checkbox__input.is-checked .vl-checkbox__inner{background-color:#409eff;border-color:#409eff}.vl-checkbox__input.is-checked .vl-checkbox__inner:after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.vl-checkbox__input.is-checked+.el-checkbox__label{color:#409eff}.vl-checkbox__input.is-focus .vl-checkbox__inner{border-color:#409eff}.vl-checkbox__input.is-indeterminate .vl-checkbox__inner{background-color:#409eff;border-color:#409eff}.vl-checkbox__input.is-indeterminate .vl-checkbox__inner:before{content:"";position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.vl-checkbox__input.is-indeterminate .vl-checkbox__inner:after{display:none}.vl-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vl-checkbox__inner:hover{border-color:#409eff}.vl-checkbox__inner:after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.vl-checkbox__original{opacity:0;outline:none;position:absolute;margin:0;width:0;height:0;z-index:-1}.vl-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}
#tag-management {
  height: 100%;
}
#tag-management .colour-bg {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

#tenant-corres{
  overflow: hidden;
}
#tenant-corres .data-item-box{
  margin-top: 8px;
  min-height: 40px;
  line-height: 32px;
}
#tenant-corres .data-item-box .utm-font{
  font-size: 16px;
  color: var(--main-color);
}
#tenant-corres .data-item{
  display: block;
  line-height: 1em;
}
#tenant-corres .data-item>span{
  vertical-align: middle;
}
#tenant-corres .data-item .utm-font{
  vertical-align: middle;
  font-size: 16px;
}
#tenant-corres .data-item .utm-font.table-operator-icon{
  font-size: 24px;
}
#tenant-corres .data-item .item-type{
  margin: 0 3px;
}
#tenant-corres .item-space{
  display: inline-block;
  width: 16px;
  height: 40px;
}
#tenant-corres .item-child-space{
  display: inline-block;
  width: 38px;
  height: 40px;
}
#tenant-corres .item-name{
  display: inline-block;
  width: calc( 100% - 60px);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tenant-corres .item-child-name{
  display: inline-block;
  width: calc( 100% - 70px);
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tenant-corres .data-ac-item{
  display: inline-block;
  color: var(--main-color);
  cursor: pointer;
}
#tenant-corres .data-column{
  height: 100%;
  vertical-align: top;
}
#tenant-corres .more-info{
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}
#tenant-corres .divide-line{
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
  width: 1px;
  height: 28px;
  background-color: #dfdfdf;
}
#tenant-corres .ac-point-item{
  display: block;
  word-break: break-all;
}

#tenant-organization[data-v-676cf52d]{
  height: 100%;
}
.search-item.search-item3[data-v-676cf52d]{
  width: calc( 33.33% - 16px );
}

#advanced_features[data-v-392cff9a] {
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#advanced_features .utm-tab-content[data-v-392cff9a] {
  background: #fff;
  height: calc(100% - 51px);
  width: 100%;
  overflow-y: auto;
}
#advanced_features .utm-tabs .utm-tab-item[data-v-392cff9a]{
  width: 300px;
}

.utm-multiple-check[data-v-3b1fe558] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-3b1fe558] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-3b1fe558] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-3b1fe558] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
.check-option .utm-ok-icon[data-v-3b1fe558]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-3b1fe558]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-3b1fe558]:hover,
.multiple-check-panel .check-option.active[data-v-3b1fe558] {
  background: #F0F6FF;
}
.utm-multiple-check .utm-tag[data-v-3b1fe558] {
  background: #fff;
}
.tag-checked-box .check-tips[data-v-3b1fe558] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-3b1fe558] {
  padding: 0;
  border: 0;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-3b1fe558]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-3b1fe558]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-3b1fe558] {
  margin: 8px;
}
.tag-checked-box .checked-name[data-v-3b1fe558]{
  color: #515a6e;
  line-height: 40px;
  font-size: 16px;
}
.schedule-details[data-v-3b1fe558]{
  color: #2172F6;
  margin-left: 12px;
  cursor: pointer;
}
.user-text[data-v-3b1fe558]{
  margin-left: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.point-check-control .access-code-group .utm-checkbox-wrapper[data-v-3b1fe558]{
  padding-left: 18px;
  position: relative;
}
.point-check-control .substance-right .selected-list .selected-item[data-v-3b1fe558]{
  overflow: unset;
}
.point-check-control .selected-item .selected-text[data-v-3b1fe558]{
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.advance-point-box[data-v-3b1fe558]{
  background: rgba(var(--main-color-rgb),5%);
  border-radius: 4px;
  padding: 16px 24px;
  margin-top: 16px;
}
.point-box-title[data-v-3b1fe558]{
  margin-bottom: 12px;
  font-weight: 400;
}
.skip-text[data-v-3b1fe558]{
  color: #059fe8;
  cursor: pointer;
}
.area-detail-model[data-v-3b1fe558]{
  padding: 0 25px;
}
.utm-time-box[data-v-3b1fe558] {
  width: 513px;
  height: 64px;
  opacity: 1;
  background: #f0f6ff;
  border-radius: 4px;
  margin-left: 156px;
  padding: 12px;
}
.utm-time-box .utm-control-group[data-v-3b1fe558]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-substance-box[data-v-3b1fe558]{
  background: #fff;
}
.check-substance-box .apply-box-left > ul[data-v-3b1fe558]{
  max-height: 420px;
}
.check-substance-box ul[data-v-3b1fe558]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-3b1fe558]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-3b1fe558]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-3b1fe558]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-3b1fe558]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#vehicle-passback .check-substance-box .substance-left[data-v-3b1fe558] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#vehicle-passback .check-substance-box .substance-right[data-v-3b1fe558]{
  width: 40%;
}
#vehicle-passback .check-substance-box .substance-right .selected-list > ul[data-v-3b1fe558]{
  margin-left: 16px;
}
#vehicle-passback .substance-right .selected-list .selected-item[data-v-3b1fe558] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#vehicle-passback .selected-item-text[data-v-3b1fe558]{
  display: inline-block;
  padding: 4px 0;
}
#vehicle-passback .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-3b1fe558]{
  right: -16px;
  top: 6px;
}
#vehicle-passback .selected-item .utm-font[data-v-3b1fe558]{
  font-size: 16px;
  color: #b4b4b4;
  margin-right: 4px;
  z-index: 99;
}
#vehicle-passback .utm-modal-wrap .utm-modal-box[data-v-3b1fe558]{
  top: 16px;
}
.utm-table .more-option[data-v-3b1fe558]{
  margin-right: 8px;
  display: inline-block;
}
.utm-table .more-option .option-title[data-v-3b1fe558]{
  display: inline-block;
  max-width: 200px;
  vertical-align: middle;
}
.utm-controls-zone-item[data-v-3b1fe558] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-3b1fe558]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-3b1fe558]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-3b1fe558]{
  max-height: 420px;
}
.check-substance-box ul[data-v-3b1fe558]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-3b1fe558]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-3b1fe558]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-3b1fe558]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-3b1fe558]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/**************选择tag****************/
.utm-multiple-check[data-v-3b1fe558] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-3b1fe558] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-3b1fe558] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-3b1fe558] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-3b1fe558]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-3b1fe558]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-3b1fe558]:hover,
.multiple-check-panel .check-option.active[data-v-3b1fe558] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-3b1fe558]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-3b1fe558] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-3b1fe558] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-3b1fe558] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-3b1fe558]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-3b1fe558]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-3b1fe558]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-3b1fe558] {
  margin: 8px;
}

/**************选择tag****************/
.tag-checked-box .checked-name[data-v-3b1fe558]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-3b1fe558]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-3b1fe558]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-3b1fe558] {
  font-size: 14px;
}
.site-check-box hr[data-v-3b1fe558]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
#anti-passback[data-v-3b1fe558]{
  height: 100%;
}
#anti-passback .check-substance-box .substance-left[data-v-3b1fe558] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#anti-passback .check-substance-box .substance-right[data-v-3b1fe558]{
  width: 40%;
}
#anti-passback .check-substance-box .substance-right .selected-list > ul[data-v-3b1fe558]{
  margin-left: 16px;
}
#anti-passback .substance-right .selected-list .selected-item[data-v-3b1fe558] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#anti-passback .selected-item-text[data-v-3b1fe558]{
  display: inline-block;
  padding: 4px 0;
}
#anti-passback .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-3b1fe558]{
  right: -16px;
  top: 6px;
}

.utm-controls-zone-item[data-v-5cef2f6a] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-5cef2f6a]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-5cef2f6a]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-5cef2f6a]{
  max-height: 420px;
}
.check-substance-box ul[data-v-5cef2f6a]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-5cef2f6a]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-5cef2f6a]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-5cef2f6a]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-5cef2f6a]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
/**************选择tag****************/
.utm-multiple-check[data-v-5cef2f6a] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-5cef2f6a] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-5cef2f6a] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-5cef2f6a] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-5cef2f6a]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-5cef2f6a]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-5cef2f6a]:hover,
.multiple-check-panel .check-option.active[data-v-5cef2f6a] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-5cef2f6a]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-5cef2f6a] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-5cef2f6a] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-5cef2f6a] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-5cef2f6a]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-5cef2f6a]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-5cef2f6a]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-5cef2f6a] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-5cef2f6a]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-5cef2f6a]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-5cef2f6a]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-5cef2f6a] {
  font-size: 14px;
}
.site-check-box hr[data-v-5cef2f6a]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
#door_access_control .check-substance-box .substance-left[data-v-5cef2f6a] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#door_access_control .check-substance-box .substance-right[data-v-5cef2f6a]{
  width: 40%;
}
#door_access_control .check-substance-box .substance-right .selected-list > ul[data-v-5cef2f6a]{
  margin-left: 16px;
}
#door_access_control .substance-right .selected-list .selected-item[data-v-5cef2f6a] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#door_access_control .selected-item-text[data-v-5cef2f6a]{
  display: inline-block;
  padding: 4px 0;
}
#door_access_control .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-5cef2f6a]{
  right: -16px;
  top: 6px;
}


.utm-controls-zone-item[data-v-780793d3] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-780793d3]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-780793d3]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-780793d3]{
  max-height: 420px;
}
.check-substance-box ul[data-v-780793d3]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-780793d3]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-780793d3]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-780793d3]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-780793d3]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
/**************选择tag****************/
.utm-multiple-check[data-v-780793d3] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-780793d3] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-780793d3] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-780793d3] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-780793d3]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-780793d3]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-780793d3]:hover,
.multiple-check-panel .check-option.active[data-v-780793d3] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-780793d3]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-780793d3] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-780793d3] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-780793d3] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-780793d3]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-780793d3]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-780793d3]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-780793d3] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-780793d3]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-780793d3]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-780793d3]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-780793d3] {
  font-size: 14px;
}
.site-check-box hr[data-v-780793d3]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
#multi_fa .check-substance-box .substance-left[data-v-780793d3] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#multi_fa .check-substance-box .substance-right[data-v-780793d3]{
  width: 40%;
}
#multi_fa .check-substance-box .substance-right .selected-list > ul[data-v-780793d3]{
  margin-left: 16px;
}
#multi_fa .substance-right .selected-list .selected-item[data-v-780793d3] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#multi_fa .selected-item-text[data-v-780793d3]{
  display: inline-block;
  padding: 4px 0;
}
#multi_fa .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-780793d3]{
  right: -16px;
  top: 6px;
}

.utm-multiple-check[data-v-7dbcbaf3] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-7dbcbaf3] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-7dbcbaf3] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-7dbcbaf3] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
.check-option .utm-ok-icon[data-v-7dbcbaf3]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-7dbcbaf3]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-7dbcbaf3]:hover,
.multiple-check-panel .check-option.active[data-v-7dbcbaf3] {
  background: #F0F6FF;
}
.utm-multiple-check .utm-tag[data-v-7dbcbaf3] {
  background: #fff;
}
.tag-checked-box .check-tips[data-v-7dbcbaf3] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-7dbcbaf3] {
  padding: 0;
  border: 0;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-7dbcbaf3]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-7dbcbaf3]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-7dbcbaf3] {
  margin: 8px;
}
.tag-checked-box .checked-name[data-v-7dbcbaf3]{
  color: #515a6e;
  line-height: 40px;
  font-size: 16px;
}
.schedule-details[data-v-7dbcbaf3]{
  color: #2172F6;
  margin-left: 12px;
  cursor: pointer;
}
.user-text[data-v-7dbcbaf3]{
  margin-left: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.point-check-control .access-code-group .utm-checkbox-wrapper[data-v-7dbcbaf3]{
  padding-left: 18px;
  position: relative;
}
.point-check-control .substance-right .selected-list .selected-item[data-v-7dbcbaf3]{
  overflow: unset;
}
.point-check-control .selected-item .selected-text[data-v-7dbcbaf3]{
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.advance-point-box[data-v-7dbcbaf3]{
  background: rgba(var(--main-color-rgb),5%);
  border-radius: 4px;
  padding: 16px 24px;
  margin-top: 16px;
}
.point-box-title[data-v-7dbcbaf3]{
  margin-bottom: 12px;
  font-weight: 400;
}
.skip-text[data-v-7dbcbaf3]{
  color: #059fe8;
  cursor: pointer;
}
.area-detail-model[data-v-7dbcbaf3]{
  padding: 0 25px;
}
.utm-time-box[data-v-7dbcbaf3] {
  width: 513px;
  height: 64px;
  opacity: 1;
  background: #f0f6ff;
  border-radius: 4px;
  margin-left: 156px;
  padding: 12px;
}
.utm-time-box .utm-control-group[data-v-7dbcbaf3]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-substance-box[data-v-7dbcbaf3]{
  background: #fff;
}
.check-substance-box .apply-box-left > ul[data-v-7dbcbaf3]{
  max-height: 420px;
}
.check-substance-box ul[data-v-7dbcbaf3]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-7dbcbaf3]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-7dbcbaf3]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-7dbcbaf3]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-7dbcbaf3]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#vehicle-passback .check-substance-box .substance-left[data-v-7dbcbaf3] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#vehicle-passback .check-substance-box .substance-right[data-v-7dbcbaf3]{
  width: 40%;
}
#vehicle-passback .check-substance-box .substance-right .selected-list > ul[data-v-7dbcbaf3]{
  margin-left: 16px;
}
#vehicle-passback .substance-right .selected-list .selected-item[data-v-7dbcbaf3] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#vehicle-passback .selected-item-text[data-v-7dbcbaf3]{
  display: inline-block;
  padding: 4px 0;
}
#vehicle-passback .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-7dbcbaf3]{
  right: -16px;
  top: 6px;
}
#vehicle-passback .selected-item .utm-font[data-v-7dbcbaf3]{
  font-size: 16px;
  color: #b4b4b4;
  margin-right: 4px;
  z-index: 99;
}
#vehicle-passback .utm-modal-wrap .utm-modal-box[data-v-7dbcbaf3]{
  top: 16px;
}
.utm-table .more-option[data-v-7dbcbaf3]{
  margin-right: 8px;
  display: inline-block;
}
.utm-table .more-option .option-title[data-v-7dbcbaf3]{
  display: inline-block;
  max-width: 200px;
  vertical-align: middle;
}
.utm-controls-zone-item[data-v-7dbcbaf3] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-7dbcbaf3]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-7dbcbaf3]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-7dbcbaf3]{
  max-height: 420px;
}
.check-substance-box ul[data-v-7dbcbaf3]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-7dbcbaf3]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-7dbcbaf3]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-7dbcbaf3]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-7dbcbaf3]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/**************选择tag****************/
.utm-multiple-check[data-v-7dbcbaf3] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-7dbcbaf3] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-7dbcbaf3] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-7dbcbaf3] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-7dbcbaf3]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-7dbcbaf3]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-7dbcbaf3]:hover,
.multiple-check-panel .check-option.active[data-v-7dbcbaf3] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-7dbcbaf3]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-7dbcbaf3] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-7dbcbaf3] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-7dbcbaf3] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-7dbcbaf3]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-7dbcbaf3]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-7dbcbaf3]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-7dbcbaf3] {
  margin: 8px;
}

/**************选择tag****************/
.tag-checked-box .checked-name[data-v-7dbcbaf3]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-7dbcbaf3]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-7dbcbaf3]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-7dbcbaf3] {
  font-size: 14px;
}
.site-check-box hr[data-v-7dbcbaf3]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
#occupancy-limit[data-v-7dbcbaf3]{
    height: 100%;
}
.site-title[data-v-7dbcbaf3]{
    margin: 12px 0;
}
#occupancy-limit .check-substance-box .substance-right .selected-list > ul[data-v-7dbcbaf3]{
    margin-left: 16px;
}
#occupancy-limit .substance-right .selected-list .selected-item[data-v-7dbcbaf3] {
    padding: 4px 27px 4px 0;
    overflow: unset;
}
#occupancy-limit .selected-item-text[data-v-7dbcbaf3]{
    display: inline-block;
    padding: 4px 0;
}
#occupancy-limit .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-7dbcbaf3]{
    right: -16px;
}
.utm-control-label[data-v-7dbcbaf3]{
    width: 188px;
}
.utm-controls[data-v-7dbcbaf3]{
    margin-left: 188px;
}
.utm-item > span[data-v-7dbcbaf3]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    -webkit-box-orient: horizontal;  
    -webkit-box-direction: normal;  
        -ms-flex-direction: row;  
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#twofa-setting[data-v-c4cc64ec]{
   height: 100%;
}

.utm-multiple-check[data-v-1324c19b] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-1324c19b] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-1324c19b] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-1324c19b] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
.check-option .utm-ok-icon[data-v-1324c19b]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-1324c19b]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-1324c19b]:hover,
.multiple-check-panel .check-option.active[data-v-1324c19b] {
  background: #F0F6FF;
}
.utm-multiple-check .utm-tag[data-v-1324c19b] {
  background: #fff;
}
.tag-checked-box .check-tips[data-v-1324c19b] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-1324c19b] {
  padding: 0;
  border: 0;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-1324c19b]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-1324c19b]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-1324c19b] {
  margin: 8px;
}
.tag-checked-box .checked-name[data-v-1324c19b]{
  color: #515a6e;
  line-height: 40px;
  font-size: 16px;
}
.schedule-details[data-v-1324c19b]{
  color: #2172F6;
  margin-left: 12px;
  cursor: pointer;
}
.user-text[data-v-1324c19b]{
  margin-left: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.point-check-control .access-code-group .utm-checkbox-wrapper[data-v-1324c19b]{
  padding-left: 18px;
  position: relative;
}
.point-check-control .substance-right .selected-list .selected-item[data-v-1324c19b]{
  overflow: unset;
}
.point-check-control .selected-item .selected-text[data-v-1324c19b]{
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.advance-point-box[data-v-1324c19b]{
  background: rgba(var(--main-color-rgb),5%);
  border-radius: 4px;
  padding: 16px 24px;
  margin-top: 16px;
}
.point-box-title[data-v-1324c19b]{
  margin-bottom: 12px;
  font-weight: 400;
}
.skip-text[data-v-1324c19b]{
  color: #059fe8;
  cursor: pointer;
}
.area-detail-model[data-v-1324c19b]{
  padding: 0 25px;
}
.utm-time-box[data-v-1324c19b] {
  width: 513px;
  height: 64px;
  opacity: 1;
  background: #f0f6ff;
  border-radius: 4px;
  margin-left: 156px;
  padding: 12px;
}
.utm-time-box .utm-control-group[data-v-1324c19b]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-substance-box[data-v-1324c19b]{
  background: #fff;
}
.check-substance-box .apply-box-left > ul[data-v-1324c19b]{
  max-height: 420px;
}
.check-substance-box ul[data-v-1324c19b]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-1324c19b]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-1324c19b]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-1324c19b]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-1324c19b]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#vehicle-passback .check-substance-box .substance-left[data-v-1324c19b] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#vehicle-passback .check-substance-box .substance-right[data-v-1324c19b]{
  width: 40%;
}
#vehicle-passback .check-substance-box .substance-right .selected-list > ul[data-v-1324c19b]{
  margin-left: 16px;
}
#vehicle-passback .substance-right .selected-list .selected-item[data-v-1324c19b] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#vehicle-passback .selected-item-text[data-v-1324c19b]{
  display: inline-block;
  padding: 4px 0;
}
#vehicle-passback .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-1324c19b]{
  right: -16px;
  top: 6px;
}
#vehicle-passback .selected-item .utm-font[data-v-1324c19b]{
  font-size: 16px;
  color: #b4b4b4;
  margin-right: 4px;
  z-index: 99;
}
#vehicle-passback .utm-modal-wrap .utm-modal-box[data-v-1324c19b]{
  top: 16px;
}
.utm-table .more-option[data-v-1324c19b]{
  margin-right: 8px;
  display: inline-block;
}
.utm-table .more-option .option-title[data-v-1324c19b]{
  display: inline-block;
  max-width: 200px;
  vertical-align: middle;
}
.utm-controls-zone-item[data-v-1324c19b] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-1324c19b]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-1324c19b]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-1324c19b]{
  max-height: 420px;
}
.check-substance-box ul[data-v-1324c19b]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-1324c19b]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-1324c19b]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-1324c19b]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-1324c19b]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/**************选择tag****************/
.utm-multiple-check[data-v-1324c19b] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-1324c19b] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-1324c19b] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-1324c19b] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-1324c19b]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-1324c19b]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-1324c19b]:hover,
.multiple-check-panel .check-option.active[data-v-1324c19b] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-1324c19b]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-1324c19b] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-1324c19b] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-1324c19b] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-1324c19b]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-1324c19b]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-1324c19b]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-1324c19b] {
  margin: 8px;
}

/**************选择tag****************/
.tag-checked-box .checked-name[data-v-1324c19b]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-1324c19b]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-1324c19b]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-1324c19b] {
  font-size: 14px;
}
.site-check-box hr[data-v-1324c19b]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
#vehicle-passback[data-v-1324c19b]{
  height: 100%;
}
#vehicle-passback .utm-table .table-view-icon[data-v-1324c19b] {
  vertical-align: middle;
}

#attendanceRateStatistics[data-v-1d452fe0] {
  width: 100%;
  height: 100%;
}
#attendanceRateStatistics .utm-table-box[data-v-1d452fe0] {
  padding: 0 8px;
}
#attendanceRateStatistics .search[data-v-1d452fe0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.utm-control-group-item .title[data-v-1d452fe0] {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  height: 24px;
  margin-bottom: 8px;
}
#attendanceRateStatistics .utm-page-inquire[data-v-1d452fe0] {
  height: 104px;
}
#attendanceRateStatistics .utm-table-box-null[data-v-1d452fe0] {
  height: calc(100% - 104px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.utm-table-box-null .utm-font[data-v-1d452fe0] {
  font-size: 60px;
  color: var(--main-color);
}
.utm-table-box-null span[data-v-1d452fe0] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  line-height: 20px;
}
.add-tile-map-form[data-v-1d452fe0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-select .ivu-select-item-selected[data-v-1d452fe0]:after,
.utm-select.ivu-select-multiple .ivu-select-item-selected[data-v-1d452fe0]:after {
  top: 0;
  margin-top: 0;
}
.utm-control-group-search[data-v-1d452fe0] .ivu-tag{
  max-width: 158px;
}

.download-form[data-v-5d6246f2]{
  margin-top: 8px;
}

/*Report Selected*/
.checked-amount[data-v-5d6246f2]{
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.divide-line[data-v-5d6246f2]{
  border-bottom: 1px solid #dfdfdf;
  margin-top: 16px;
}
.template-preview[data-v-5d6246f2]{
  width: 100%;
  height: 147px;
  background: #f0f5f7;
  border: 1px solid #dddddd;
  border-radius: 9px;
  overflow: auto;
  padding: 24px;
}
.template-preview p[data-v-5d6246f2]{
  font-weight: 700;
}
.select-data[data-v-5d6246f2]{
  line-height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.select-data[data-v-5d6246f2]:last-child{
  border-width: 0px;
}
.select-data .select-data-item[data-v-5d6246f2]{
  min-width: 120px;
  display: inline;
}
.select-data .select-data-item-icon[data-v-5d6246f2]{
  text-align: right;
  margin-top: -40px;
}
.select-data .select-data-item-icon i[data-v-5d6246f2] {
  font-size: 14px;
}

/*Report Header*/
.report-header-box[data-v-5d6246f2] {
  height: 180px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 16px;
  background: #eff6f9;
  white-space: nowrap;
}
.report-header-item[data-v-5d6246f2]{
  display: inline-block;
  vertical-align: top;
}
.report-header-item[data-v-5d6246f2]:first-child{
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #dfdfdf;
}
.report-header-title[data-v-5d6246f2] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.upload-box[data-v-5d6246f2]{
  position: relative;
  width: 120px;
  height: 120px;
}
.upload-box .upload-logo[data-v-5d6246f2] {
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  overflow: hidden;
  background: #FFFFFF;
}
.upload-box .upload-logo img[data-v-5d6246f2]{
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.upload-box .upload-logo i[data-v-5d6246f2]{
 font-size: 28px;
  color: #dfdfdf;
}
.upload-box .upload-logo-delete-icon[data-v-5d6246f2]{
  display: none;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 10px;
  background-color: #999;
}
.upload-box:hover .upload-logo-delete-icon[data-v-5d6246f2]{
  display: block;
}
.report-header-textarea[data-v-5d6246f2]{
  width: 478px;
  height: 120px;
  resize: none;
}

/*附件*/
.attachment-upload-icon[data-v-5d6246f2]{
  color: #999;
  vertical-align: middle;
}
.attachment-upload-text[data-v-5d6246f2] {
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
  vertical-align: middle;
}
.attachment-list[data-v-5d6246f2] {
  width: 621px;
  background: #f9f9f9;
  border-radius: 4px;
  padding: 8px 16px;
}
.attachment-list .attachment-item[data-v-5d6246f2] {
  word-break: break-all;
  word-wrap: break-word;
}
.attachment-list .attachment-item i[data-v-5d6246f2] {
  color: #059ae8;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}

/*分组显示所有字段*/
.table-field-group[data-v-5d6246f2]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-5d6246f2]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-field-group .table-field-number[data-v-5d6246f2]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-5d6246f2]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-field-group .table-field-arrow[data-v-5d6246f2]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-5d6246f2]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.table-field-group .utm-checkbox.table-field-item[data-v-5d6246f2]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}

/*字段排序*/
.table-field-box[data-v-5d6246f2]{
  padding: 16px 10px 16px 0px;
}
.table-field-box .utm-tag[data-v-5d6246f2]{
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-5d6246f2] {
  background: #effaff;
  border: 1px solid #059fe8;
  cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-5d6246f2]{
  position: absolute;
  right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #858585;
}
.tip-icon[data-v-5d6246f2]{
  vertical-align: bottom;
}
.tip-icon i[data-v-5d6246f2] {
  font-weight: 400;
}
.utm-fs-16[data-v-5d6246f2]{
  font-size: 14px;
  color: var(--main-color);
}
#download-report .down-load-check-box[data-v-5d6246f2]{
  vertical-align: bottom;
  line-height: 40px;
}
#download-report .down-load-tip[data-v-5d6246f2]{
  color: #c61c1c;
  font-size: 14px;
}

/*自动发送邮件*/
.utm-account-wapper-content li[data-v-5d6246f2]{
  text-align: left;
  margin: 8px;
}
.utm-account-wapper-content li.active[data-v-5d6246f2]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-5d6246f2]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-5d6246f2] {
  width: 450px;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
}
.utm-account-wapper .utm-account-wapper-content[data-v-5d6246f2] {
  padding: 8px 0 0 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-5d6246f2]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
}
.owner-item-close[data-v-5d6246f2]{
  color: #b4b4b4;
  font-size: 12px;
}
#download-report .account-item-title[data-v-5d6246f2]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
#download-report .account-box[data-v-5d6246f2]{
  padding: 0;
  margin-bottom: 12px;
}
#download-report .account-box .account-box-owner[data-v-5d6246f2] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
#download-report .add-account-btn[data-v-5d6246f2]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
#download-report .add-account-btn i[data-v-5d6246f2]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-5d6246f2] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-5d6246f2]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-5d6246f2]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-5d6246f2]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-5d6246f2]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-5d6246f2]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-5d6246f2] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-5d6246f2]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-5d6246f2]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}

/*自动发送邮件*/
.export-video-box[data-v-5d6246f2] {
  width: 293px;
  height: 40px;
  background: rgba(0, 94, 184, 0.05);
  border-radius: 4px;
  padding-left: 12px;
}

/*
Table Fields
 */
.selectFields[data-v-5d6246f2]{
     font-size: 16px;
      font-weight: bold;
      color: #333;
}
.selectFields[data-v-5d6246f2]::before {
    content: '* ';
    font-size: 12px;
    color: #ed3f14;
    width: 8px;
}

#preview-user-report-pdf[data-v-48053c17] {
  margin: 0 auto;
  padding: 24px 56px;
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
}
#preview-user-report-pdf .page-top[data-v-48053c17] {
  padding: 0;
  font-size: 0;
  background-color: transparent;
  white-space: nowrap;
}
#preview-user-report-pdf .page-top[data-v-48053c17]:after{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.page-top .page-logo[data-v-48053c17] {
  width: calc( 100% - 390px );
  min-height: 46px;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.page-top .page-logo img[data-v-48053c17] {
  max-width: 110px;
  max-height: 110px;
}
.page-top .page-desc[data-v-48053c17] {
  float: right;
  width: 348px;
  border-top: 2px solid rgba(5, 150, 232, 1);
  text-align: right;
  display: inline-block;
  font-size: 14px;
}
.page-title[data-v-48053c17] {
  color: rgba(32, 32, 32, 1);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.particular-content[data-v-48053c17] {
  margin-bottom: 16px;
}
.part-box-top[data-v-48053c17] {
  height: 35px;
  width: 100%;
  position: relative;
  margin-bottom: 18px;
}
.part-box-top[data-v-48053c17]:after {
  content: '';
  height: 2px;
  width: 100%;
  background: rgba(5, 150, 232, 1);
  position: absolute;
  left: 0;
  bottom: -6px;
}
.part-box-top .box-trapezoid[data-v-48053c17] {
  position: relative;
  padding-left: 8px;
  display: inline-block;
  height: 37px;
  width: 200px;
  background: rgba(5, 150, 232, 1);
  vertical-align: top;
  font-size: 18px;
  color: #fff;
  line-height: 37px;
  outline: none;
}
.part-box-top .box-trapezoid[data-v-48053c17]:after {
  position: absolute;
  right: -2px;
  width: 0;
  height: 0;
  top: -2px;
  border-top: 41px solid #fff;
  border-left: 30px solid transparent;
  content: '';
}
.part-box-top .box-right[data-v-48053c17] {
  position: absolute;
  right: 0;
  bottom: -2px;
  display: block;
  height: 0;
  width: 186px;
  border-width: 0px 0 6px 10px;
  border-style: none solid solid;
  border-color: transparent transparent rgba(5, 150, 232, 1);
  border-radius: 5px 0 0 0;
}
.particular-content .particular-title[data-v-48053c17] {
  font-size: 16px;
  font-weight: 700;
  color: #059FE8;
}
.particular-content .particular-substance[data-v-48053c17] {
  padding: 16px 0;
}
.particular-content .split-line[data-v-48053c17] {
  height: 2px;
  width: 100%;
  border-bottom: 1px dashed rgba(178, 178, 178, 1);
  margin-bottom: 8px;
}

/*字段*/
.control-group[data-v-48053c17] {
  margin-bottom: 8px;
  white-space: nowrap;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.control-group .control-label[data-v-48053c17] {
  padding-right: 16px;
  display: inline-block;
  min-width: 145px;
  vertical-align: top;
  text-align: right;
}
.control-group .controls[data-v-48053c17] {
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  vertical-align: top;
}
.control-group .controls .link-text[data-v-48053c17]{
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  color: #00388d;
  margin-right: 4px;
}
.controls.priority-text[data-v-48053c17] {
  width: 15px;
  height: 15px;
  background: #059FE8;
  line-height: 15px;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.controls .status-dot[data-v-48053c17]{
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  line-height: 40px;
  opacity: 1;
  background: #dfdfdf;
  border-radius: 50%;
}

/*左右布局*/
.flex-box[data-v-48053c17] {
  font-size: 0;
}
.flex-box .flex-box-left[data-v-48053c17] {
  width: 64%;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.flex-box .flex-box-right[data-v-48053c17] {
  width: 35%;
  text-align: right;
  display: inline-block;
  font-size: 14px;
}

/*face*/
.flex-box .flex-box-right img[data-v-48053c17]{
  max-width: 100%;
  max-height: 116px;
}
.face-compare-box[data-v-48053c17]{
  font-size: 0;
}
.face-compare-box .face-box[data-v-48053c17]:nth-child(2) {
  width: 36%;
}
.face-compare-box .face-box[data-v-48053c17] {
  width: 30%;
  height: 90px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.face-compare-box .face-box img[data-v-48053c17] {
  height: 68px;
  width: 64px;
  max-width: 100%;
}
.face-compare-box .face-title[data-v-48053c17]{
  font-size: 10px;
  color: #8C8C8C;
}
.face-compare-box .face-box .similarity-title[data-v-48053c17]{
  margin-top: 17px;
  font-size: 10px;
}
.face-compare-box .face-box .similarity-num[data-v-48053c17]{
  color: #16AE4D;
  font-weight: bold;
}
.flex-box-right .map-img-box[data-v-48053c17]{
  position: relative;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-7f0ec536] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-7f0ec536]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-7f0ec536]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-7f0ec536]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-7f0ec536]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-7f0ec536]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-7f0ec536] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-7f0ec536]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-7f0ec536]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-7f0ec536] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-7f0ec536]{
  width: 100%;
}
.box-trapezoid[data-v-7f0ec536] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-7f0ec536] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-7f0ec536] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-7f0ec536]{
  margin-bottom: 0;
}
.map-name-text[data-v-7f0ec536]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-7f0ec536]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-7f0ec536]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-7f0ec536] {
  display: inline-block;
}
.access-visitorStr p[data-v-7f0ec536]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-7f0ec536] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-7f0ec536] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-7f0ec536]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-7f0ec536] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-7f0ec536] {
  margin-top: 7px;
}
.visitor-specific[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-7f0ec536] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-7f0ec536]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-7f0ec536]{
  position: relative;
}
.visitor-point-content[data-v-7f0ec536]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-7f0ec536] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-7f0ec536] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-7f0ec536] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-7f0ec536]{
  display: none;
}
.addition-info-title[data-v-7f0ec536]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-7f0ec536]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-7f0ec536]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-7f0ec536]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-7f0ec536]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-7f0ec536]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-7f0ec536]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-7f0ec536]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-7f0ec536]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-7f0ec536]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-7f0ec536]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-7f0ec536]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-7f0ec536]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-7f0ec536]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-7f0ec536]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-7f0ec536]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-7f0ec536]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-7f0ec536]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-7f0ec536] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-7f0ec536]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-7f0ec536] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-7f0ec536]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-7f0ec536] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-7f0ec536]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-7f0ec536]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-7f0ec536]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-7f0ec536]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-7f0ec536]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-7f0ec536]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-7f0ec536]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-7f0ec536]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-7f0ec536]{
  display: block;
}
.report-modul-device .device-info-left[data-v-7f0ec536]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-7f0ec536]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-7f0ec536]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-7f0ec536]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-7f0ec536]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-7f0ec536] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-7f0ec536]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-7f0ec536]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-7f0ec536]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-7f0ec536]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-7f0ec536]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-7f0ec536]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-7f0ec536]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-7f0ec536]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-7f0ec536]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-7f0ec536]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-7f0ec536]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-7f0ec536]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-7f0ec536]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-7f0ec536]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-7f0ec536]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-7f0ec536]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-7f0ec536]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-7f0ec536]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-7f0ec536]{
  display: block;
}
.report-history-item .process-task-span[data-v-7f0ec536]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-7f0ec536]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-7f0ec536]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-7f0ec536]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-7f0ec536] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-7f0ec536] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-7f0ec536] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-7f0ec536] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-7f0ec536] {
  width: 100%;
  height: 48px;
  background: #EBEFF2;
  border-radius: 8px;
  padding: 12px;
  position: relative;
}
.particular-box-top[data-v-7f0ec536]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background: #059fe8;
}
.box-trapezoid[data-v-7f0ec536] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-7f0ec536] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-7f0ec536] {
  padding: 0;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 16px;
  background: #ffffff;
}
.particularContent .particular-box-user[data-v-7f0ec536] {
  background: #f8f9f9;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
  background-color: #F8F9F9;
  padding: 20px 16px 14px 16px;
}
.particularContent .particular-box-user .user-name[data-v-7f0ec536]{
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*详情内容*/
.utm-field-item[data-v-7f0ec536] {
  min-height: 32px;
  line-height: 32px;
}
.utm-field-item .field-item-name[data-v-7f0ec536] {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.utm-field-item .field-item-content[data-v-7f0ec536] {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.particular-box-user .field-item-name[data-v-7f0ec536] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #646769;
}
.particular-box-user .field-item-content[data-v-7f0ec536] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #646769;
}
.particular-box-substance .access-visitorStr[data-v-7f0ec536] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-7f0ec536]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-7f0ec536]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-7f0ec536] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-7f0ec536]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-7f0ec536] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-7f0ec536] {
  margin-top: 7px;
}
.visitor-specific[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-7f0ec536] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-7f0ec536]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-7f0ec536]{
  position: relative;
}
.visitor-point-content[data-v-7f0ec536]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-7f0ec536]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-7f0ec536]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-7f0ec536]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
.particular-map-box .point-location[data-v-7f0ec536] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-7f0ec536] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-7f0ec536] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-7f0ec536] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-7f0ec536]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-7f0ec536]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-7f0ec536]{
  display: none;
}
.addition-info-title[data-v-7f0ec536]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-7f0ec536]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-7f0ec536]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-7f0ec536]{
  color: #059FE8;
  cursor: pointer;
}
#attendanceRecord .utm-field-item[data-v-7f0ec536] {
  min-height: 32px;
  line-height: 24px;
}
#attendanceRecord[data-v-7f0ec536] {
  height: 100%;
}
#attendanceRecord .driver-name[data-v-7f0ec536] {
  cursor: pointer;
  color: var(--main-color);
}
.particular-box-user .user-name[data-v-7f0ec536] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.particular-box-user .user-id[data-v-7f0ec536] {
  line-height: 26px;
  background: #edf0f2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #14be30;
  padding: 0 8px;
  margin-left: 12px;
}
.particular-box-user .user-type[data-v-7f0ec536] {
  line-height: 26px;
  background: #edf0f2;
  border-radius: 4px;
  padding: 0 8px;
  margin-left: 12px;
}
.particular-box-user .user-type span[data-v-7f0ec536] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
}
.utm-modal-footer[data-v-7f0ec536] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-modal-footer .report-modal-footer[data-v-7f0ec536] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 32px;
  background: #feffff;
  border: 1px dashed #dce3e8;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  padding: 0 8px;
}
.profile .field-item-content[data-v-7f0ec536] {
  font-weight: 400;
}
.information .field-item-name[data-v-7f0ec536] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  width: 200px;
}
.information .field-item-content[data-v-7f0ec536] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
}

.table-fields-modal .reset-btn[data-v-7e3b9de8]{
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
  cursor: pointer;
}
.table-fields-modal .table-fields-selection[data-v-7e3b9de8]{
  padding-left: 7px;
  font-size: 16px;
}
.table-fields-modal .table-field-box[data-v-7e3b9de8]{
  padding: 16px 10px;
}
.table-fields-modal .utm-tag[data-v-7e3b9de8]{
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
  min-width: 80px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  cursor: move;
}
.table-fields-modal .table-field-box .utm-tag.drop-active[data-v-7e3b9de8] {
  background: #effaff;
  border: 1px solid #059fe8;
  cursor: move;
}
.table-fields-modal .utm-tag .utm-close-icon[data-v-7e3b9de8]{
  position: absolute;
  right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #858585;
}
.table-fields-modal .utm-checkbox.table-field-item[data-v-7e3b9de8]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}
.table-fields-modal .utm-module-title[data-v-7e3b9de8]{
  font-weight: unset;
}
.table-fields-modal .utm-module-title span[data-v-7e3b9de8]{
  font-weight: bold;
}
/*重置*/
.table-fields-modal .reset-field-box[data-v-7e3b9de8]{
  text-align: right;
  color: #059FE8;
}
.table-fields-modal .reset-field-box i[data-v-7e3b9de8]{
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.table-fields-modal .reset-field-box span[data-v-7e3b9de8]{
  cursor: pointer;
}
.table-fields-modal .utm-check-group.fields-group[data-v-7e3b9de8]{
  margin: 10px 0;
}
/*分组显示所有字段*/
.table-fields-modal .table-field-group[data-v-7e3b9de8]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-fields-modal .table-field-group .table-field-group-title[data-v-7e3b9de8]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-fields-modal .table-field-group .table-field-number[data-v-7e3b9de8]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-fields-modal .table-field-group .table-field-group-item[data-v-7e3b9de8]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-fields-modal .table-field-group .table-field-arrow[data-v-7e3b9de8]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-fields-modal .table-field-group .table-field-arrow.open[data-v-7e3b9de8]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#visitor-report[data-v-15a10faa]{
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#visitor-report .event-content[data-v-15a10faa]{
  background: #fff;
  height: calc(100% - 51px);
  width: 100%;
}
/*more提示内容*/
.more-info-content[data-v-15a10faa]{
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
.more-info-content .text-desc[data-v-15a10faa]{
  font-size: 16px;
  color: #333;
}
.more-info-content .text-desc .text-fild[data-v-15a10faa]{
  font-weight: bold;
}

.user-img-box ul[data-v-3500bf5c]{
  font-size: 0;
  text-align: center;
  min-width: 130px
}
.user-img-box .face-text[data-v-3500bf5c]{
  font-size: 14px;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-top: 8px;
}
.face-text.require[data-v-3500bf5c]:before{
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  vertical-align: text-top;
  margin-right: 2px;
}
.user-img-box ul li[data-v-3500bf5c]{
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.user-img-box ul li img[data-v-3500bf5c]{
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-img-box ul li .delete-user-photo-btn[data-v-3500bf5c]{
  position: absolute;
  right: -3px;
  top: -3px;
}
.user-img-box ul li.add-user-photo[data-v-3500bf5c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(var(--main-color-rgb),.05);
  border: 1px dashed var(--main-color);
  border-radius: 4px;
}
.user-img-box ul li.add-user-photo .add-user-photo-bg[data-v-3500bf5c]{
  position: absolute;width: 100%;height: 100%
}
.add-user-photo .upload-text[data-v-3500bf5c]{
  height: 27px;
  width: 100%;
  text-align: center;
  color: #fff;
  opacity: 0.4;
  background: #000000;
  position: absolute;
  font-size: 16px;
  line-height: 27px;
  left: 0;
  bottom: 0;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.upload-face-methods[data-v-3500bf5c]{
  position: absolute;
  display: none;
  background: #fff;
  border-radius: 4px;
  width: 145px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  font-size: 16px;
  cursor: pointer;
  z-index: 6;
}
.upload-face-methods span[data-v-3500bf5c]{
  display: block;
  padding: 7px 10px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.upload-face-methods span[data-v-3500bf5c]:first-child{
  border-radius: 4px 4px 0 0 ;
}
.upload-face-methods span#fileImg[data-v-3500bf5c]{
  border-radius: 0 0 4px 4px ;
}
.upload-face-methods span[data-v-3500bf5c]:hover{
  background: #EFFAFF;
}
.origial-img .portrait-bg[data-v-3500bf5c]{
  display: inline-block;
  width: 34px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 20px;
  margin-right: 10px;
  padding: 2px 4px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid #ddd;
}
.origial-img .portrait-bg span[data-v-3500bf5c]{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA+CAYAAADwKVM6AAAGX0lEQVR4nO2bW6gVVRiAvzXbDkUkQQeMboggp6jowulRqqcs0oKinpQMiqAeiopKX4rQBymx20tWahkGRr2EBfUQlR2wIySk0YUudEMoELuRembFmv3PnLVnZs+evZ2Zs8/2/2DOmT2zZl3/9a9/XX4URVEUpR5MOlZrbW2JTU5O9gpi8/LkMz093U/8Lq4VwG3AMuBc4B/gO+AD4GXgy7JplMj/emCt3P8BfAW8DzwP/N5n/OPAfcB1wFLgLHn+BPB4USb27dvXK5+lCSqLafi4AtgLrAM+Aq4GThUhuQv4S4TksQpz7tJ6GvgYuAR4GDgDOAjc00c8q4HPgdOBB4FLgT3Axl7CUTULmkysQW4AtgIPATtEM8X8CXwm1yZgUcXZcmluBnZKPj4FngPeAULgxR7frxIt5DTe98BpwG6neIBHmq7IURSQi2XoWCEapIgjclXNA6IFjkq8PwDXS35cY//cJb1FoiVi4UDicML+Wq211oVRHGK2SA/sJRx14jTWdmDGS+Mn4CVgTUG6dwBvAN96z1wcr6a0YGOMmoAsB8aAbUOQlzzeAm4seL8S2DV32csyakPMrcALNfa2fuNNz8i+AC4sCD8B7K8h3YEZNQ1yLfBhzWmYklcex3o09kLg7xrSHZimNUiZntArTFElnAf82GeemuZwQXrOMD1FBGkoyAjI5OTkCavn6enpbo3YS8J7LpT14KhU8H8DfLsE2ABcBFx2AnnoxeKC9xM1pjsQGQEpaNz5wC/A+alZQBEtMRrdItaV0rt3zuPyV86o2SCfyBpCWcZlzeJ14ALgV1mxVIRRE5A3gXv7GKYOAdfIautSueo2cucVoyYg74kdsrrP7wJZHt80TAbiMDCKS+13yybcAdm/KMMGCfPM3GV7OBnFpXa3GHWn7Hms6jHcnClL825L/fbU0vhJDyO83b9bdlLddvuUbO8vlvK63dGrgCeBr0WAlsn5DSVFo0NM0WEfocoptkvscuBm4BbgUeAceecE411ZeT3QZ7xzsmk2V+k2eqJMaQZjqutno3yiTKkAFRClkIwNMrbtkNaYkqAaRClEBUQpZNgEpOoplJFjfDvknMhxOaTsXAqekq39KlkvZbDiB7NH3BTGB0hjXL6dkrjieLu6PZgaZsIZAXGJpBOqI+EGGHm/mCbaJTNhHnvlN2yF8+g+OdEDQ1GlWUyRX4zPQnE1+KbicmyWQ0cuH//KKq7zi3m2pF/MOnGT8P1i3FnV+6V8hREcW3N2ZQXJXUmNJbNXRoYNqbzIL8ZgI7+YuAzpipUyHrGYOfOLyWnsRQa70WI6/GIMdqvFFPrF1KVNMkOM0x5WBpom8QuYHuY67q2dvfAu265sg91isGstZm9HGWxnPHWW0WCtwW432Bkvj4lfTF4HlGeRX4zBdvjFWEzkF1MkBH5tVMmcGamZwloIbBg1NLEgSMPH4d17+TH7vcV/ttxixrBs84XMtKWjMaH300k1XOQXI4Kc981Ki9nla710mKY7bqObdb5KjSpJGj+wM4SmlYQhtBK2hXFCYcEGQds2iuVCNF2qvtp+Ma4LpxqpIjJd2C9TfO9pCJMKk/jFpIVAfk8Y7H6/jpIilKjbjp8V0bgGcVogCGdohccjwTCiFdw9XqXEje8EIwxaHc/o3uiRX0zNvazDD0WEIHPvf+Dl51g8VPiC4b1faDF9+cUYF53kQ65KC9uIBklUfRha316IZ0ux9ogDW9OW2zwtEPfKLgyFX0w3w1g4nLY9vN8dfjF52il9X/eQk6dBbNkr0uT5YRObIRYIE0b3kZSHQcuErZaxQRBd0WhjjJFhI+kNA3iOxX4xg7BEHKfzXB9L0cWuSLO4IMyEfya22zDZpB2SJyBlXfySRozVnN+I7ZlG6NkMQaQp2v+DDuOtwgLHfjFlcarrJjk8NCWLa28Pmvh8WxYoQ0ZA4plEmXl1HM799b9LxlcTtN/LqBBpiHoX4dQvpmKyS+1RQ4eJNZ4MEd50M5lySlsnQuC1faQljIn+I8LRAOoXUzE5AtK5/tB+ONvAsY4IPUMy7yI9I2kG9YupmMwsZiZYkOl/3azudMOX2SdoAPWLqZDCpfY8A7JIAIbESFO/mApRvxj1iylk2Fwv1S9m+NJVFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFOWkAPgf8GNjizO5keMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.origial-img .portrait-rotate-left[data-v-3500bf5c]{
  background-position: -72px 0px;
}
.origial-img .portrait-rotate-right[data-v-3500bf5c]{
  background-position: -96px 0px;
}
.origial-img .portrait-plus[data-v-3500bf5c]{
  background-position: -24px 0px;
}
.origial-img .portrait-mini[data-v-3500bf5c]{
  background-position: 0px 0px;
}
.origial-img .portrait-reset[data-v-3500bf5c]{
  background-position: -48px 0px;
}
.origial-img .portrait-rotate-left[data-v-3500bf5c]:hover{
  background-position: -72px -24px;
}
.origial-img .portrait-rotate-right[data-v-3500bf5c]:hover{
  background-position: -96px -24px;
}
.origial-img .portrait-plus[data-v-3500bf5c]:hover{
  background-position: -24px -24px;
}
.origial-img .portrait-mini[data-v-3500bf5c]:hover{
  background-position: 0px -24px;
}
.origial-img .portrait-reset[data-v-3500bf5c]:hover{
  background-position: -48px -24px;
}
.utm-font.add-face[data-v-3500bf5c]{
  color: var(--main-color);
  font-size: 28px;
  font-weight: bold;
}
.face-img-box .delete-face[data-v-3500bf5c]{
  color: rgb(106 106 106);
  font-size: 22px;
  position: absolute;
  right: -10px;
  top: -9px;
  display: none;
}
.user-img-box .face-img-box:hover .delete-face[data-v-3500bf5c],
.user-img-box .face-img-box:hover .replace-btn[data-v-3500bf5c]{
  display: block;
}
/*替换*/
.face-img-box .replace-btn[data-v-3500bf5c]{
  height: 32px;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(0,0,0,.7);
  position: absolute;
  font-size: 16px;
  line-height: 32px;
  left: 0;
  bottom: 0;
  display: none;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.video-container[data-v-3500bf5c]{
  margin-top: 16px;
}
#image[data-v-3500bf5c]{
  max-width: 480px;
  max-height: 360px;
}
/* 人脸搜索 */
.user-img-box .face-detection[data-v-3500bf5c]{
  font-size: 12px;
  color: #059fe8;
  width: 100%;
  height: 24px;
  background-color: rgba(5,159,232,0.1);
  border-radius: 12px;
  line-height: 24px;
  text-align: center;
  margin-top: 4px;
  padding: 0 8px;
}
.face-detection.detection-status1[data-v-3500bf5c]{
  color: rgba(255,136,0,1);
  background-color: rgba(255,136,0,0.2);
  cursor: pointer;
  width: 115%;
  margin-left: -20px;
}
.face-detection.detection-status2[data-v-3500bf5c]{
  color: rgba(76,190,138,1);
  background-color: rgba(76,190,138,0.2);
}
.face-detection.detection-status3[data-v-3500bf5c]{
  color: rgba(246,111,106,1);
  background-color: rgba(246,111,106,0.2);
  width: 115%;
  margin-left: -20px;
}
.face-detection .loading-icon[data-v-3500bf5c]{
  -webkit-animation: loadingRotate-data-v-3500bf5c 1s infinite;
          animation: loadingRotate-data-v-3500bf5c 1s infinite;
}
@-webkit-keyframes loadingRotate-data-v-3500bf5c {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loadingRotate-data-v-3500bf5c {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/* 复制标签 */
.user-copy[data-v-3500bf5c]{
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 4px;
  right: 3px;
  font-size: 14px;
  z-index: 10;
  color:#005EB8;
  background-color: rgba(5, 159, 232, 0.1);
  border-radius: 50%;
}
/* 提示语 */
.utm-is-danger[data-v-3500bf5c]{
  font-size: 14px;
}
/*新增tag*/
.utm-tag-panel .tag-lists[data-v-0d56123c] {
  cursor: default;
}
.dcs-zone-check[data-v-0d56123c] {
  width: 100%;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 8px 16px;
}
.dcs-zone-check .tag-count[data-v-0d56123c] {
  font-size: 16px;
  margin: 0 16px;
}
.dcs-zone-check .zones[data-v-0d56123c] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(var(--main-color-rgb), 0.05);
  padding: 16px;
  border-radius: 8px;
  margin-top: 12px;
}
.dcs-zone-check .utm-circle-tag.mini[data-v-0d56123c] {
  margin-right: 16px;
}
.dcs-zone-check .utm-circle-tag .tag-text[data-v-0d56123c] {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.utm-tag-panel .zone-item[data-v-0d56123c] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0;
  margin-left: 34px;
  width: calc(100% - 34px);
}
.utm-tag-panel .utm-checkbox-wrapper .utm-checkbox-inner[data-v-0d56123c]{
  vertical-align: top;
}
.utm-tag-panel .utm-checkbox-wrapper .utm-checkbox-text[data-v-0d56123c] {
  width: calc(100% - 34px);
  cursor: pointer;
}
.utm-tag-panel .utm-ok-icon[data-v-0d56123c] {
  position: absolute;
  right: 8px;
  font-size: 16px;
  color: #059FE8;
}
/**全选dcs zone的选择框**/
.utm-checkbox-wrapper .utm-checkbox .utm-checkbox-input[checked]+.utm-checkbox-inner[data-v-0d56123c] {
  border-color: rgba(5, 154, 232, 1);
  background-color: rgba(5, 154, 232, 1);
}
.utm-checkbox-wrapper.is-check-part .utm-checkbox .utm-checkbox-inner[data-v-0d56123c]:before {
  width: 100%;
  display: block;
  height: 100%;
  top: 0px;
  left: 0px;
  border: 0;
  border: 3px solid #fff;
  -webkit-transform: rotate(0deg) scale(1) !important;
          transform: rotate(0deg) scale(1) !important;
}
.utm-checkbox-wrapper.is-check-all .utm-checkbox .utm-checkbox-inner[data-v-0d56123c]:before {
  width: 5px;
  height: 10px;
  top: 0px;
  left: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*更多*/
.dcs-zone-check .more-tag[data-v-0d56123c] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.dcs-zone-check .more-tag .other-zones[data-v-0d56123c] {
  position: absolute;
  padding: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.dcs-zone-check .more-tag:hover .other-zones[data-v-0d56123c] {
  display: inline-block;
}
.utm-btn.dcs-check-btn[data-v-0d56123c]{
  opacity: 1;
  z-index: 10;
}
.dcs-item[data-v-0d56123c]{
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 19px 14px;
  margin-bottom: 16px;
  margin-top: 13px;
  position: relative;
}
.add-btn[data-v-0d56123c]{
  color: var(--main-color);
  width: 100px;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 24px;
  cursor: pointer;
}
.add-btn i[data-v-0d56123c] {
  font-size: 14px;
}
.delete-item[data-v-0d56123c]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-0d56123c] {
  font-size: 14px;
}
.dcsaccess-form[data-v-0d56123c]{
  background: #effaff;
  border-radius: 4px;
  padding: 16px;
}
.dcsaccess-form .utm-controls[data-v-0d56123c]{
  margin-left: 0;
}
.dcsaccess-form .options-item[data-v-0d56123c]{
  width: 67px;
  margin-bottom: 16px;
}
.dcsaccess-form .splite-line[data-v-0d56123c]{
  width: 100%;
  height: 0px;
  margin-bottom: 16px;
  border: 1px dashed #dfdfdf;
}
.dcsaccess-form .options-item .label-text.is-default[data-v-0d56123c]{
  color: #515a6e;
}
/*编辑设备*/
#map-edit-page .map-container{
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 350px;
  border: 1px dashed #dfdfdf;
  border-radius: 4px;
}
.location-icon{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
.location-icon>span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: rgba(35, 196, 51, .9);
  border: 2px solid #858585;
  border-radius: 50%;
}
.location-icon>span.disabled{
  background-color: rgba(198, 28, 28, 1);
  border: 2px solid rgba(212, 126, 126, 1);
}
.location-icon:hover .point-hover-container{
  display: block;
}
.set-point-on-map {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  text-align: center;
}
.set-point-on-map #map-box-point {
  padding: 15px;
  width: 100%;
  position: relative;
}
.set-point-on-map #mark-point {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 9;
  cursor: pointer;
}
.set-point-on-map #mark-point.location-icon {
  margin-left: 0px;
  margin-top: 0px;
}
.set-point-on-map #map-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.set-point-on-map .point-hover-container{
  display: none;
  position: fixed;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 250px;
  height: 126px;
  color: #fff;
  text-align: left;
  background-color: #25272E;
  z-index: 11;
}
.set-point-on-map .point-hover-container .device-title{
  padding: 2px 0px 2px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.set-point-on-map .point-hover-container .utm-control-group{
  margin: 0;
}
.set-point-on-map .point-hover-container .utm-control-label,
.set-point-on-map .point-hover-container .utm-controls{
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  font-size: 14px;
  vertical-align: bottom;
}
.set-point-on-map .point-hover-container .utm-control-label{
  width: 100px;
  color: #858585;
}
.set-point-on-map .point-hover-container .utm-controls{
  margin-left: 100px;
}

#essential-pdf[data-v-7855cdc4] {
  width: 610px;
  margin: 0 auto;
  padding: 24px 16px;
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
}
#essential-pdf .page-top[data-v-7855cdc4] {
  font-size: 0;
}
.page-top .page-logo[data-v-7855cdc4] {
  width: 39%;
  line-height: 100px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.page-top .page-logo img[data-v-7855cdc4] {
  max-width: 110px;
  max-height: 110px;
}
.page-top .page-desc[data-v-7855cdc4] {
  width: 60%;
  border-top: 2px solid rgba(5, 150, 232, 1);
  text-align: right;
  display: inline-block;
  font-size: 14px;
}
#essential-pdf .page-title[data-v-7855cdc4] {
  color: rgba(32, 32, 32, 1);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
#essential-pdf .control-group[data-v-7855cdc4] {
  margin-bottom: 8px;
}
.control-group .control-label[data-v-7855cdc4] {
  display: inline-block;
  width: 160px;
}
.control-group .controls[data-v-7855cdc4] {
  display: inline-block;
}
.controls.link-text[data-v-7855cdc4] {
  text-decoration: underline;
  color: #00388d;
}
#essential-pdf .particular-content[data-v-7855cdc4] {
  margin-top: 24px;
}
#essential-pdf .particular-box-top[data-v-7855cdc4] {
  height: 35px;
  width: 100%;
  position: relative;
  margin-bottom: 18px;
}
#essential-pdf .particular-box-top[data-v-7855cdc4]:after {
  content: '';
  height: 2px;
  width: 100%;
  background: rgba(5, 150, 232, 1);
  position: absolute;
  left: 0;
  bottom: -6px;
}
#essential-pdf .box-trapezoid[data-v-7855cdc4] {
  height: 37px;
  display: inline-block;
  padding-right: 40px;
  background: rgba(5, 150, 232, 1);
  position: relative;
  vertical-align: top;
  font-size: 18px;
  color: #fff;
  padding-left: 20px;
  line-height: 37px;
  outline: none;
}
.particular-box-top .box-trapezoid[data-v-7855cdc4]:after {
  position: absolute;
  right: -2px;
  width: 0;
  height: 0;
  top: -2px;
  border-top: 41px solid #fff;
  border-left: 30px solid transparent;
  content: '';
}
.particular-box-top .price[data-v-7855cdc4] {
  position: absolute;
  font-size: 30px;
  display: block;
  color: #fff;
  height: 0;
  width: 186px;
  padding-left: 5px;
  border-width: 0px 0 8px 10px;
  border-style: none solid solid;
  border-color: transparent transparent rgba(5, 150, 232, 1);
  text-align: center;
  border-radius: 5px 0 0 0;
  right: 0;
  bottom: -2px;
}
.particular-content .particular-title[data-v-7855cdc4] {
  font-size: 16px;
  font-weight: 700;
  color: #0596e8;
}
.particular-content .particular-substance[data-v-7855cdc4] {
  padding: 16px;
}
.particular-content .split-line[data-v-7855cdc4] {
  height: 2px;
  width: 100%;
  border-bottom: 1px dashed rgba(178, 178, 178, 1);
  margin-bottom: 8px;
}
.controls.status-text[data-v-7855cdc4] {
  width: 15px;
  height: 15px;
  background: #0596e8;
  line-height: 15px;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.controls.result-text[data-v-7855cdc4] {
  color: red;
  font-weight: bold;
}
#essential-pdf .flex-box[data-v-7855cdc4] {
  font-size: 0;
}
.flex-box .flex-box-left[data-v-7855cdc4] {
  width: 64%;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.flex-box .flex-box-right[data-v-7855cdc4] {
  width: 35%;
  text-align: right;
  display: inline-block;
  font-size: 14px;
}
.flex-box-right.face-compare-box[data-v-7855cdc4],
.particular-substance.capture-content[data-v-7855cdc4] {
  font-size: 0;
}
.face-compare-box .face-box[data-v-7855cdc4] {
  width: 33%;
  height: 90px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
}
.face-compare-box .face-box img[data-v-7855cdc4] {
  height: 68px;
  width: 64px;
}
.particular-substance .face-capture-box[data-v-7855cdc4] {
  display: inline-block;
  width: 49.5%;
  text-align: center;
}
.particular-substance .face-capture-box img[data-v-7855cdc4] {
  height: 120px;
}

.rate-number[data-v-6dabcef5]{
    font-size: 14px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
/* 第二行  */
/* h1156 w1668 */
/* 第三行 */
.usage-rate[data-v-6dabcef5] {
    width: 32%;
    height: 100%;
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
}
.usage-rate > .top-title[data-v-6dabcef5]{
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.top-title > .title-line[data-v-6dabcef5]{
    width: 4px;
    height: 20px;
    background: #059fe8;
    margin-right: 8px ;
}
.usage-progress[data-v-6dabcef5]{
    height: 16px;
    width: 442px;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
}
.progress-real[data-v-6dabcef5]{
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    z-index: 5;
    -webkit-transform: skew(-15deg);
            transform: skew(-15deg); 
    overflow: hidden;
}
.progress-skew[data-v-6dabcef5]{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.progress-one-skew[data-v-6dabcef5]{
    width: 8px;
    height: 16px;
    -webkit-transform: skew(-15deg);
            transform: skew(-15deg);
}
.usage-rate-body[data-v-6dabcef5]{
    width: 100%;
    height: calc(100% - 22px);
}

.receiver-config[data-v-5689cbfa] {
    font-size: 0;
}
.add-receiver-btn-box[data-v-5689cbfa] {
    margin-right: 12px;
    position: relative;
    display: inline-block;
    z-index: 1;
    vertical-align: middle;
}
.add-receiver-btn-box button[data-v-5689cbfa] {
    width: 32px;
    height: 32px;
}
.receive-tag[data-v-5689cbfa] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin: 4px 12px 4px 0;
    padding: 0 8px;
    height: 32px;
    border: 1px solid #e8eaec;
    border-radius: 3px;
    background: #fff;
    font-size: 14px;
    line-height: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
}
.receive-tag .tag-text[data-v-5689cbfa] {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.receive-tag .utm-font[data-v-5689cbfa] {
    font-size: 16px;
    color: #858585;
}
.add-receiver-panel[data-v-5689cbfa] {
    width: 402px;
    height: 259px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    position: absolute;
    left: 0;
    top: 40px;
    display: none;
}
.add-receiver-panel .receiver-tab[data-v-5689cbfa] {
    padding: 0 16px;
    height: 40px;
    border-bottom: 1px solid #dfdfdf;
}
.add-receiver-panel .receiver-tab-item[data-v-5689cbfa] {
    display: inline-block;
    width: 110px;
    border-bottom: 2px solid transparent;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}
.add-receiver-panel .receiver-tab-item.active[data-v-5689cbfa] {
    border-bottom: 2px solid var(--main-color);
    color: var(--main-color);
}
.utm-prefix-input.sear-receiver[data-v-5689cbfa] {
    margin: 16px 16px 4px 16px;
}
.add-receiver-panel .user-list[data-v-5689cbfa] {
    height: calc(100% - 108px);
    overflow-y: auto;
    font-size: 16px;
}
.user-list .user-item[data-v-5689cbfa] {
    position: relative;
    padding: 0px 24px 0px 16px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-list .user-item[data-v-5689cbfa]:hover {
    background: rgba(var(--main-color-rgb), 0.1);
}
.user-list .user-item.active[data-v-5689cbfa],
.user-list .user-item.active[data-v-5689cbfa]:hover {
    background: rgba(var(--main-color-rgb), 0.25);
}
.user-list .user-item.active[data-v-5689cbfa]:after {
    position: absolute;
    right: 12px;
    content: "\F375";
    font-family: Ionicons, sans-serif;
    color: var(--main-color);
    font-size: 16px
}
.no-data[data-v-5689cbfa] {
    color: #ccc;
    text-align: center;
    line-height: 140px;
}

.receiver-select[data-v-50b68bcc] {
    width: 100%;
}
.select-header[data-v-50b68bcc] {
    padding: 16px;
    height: 64px;
    line-height: 32px;
    border: 1px solid #dfdfdf;
}
.select-header>*[data-v-50b68bcc]{
    display: inline-block; 
    vertical-align: middle;
    height: 32px;
}
.expand-list-btn[data-v-50b68bcc] {
    margin-left: 1px;
    margin-right: 8px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
    color: #333;
    font-size: 15px;
}
.expand-list-btn i[data-v-50b68bcc] {
    color: #333;
    font-size: 12px;
}
/*新增tag*/
#tag-check[data-v-ddec3e1a]{
  width: 100%;
}
.receive-user[data-v-ddec3e1a]{
  background-color: #fff;
}
#tag-check .tag-count[data-v-ddec3e1a]{
  font-size: 16px;
  margin: 0 16px;
}
.tag-check-btn[data-v-ddec3e1a]{
  margin-top: 4px;
  height: 32px;
  width: 32px;
}
#tag-check .tags[data-v-ddec3e1a]{
  display: block;
  background: #ffffff;
  border: 1px solid #d4dae1;
  border-radius: 8px;
  width: calc(100% - 46px);
  margin-left: 4px;
  padding-bottom: 4px;
}
#tag-check .tags .utm-tag[data-v-ddec3e1a]{
  margin: 4px 0 0 4px;
  background: #ecf6fb;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
#tag-check .tags .utm-tag .utm-close-icon[data-v-ddec3e1a]{
  font-weight: bold;
}
#tag-check .tags.no-padding-tags[data-v-ddec3e1a]{
  padding: 16px 0 0 0;
  margin: 0px;
  background-color: transparent;
}
#tag-check .utm-circle-tag.mini[data-v-ddec3e1a]{
  margin-right: 16px;
}
#tag-check .utm-circle-tag .tag-text[data-v-ddec3e1a]{
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.utm-tag-panel .tag-item[data-v-ddec3e1a]:hover,.utm-tag-panel .tag-item.active[data-v-ddec3e1a]{
  background-color: #effaff;
}
.utm-tag-panel .utm-ok-icon[data-v-ddec3e1a]{
  position: absolute;
  right: 8px;
  font-size: 16px;
  color: #059FE8;
}
/*更多*/
#tag-check .more-tag[data-v-ddec3e1a]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.more-tag .other-tags[data-v-ddec3e1a]{
  position: absolute;
  padding: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 2;
}
#tag-check .more-tag:hover .other-tags[data-v-ddec3e1a]{
  display: inline-block;
}
#tag-check .no-search-data[data-v-ddec3e1a]{
  text-align: center;
  margin-top: 40px;
  color: #999;
}

.face-capture-modal .utm-modal-box{
  top:0px;
  width: 95%;
  height: 100%;
}
.face-capture-modal .utm-modal-content{
  top: 30px;
  overflow: hidden;
  height: calc(100% - 64px) !important;
}
.face-capture-modal #img-box{
  height: 100%; 
  margin-right: 20px; 
  position: relative;
}
.face-capture-modal p{
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}
.face-capture-modal input[type="text"]{
  width: 100%;
}
.face-capture-modal .video-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 20px 0 0 ;
  height: calc(100% - 122px);
  width: calc(100% - 150px);
}
.face-capture-modal .grid-view{
  width: 70%;
  min-width: 70%;
}
.face-capture-modal .grid-view .grid-item{
  width: 33%;
  float: left;
  height: calc(100% / 3);
  border: solid #eee;
  border-width: 1px 1px 0 0;
  position: relative;
}
.face-capture-modal .common-item .img-box{
  cursor: pointer;
}
.face-capture-modal .common-item .play-pause-icon{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.35);
  text-align: center;
  display: none;
  cursor: pointer;
}
.face-capture-modal .common-item .play-pause-icon img{
  width: 53px;
  position: absolute;
  margin-top: -26px;
  top: 50%;
  margin-left: -26px;
}
.face-capture-modal .grid-view .grid-item:nth-child(3n+1){
  border-left-width: 1px;
}
.face-capture-modal .grid-view .grid-item:nth-child(n + 7){
  border-bottom-width: 1px;
}
.face-capture-modal .grid-view .grid-item .default-vieo-img,
.broadside-list .broad-item .default-vieo-img{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -56px;
  margin-top: -56px;
}
.face-capture-modal .audio-progress{
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,.3);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  min-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
  opacity: 0;
}
.face-capture-modal .audio-progress > div{
  width: calc(100% - 34px);
  text-align: left;
  position: relative;
}
.face-capture-modal .audio-progress > div span:last-child{
  font-size: 9px;
  margin-bottom: -4px;
  position: absolute;
  right: 0;
  bottom: 4px;
}
.face-capture-modal .broadside-list{
  width: 30%;
  min-width: 30%;
}
.broadside-list .broad-item{
  position: relative;
  width: 100%;
  height: calc((100% - 10px) / 2);
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.broadside-list .broad-item:last-child{
  margin-bottom: 0;
}
.face-capture-modal .ivu-modal .ivu-modal-footer{
  padding:0;
}
.face-capture-modal .track-group-footer-list{
  list-style-type: none;
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: left;
  overflow: hidden;
  border-radius: 0 0 7px 7px;
  -webkit-box-shadow: 0px -12px 15px -8px rgba(0,0,0,0.1);
          box-shadow: 0px -12px 15px -8px rgba(0,0,0,0.1);
}
.track-group-footer-list li{
  padding: 10px 20px;
  border-right: 1px solid #d8dfe7;
  float: left;
  display: inline-grid;
  justify-items: center;
  cursor: pointer;
}
.track-group-footer-list li.active{
  background: #4aaee0;
  color: #fff;
}
.test{
  width:100%;
  height:20px;
}
.contral{
  width:50px;
  height:30px;
  line-height:30px;
  background:#3498DB;
  cursor:pointer;
  color:#fff;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-25px;
  margin-top:-45px;
  text-align:center;
}
.face-capture-modal .ivu-select-dropdown{
  min-width: initial!important;
  top: 28px!important;
}
/*进度条*/
.progress{
  position: relative;
  margin: 0;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.progress_bg{
  height: 5px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f2f2f2;
  border: none;
  width: calc(100% - 40px);
  margin-right: 10px;
}
.progress_bar{
  background: #5FB878; width: 0; height: 5px;
  border-radius: 5px 0 0 5px;
}
.progress_btn{
  width: 13px;
  height: 13px;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  left: 0px;
  top: 4px;
  cursor: pointer;
  border: 1px #ddd solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.progress_btn:hover{border-color:#F7B824;
}
/*全屏*/
.face-capture-modal .fullpage-video{
  position: absolute!important;
  width: calc(100% + 1px)!important;
  height: calc(95% - 39px)!important;
  top: 11px;
  left: 0;
  z-index: 10;
  background: #fff;
}
.face-capture-modal .ivu-modal-close{
  z-index: 10;
}
.select-date-time input{
  width: 320px;
}
.select-date-time .ivu-date-picker-cells-cell-range:before {
  background: #323435;
}
.select-date-time .ivu-time-picker-cells-list {
  border-left: 1px solid #717378;
}
.select-date-time ul li {
  border-right: 0px;
  border-bottom: 0px;
  width: auto;
  float: none;
}
.select-date-time ul li:hover{
  background: #323435;
}
.select-date-time .ivu-time-picker-cells-cell-selected,.select-date-time .ivu-time-picker-cells-cell-selected:hover {
  color: #fff;
  background: #2d8cf0;
}
/*轨迹追踪回放*/
.face-capture-modal .area-list{
  margin-top: 17px;
  width: 250px;
  min-width: 250px;
}
.face-capture-modal .area-list .track-point-ul-list{
  border: 1px solid #ddd;
  border-top: none;
  width: 250px;
  overflow: hidden;
  position: relative;
  height: calc(100% - 60px);
}
.face-capture-modal .area-list #track-point-list{
  list-style-type: none;
  height: 100%;
  overflow-y: auto;
}
.face-capture-modal .area-list #track-point-list li{
  position: relative;
  padding:0 13px;
  display: block;
  width: 100%;
  line-height: 30px;
  height: 30px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.face-capture-modal .area-list #track-point-list li:hover{
  color: #4aaee0;
}
.face-capture-modal .area-list #track-point-list li.active{
  background: #4aaee0;
  color: #fff;
}
.close-single-video{
  font-size: 40px;
  color: #999;
  position: absolute;
  right: -4px;
  top: -4px;
  cursor: pointer;
}
.close-single-video:hover{
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  color: #666;
}
.tracking-video-back .track-dropdown-btn button.ivu-btn{
  background: #4aaee0;
}
.tracking-video-back .track-dropdown-btn .ivu-select-dropdown{
  width: 100% !important;
  left: 0!important;
}

.face-capture-modal .ivu-modal{
  top: 37px;
  overflow: hidden;
  height: calc(100% - 64px)!important;
}
.face-capture-modal .ivu-modal-content{
  height: 100%;
}
.face-capture-modal .ivu-modal-body{
  padding-bottom: 43px;
  position: relative;
  height: 100%;
}
.face-capture-modal .play-pause-icon{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.35);
  text-align: center;
  display: none;
  cursor: pointer;
}
.face-capture-modal .play-pause-icon img{
  width: 53px;
  position: absolute;
  margin-top: -26px;
  top: 50%;
  margin-left: -26px;
}
.group-name-drag{
  list-style: none;
}
.trackingGroup-device-all{
  width: 200px;
  min-width: 200px;
}
.face-capture-modal .trackingGroup-list li{
  list-style-type: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.face-capture-modal .trackingGroup-list li img{
  margin-right: 5px;
}
.face-capture-modal .trackingGroup-list li:hover,
.face-capture-modal .trackingGroup-list li.active{
  color: #4aaee0;
}
.face-capture-modal .trackingGroup-list-left{
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.face-capture-modal .trackingGroup-list-left:last-child{
  border: none;
}
.face-capture-modal .trackingGroup-list-left .tracking-title{
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 20px;
}

#statistical_number_pdf[data-v-7ce79838] {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
    font-family: Lato, Lato-Regular, sans-serif;
    overflow: hidden;
}
#statistical_number_pdf .page-top[data-v-7ce79838] {
    padding: 0;
    font-size: 0;
    background-color: transparent;
    white-space: nowrap;
}
#statistical_number_pdf .page-top[data-v-7ce79838]:after{
    content: ""; 
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.pdf-page-top-border[data-v-7ce79838]{
    height: 10px;
    width: calc(100% + 48px);
    position: relative;
    margin-top: -24px;
    margin-left: -24px;
    margin-bottom: 16px;
}
.pdf-page-top-border>div[data-v-7ce79838]:first-of-type{
     width: calc(100% - 84px);
     height: 10px;
     background-color: #005EB8;
     float: left;
}
.f-1[data-v-7ce79838]{
   width: 24px;
   background-color: #FF091D;
   height: 10px;
   position: absolute;
   right: 0px;
   top: 0px;
}
.f-2[data-v-7ce79838]{
    width: 24px;
    background-color: #005EB8;
    height: 10px;
    position: absolute;
    right: 28px;
    top: 0;
}
.f-3[data-v-7ce79838]{
    width: 24px;
    background-color: #FF091D;
    height: 10px;
    position: absolute;
    right: 56px;
    top: 0;
}
.page-top .page-logo[data-v-7ce79838] {
    min-height: 46px;
    text-align: left;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
}
.page-top .page-logo img[data-v-7ce79838] {
    max-width: 110px;
    max-height: 110px;
}
.page-top .page-desc[data-v-7ce79838] {
    width: 388px;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    float: right;
}
.page-top .page-desc div[data-v-7ce79838]{
    white-space: pre-wrap;
}
.page-title[data-v-7ce79838] {
    color: rgba(32, 32, 32, 1);
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
    word-break: break-word;
}
.particular-content[data-v-7ce79838] {
    margin-bottom: 16px;
}
  
  /*字段*/
.control-group[data-v-7ce79838] {
    margin-bottom: 8px;
    white-space: nowrap;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.control-group .control-label[data-v-7ce79838] {
    padding-right: 16px;
    display: inline-block;
    min-width: 145px;
    vertical-align: top;
}
.control-group .controls[data-v-7ce79838] {
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    vertical-align: top;
}
.control-group .controls .link-text[data-v-7ce79838]{
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px;
}
.people-counting-pdf-header[data-v-7ce79838]{
    padding: 24px 24px 16px;
    border-bottom: 2px dashed #dfdfdf;
    background: #fafafa;
}
.people-counting-pdf-content[data-v-7ce79838]{
    margin-top: 16px;
    padding: 0 24px 16px;
}
.people-counting.page-particular-title[data-v-7ce79838]{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
}
#user_access_count[data-v-7ce79838]{
    width: 100%;
    height: 200px;
}

.download-form[data-v-4512efe4]{
  margin-top: 8px;
}

/*Report Selected*/
.checked-amount[data-v-4512efe4]{
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.divide-line[data-v-4512efe4]{
  border-bottom: 1px solid #dfdfdf;
  margin-top: 16px;
}
.template-preview[data-v-4512efe4]{
  width: 100%;
  height: 147px;
  background: #f0f5f7;
  border: 1px solid #dddddd;
  border-radius: 9px;
  overflow: auto;
  padding: 24px;
}
.template-preview p[data-v-4512efe4]{
  font-weight: 700;
}
.select-data[data-v-4512efe4]{
  line-height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.select-data[data-v-4512efe4]:last-child{
  border-width: 0px;
}
.select-data .select-data-item[data-v-4512efe4]{
  min-width: 120px;
  display: inline;
}
.select-data .select-data-item-icon[data-v-4512efe4]{
  text-align: right;
  margin-top: -40px;
}
.select-data .select-data-item-icon i[data-v-4512efe4] {
  font-size: 14px;
}

/*Report Header*/
.report-header-box[data-v-4512efe4] {
  height: 180px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 16px;
  background: #eff6f9;
  white-space: nowrap;
}
.report-header-item[data-v-4512efe4]{
  display: inline-block;
  vertical-align: top;
}
.report-header-item[data-v-4512efe4]:first-child{
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #dfdfdf;
}
.report-header-title[data-v-4512efe4] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.upload-box[data-v-4512efe4]{
  position: relative;
  width: 120px;
  height: 120px;
}
.upload-box .upload-logo[data-v-4512efe4] {
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  overflow: hidden;
  background: #FFFFFF;
}
.upload-box .upload-logo img[data-v-4512efe4]{
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.upload-box .upload-logo i[data-v-4512efe4]{
 font-size: 28px;
  color: #dfdfdf;
}
.upload-box .upload-logo-delete-icon[data-v-4512efe4]{
  display: none;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 10px;
  background-color: #999;
}
.upload-box:hover .upload-logo-delete-icon[data-v-4512efe4]{
  display: block;
}
.report-header-textarea[data-v-4512efe4]{
  width: 478px;
  height: 120px;
  resize: none;
}

/*附件*/
.attachment-upload-icon[data-v-4512efe4]{
  color: #999;
  vertical-align: middle;
}
.attachment-upload-text[data-v-4512efe4] {
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
  vertical-align: middle;
}
.attachment-list[data-v-4512efe4] {
  width: 621px;
  background: #f9f9f9;
  border-radius: 4px;
  padding: 8px 16px;
}
.attachment-list .attachment-item[data-v-4512efe4] {
  word-break: break-all;
  word-wrap: break-word;
}
.attachment-list .attachment-item i[data-v-4512efe4] {
  color: #059ae8;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}

/*分组显示所有字段*/
.table-field-group[data-v-4512efe4]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-4512efe4]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-field-group .table-field-number[data-v-4512efe4]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-4512efe4]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-field-group .table-field-arrow[data-v-4512efe4]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-4512efe4]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.table-field-group .utm-checkbox.table-field-item[data-v-4512efe4]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}

/*字段排序*/
.table-field-box[data-v-4512efe4]{
  padding: 16px 10px 16px 0px;
}
.table-field-box .utm-tag[data-v-4512efe4]{
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-4512efe4] {
  background: #effaff;
  border: 1px solid #059fe8;
  cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-4512efe4]{
  position: absolute;
  right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #858585;
}
.tip-icon[data-v-4512efe4]{
  vertical-align: bottom;
}
.tip-icon i[data-v-4512efe4] {
  font-weight: 400;
}
.utm-fs-16[data-v-4512efe4]{
  font-size: 14px;
  color: var(--main-color);
}
#download-report .down-load-check-box[data-v-4512efe4]{
  vertical-align: bottom;
  line-height: 40px;
}
#download-report .down-load-tip[data-v-4512efe4]{
  color: #c61c1c;
  font-size: 14px;
}

/*自动发送邮件*/
.utm-account-wapper-content li[data-v-4512efe4]{
  text-align: left;
  margin: 8px;
}
.utm-account-wapper-content li.active[data-v-4512efe4]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-4512efe4]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-4512efe4] {
  width: 450px;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
}
.utm-account-wapper .utm-account-wapper-content[data-v-4512efe4] {
  padding: 8px 0 0 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-4512efe4]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
}
.owner-item-close[data-v-4512efe4]{
  color: #b4b4b4;
  font-size: 12px;
}
#download-report .account-item-title[data-v-4512efe4]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
#download-report .account-box[data-v-4512efe4]{
  padding: 0;
  margin-bottom: 12px;
}
#download-report .account-box .account-box-owner[data-v-4512efe4] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
#download-report .add-account-btn[data-v-4512efe4]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
#download-report .add-account-btn i[data-v-4512efe4]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-4512efe4] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-4512efe4]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-4512efe4]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-4512efe4]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-4512efe4]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-4512efe4]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-4512efe4] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-4512efe4]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-4512efe4]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}

/*自动发送邮件*/
.export-video-box[data-v-4512efe4] {
  width: 293px;
  height: 40px;
  background: rgba(0, 94, 184, 0.05);
  border-radius: 4px;
  padding-left: 12px;
}

/*
Table Fields
 */
.selectFields[data-v-4512efe4]{
     font-size: 16px;
      font-weight: bold;
      color: #333;
}
.selectFields[data-v-4512efe4]::before {
    content: '* ';
    font-size: 12px;
    color: #ed3f14;
    width: 8px;
}
.hourly-report-box[data-v-4512efe4]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    margin-bottom: 8px;
    padding: 0 16px;
    background: rgba(var(--main-color-rgb),5%);
    border-radius: 4px;
    color: #333;
}
.hourly-report-box .hourly-report-desc[data-v-4512efe4]{
    margin-left: 12px;
}
.utm-controls-zone-item[data-v-4512efe4] {
    padding: 0 16px;
    width: 100%;
    overflow-x: auto;
    overflow-x: hidden
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-4512efe4]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-4512efe4]{
    color: #243A81;
    font-size: 20px;
    margin-right: 8px;
}
.check-substance-box .substance-right .selected-list[data-v-4512efe4]{
    padding: 8px 0;
}
.check-substance-box .apply-box-left > ul[data-v-4512efe4]{
    max-height: 420px;
}
.check-substance-box ul[data-v-4512efe4]{
    padding-left: 24px;
}
.check-substance-box ul li[data-v-4512efe4]{
    position: relative;
}
.check-substance-box ul li .arrow[data-v-4512efe4]{
    position: absolute;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    left: -24px;
    top: 11px;
    cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-4512efe4]{
    -webkit-transform-origin: center;
            transform-origin: center;
    color: #333;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-4512efe4]{
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.check-substance-box ul li .utm-checkbox-wrapper[data-v-4512efe4]{
    max-width: 100%;
}
#statistical-number .check-substance-box .substance-left[data-v-4512efe4] {
      padding: 8px 0 0 16px;
      width: 60%;
}
#statistical-number .check-substance-box .substance-right[data-v-4512efe4]{
      width: 40%;
}
#statistical-number .check-substance-box .substance-right .selected-list > ul[data-v-4512efe4]{
      margin-left: 16px;
}
#statistical-number .substance-right .selected-list .selected-item[data-v-4512efe4] {
      padding: 0 27px 0 0;
      overflow: unset;
}
#statistical-number .selected-item-text[data-v-4512efe4]{ 
      display: inline-block;
      max-width: 100%;
      line-height: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
#statistical-number .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-4512efe4]{
      right: -16px;
}

.access-zone-loading .utm-custom-loading.utm-table-loading{
  height: 200px;
}
#statistical_number_pdf .ivu-table-cell{
  padding-left: 8px;
  padding-right: 8px;
}

#select-group-control[data-v-7f208ea3]{
    max-width: 100%;
    text-align: left;
}
#select-group-control .content[data-v-7f208ea3]{
    padding: 12px;
    width: 470px;
    height: 250px;
    min-width: 180px;
    max-width: 100%;
    max-height: 300px;
    min-height: 200px;
    border: 1px solid #d7d7d7;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 18px;
    border-radius: 4px;
}
#select-group-control .content ul[data-v-7f208ea3]{
    list-style-type: none;
}
#select-group-control .content li[data-v-7f208ea3]{
    margin-bottom: 14px;
    position: relative;
    font-size: 20px;
}
#select-group-control .content .group-icon[data-v-7f208ea3]{
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}
#select-group-control .content .switch-con[data-v-7f208ea3]{
    position: absolute;
    right: 0;
    top: -3px;
}
#select-group-control .content li ul[data-v-7f208ea3]{
    padding-left: 33px;
}
#select-group-control .ivu-select-arrow[data-v-7f208ea3]{
    position: relative;
    margin-left: 6px;
}
#select-group-control .content .point-name[data-v-7f208ea3]{
    overflow: hidden;
    display: inline-block;
    max-width: 80%;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loading[data-v-47b5fe38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.utm-dropdown-modal-box[data-v-1164bb22]{
  vertical-align: middle;
}
.utm-dropdown-modal[data-v-1164bb22]{
  position: fixed;
  top:0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.utm-dropdown-modal .utm-modal[data-v-1164bb22] {
  position: relative;
  z-index: unset;
}
.utm-dropdown-modal .utm-modal-wrap[data-v-1164bb22]{
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  overflow: visible;
}
.utm-dropdown-modal .utm-modal-box[data-v-1164bb22]{
  position: absolute;
  margin: 0;
}
.select-keyword-box[data-v-1164bb22]{
  padding: 8px 16px;
}
.utm-check-list-item[data-v-1164bb22]{
  position: relative;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: 14px;
}
.utm-check-list-item.checked[data-v-1164bb22],
.utm-check-list-item.checked[data-v-1164bb22]:hover{
  color: #515a6e;
  background: rgba(var(--main-color-rgb),0.2);
}
.utm-check-list-item.checked[data-v-1164bb22]:after {
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 8px;
  line-height: 28px;
  font-size: 14px;
  color: var(--main-color);
  top: 2px;
}
.utm-check-list-item[data-v-1164bb22]:hover{
  background: rgba(var(--main-color-rgb),0.1);
  color: #333;
}
/***********滚动条************/
/*高宽及背景*/
.utm-modal-body[data-v-1164bb22]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #303745;
}
/*轨道*/
.utm-modal-body[data-v-1164bb22]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #F5F5F5;
}
/*滑块*/
.utm-modal-body[data-v-1164bb22]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
/*横向滚动条*/
/***********滚动条************/
/* 无数据 */
.utm-check-list-no-data[data-v-1164bb22] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100% - 60px);
  color: #ccc;
}
/* 加载 */
.utm-check-list-loading[data-v-1164bb22] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 28px;
  height: calc(100% - 60px);
  color: var(--main-color);
}

.table-fields-modal .reset-btn[data-v-3265ae04]{
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
  cursor: pointer;
}
.table-fields-modal .table-fields-selection[data-v-3265ae04]{
  padding-left: 7px;
  font-size: 16px;
}
.table-fields-modal .table-field-box[data-v-3265ae04]{
  padding: 16px 10px;
}
.table-fields-modal .utm-tag[data-v-3265ae04]{
  position: relative;
  padding-right: 25px;
  margin-right: 10px;
  min-width: 80px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  cursor: move;
}
.table-fields-modal .table-field-box .utm-tag.drop-active[data-v-3265ae04] {
  background: #effaff;
  border: 1px solid var(--main-color);
  cursor: move;
}
.table-fields-modal .utm-tag .utm-close-icon[data-v-3265ae04]{
  position: absolute;
  right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #858585;
}
.table-fields-modal .utm-checkbox.table-field-item[data-v-3265ae04]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}
.table-fields-modal .utm-module-title[data-v-3265ae04]{
  font-weight: unset;
}
.table-fields-modal .utm-module-title span[data-v-3265ae04]{
  font-weight: bold;
}
/*重置*/
.table-fields-modal .reset-field-box[data-v-3265ae04]{
  text-align: right;
  color: var(--main-color);
}
.table-fields-modal .reset-field-box i[data-v-3265ae04]{
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: var(--main-color);
}
.table-fields-modal .reset-field-box span[data-v-3265ae04]{
  cursor: pointer;
}
.table-fields-modal .utm-check-group.fields-group[data-v-3265ae04]{
  margin: 10px 0;
}
/*分组显示所有字段*/
.table-fields-modal .table-field-group[data-v-3265ae04]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-fields-modal .table-field-group .table-field-group-title[data-v-3265ae04]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-fields-modal .table-field-group .table-field-number[data-v-3265ae04]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-fields-modal .table-field-group .table-field-group-item[data-v-3265ae04]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-fields-modal .table-field-group .table-field-arrow[data-v-3265ae04]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-fields-modal .table-field-group .table-field-arrow.open[data-v-3265ae04]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-icon-hide.hide-icon[data-v-3265ae04]{
  font-size: 16px;
  color: var(--main-color);
}
.table-fields-modal .utm-module-title[data-v-3265ae04]:after{
  background: #fff;
}

#tile-map[data-v-27a27cba] .ivu-switch-checked {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
#tile-map[data-v-27a27cba] .ivu-input{
  border-radius: 8px;
}
#tile-map[data-v-27a27cba] .ivu-scroll-container{
  overflow-y: auto;
}
#tile-map .utm-select .ivu-select-item-selected[data-v-27a27cba]:after,
#tile-map .utm-select.ivu-select-multiple .ivu-select-item-selected[data-v-27a27cba]:after{ /*选中项用勾标记*/
  position: absolute;
  content: "\E6E7";
  right: 0;
  margin-top: -21px;
  width: 18px;
  height: 18px;
  line-height: 28px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-page-header[data-v-27a27cba] {
  padding: 0 0 16px 0;
}
.save[data-v-27a27cba] {
  width: 140px;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#05b8e8), to(#0598e8));
  background: linear-gradient(90deg, #05b8e8, #0598e8);
  border: 1px solid rgba(74, 185, 245, 0.8);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}
.utm-clear-input.utm-prefix-input-dashboard .clear-input-icon[data-v-27a27cba] {
  right: 0.04rem;
  top: 0.12rem;
  font-size: 0.16rem;
  display: none;
}
#tile-map[data-v-27a27cba] {
  width: 100%;
  height: 100%;
  background-color: #ebeff2;
  padding: 0 16px 16px 16px;
  overflow: hidden;
}
#tile-map .utm-control-group[data-v-27a27cba] {
  width: 100%;
}
.form[data-v-27a27cba] {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.add-tile-map-form .utm-control-group[data-v-27a27cba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-tile-map-form .utm-control-group-item[data-v-27a27cba] {
  margin-left: 16px;
}
.utm-control-group-item[data-v-27a27cba] .ivu-select-dropdown {
  max-width: 400px;
}
.utm-control-group-item[data-v-27a27cba] .ivu-select-selection > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-tile-map-form .utm-control-group-item[data-v-27a27cba]:first-child {
  margin-left: 0;
}
.hive-content[data-v-27a27cba] {
  width: 100%;
  height: calc(100% - 140px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.utm-box[data-v-27a27cba] {
  background-color: #fff;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
}
/**************************查询没有设置的地图 Start************************************/
.set-map-box[data-v-27a27cba] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4.68rem;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  z-index: 150;
  display: none;
}
.set-map-box .set-map-tab[data-v-27a27cba] {
  text-align: left;
  border-bottom: 1px #eee solid;
}
.set-map-box .set-map-item[data-v-27a27cba] {
  font-size: 0.16rem;
  color: #333;
  display: inline-block;
  padding: 0.16rem 0;
  margin: 0 0.16rem;
  position: relative;
  cursor: pointer;
}
.set-map-box .set-map-item[data-v-27a27cba]:after {
  content: "";
  position: absolute;
  bottom: -0.01rem;
  left: 0;
  height: 0.04rem;
  width: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.set-map-box .set-map-item.active[data-v-27a27cba]:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  background: #059fe8;
}
.set-map-box .set-map-item.active[data-v-27a27cba] {
  color: #059fe8;
}
.set-map-box .search-item-box[data-v-27a27cba] {
  position: relative;
  display: block;
  padding: 0.08rem 0.16rem;
}
.set-map-box ul[data-v-27a27cba] {
  overflow: auto;
  margin-bottom: 0.16rem;
  padding: 0rem 0.16rem;
}
.set-map-box ul li[data-v-27a27cba] {
  height: 0.4rem;
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.1rem;
  color: #333;
  font-size: 0.16rem;
}
.set-map-box ul li[data-v-27a27cba]:hover {
  background: rgba(5, 159, 232, 0.2);
  border-radius: 8px;
  cursor: pointer;
}
.set-map-box ul li i[data-v-27a27cba] {
  margin-right: 0.08rem;
  font-size: 0.2rem;
}
.set-map-box ul li span[data-v-27a27cba] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.set-map-box .no-data[data-v-27a27cba] {
  color: #868686;
  min-height: 1.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
}
/**************************查询没有设置的地图 End************************************/
/* 推出确认框 */
.utm-modal-center[data-v-27a27cba] {
  width: 100%;
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.utm-modal-center .utm-font[data-v-27a27cba] {
  font-size: 80px;
}
.utm-modal-center span[data-v-27a27cba] {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #2f3234;
}
.utm-modal-center .delete-office-icon[data-v-27a27cba]{
  width: 57px;
  height: 57px;
  background: #FEE9E9;
  margin-bottom: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.set-map-box[data-v-27a27cba] .ivu-spin {
  color: var(--main-color) !important;
}

#beehive-home-box-edit[data-v-66181bce] .utm-ellipsis-manualView-btn {
  right: -200px;
  position: relative;
}

.beehive-box[data-v-66181bce]{
  text-align: center;
}
.beehive-box.beehive-box-add[data-v-66181bce]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.beehive-box-show[data-v-66181bce]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.beehive-box-show span[data-v-66181bce]:not(.utm-ellipsis-txt,.utm-ellipsis-manualView-btn),
.beehive-box-show .beehive-item-each span[data-v-66181bce]:not(.utm-ellipsis-txt,.utm-ellipsis-manualView-btn){
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.beehive-box-add span[data-v-66181bce]{
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.beehive-box .beehive-item[data-v-66181bce]{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.beehive-item-each[data-v-66181bce]{
  position: absolute;
}
.beehive-item-each .beehive-item-text[data-v-66181bce]{
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #BCA480;
  font-size: 12px;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#beehive-home-box-edit .beehive-item-each .beehive-item-text[data-v-66181bce] {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #BCA480;
  font-size: 12px;
  width: 50%;
  height: 100%;
  top: -5%;
  left: 42%;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  scale: 0.9;
}
#beehive-home-box-edit .beehive-item-each .beehive-item-text:hover ~ svg .beehive-item-polygon.no-fill-blue[data-v-66181bce] {
  stroke-dasharray: 0;
}
.beehive-item-each .beehive-item-text[data-v-66181bce]:before,
.beehive-item-each .beehive-item-text[data-v-66181bce]:after{
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  position: absolute;
  z-index: 8;
}
.beehive-item-each .beehive-item-text[data-v-66181bce]:after{
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.beehive-item-each .beehive-item-text[data-v-66181bce]:before{
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
}
.beehive-item-each .beehive-item-text.incident-map[data-v-66181bce]{
  color: #FBB64E;
}
.beehive-item-each .beehive-item-text.device-map[data-v-66181bce]{
  color: #243A81;
}
.beehive-item-each .beehive-item-text>span[data-v-66181bce]{
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
.beehive-item-each .beehive-item-text.beehive-item-text-content.beehive-item-text-content-bg .map-name[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-content.beehive-item-text-content-bg .utm-font[data-v-66181bce],
.beehive-item-each .beehive-item-text .map-message-count[data-v-66181bce]{
  position: absolute !important;
  bottom: 0px;
  right: 0px;
  border-radius: 50%;
  background-color: #FFF;
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  display: block !important;
  font-weight: 600;
}
.beehive-item-each .beehive-item-text .eight[data-v-66181bce]{
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.beehive-item-each .beehive-item-text .sixteen[data-v-66181bce]{
  width: 18px;
  height: 20px;
  line-height: 20px;
}
.beehive-item-each .beehive-item-text .thirtyTwo[data-v-66181bce]{
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.beehive-item-each .beehive-item-text .sixtyFour[data-v-66181bce]{
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.beehive-item-each .beehive-item-text .oneHundredTwentyEight[data-v-66181bce]{
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.beehive-item-each .beehive-item-text .map-name[data-v-66181bce]{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
/*根据蜂窝的大小决定图标大小*/
.beehive-item-each .beehive-item-text .utm-font[data-v-66181bce]{
  font-size: 14px;
  color: #FFFFFF;
}
/*事件类的虚拟蜂窝是正金色的*/
.beehive-item-each .beehive-item-text.incident-map .utm-font[data-v-66181bce]{
  color: #FFFFFF;
}
.beehive-item-each .beehive-item-text.device-map .utm-font[data-v-66181bce]{
  color: #FFFFFF;
}
.beehive-item-each .beehive-item-text .beehive-text-lg .utm-font[data-v-66181bce]{
  font-size: 60px;
  display: block;
  height: 60px;
  line-height: 60px;
}
.beehive-item-each .beehive-item-text .beehive-text-md .utm-font[data-v-66181bce]{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
.beehive-item-each .beehive-item-text .beehive-text-sm .utm-font[data-v-66181bce]{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
.beehive-item-each .beehive-item-text .beehive-text-xm .utm-font[data-v-66181bce]{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
.beehive-item-each .beehive-item-text .beehive-text-nm .utm-font[data-v-66181bce]{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
.beehive-item-each .beehive-item-text .beehive-item-name[data-v-66181bce] {
  text-align: center;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  list-style-position: inside;
}
.beehive-item-each .beehive-item-text .beehive-item-name-eight[data-v-66181bce]{
  font-size: 16px;
  font-weight: 700;
  margin-top: 6px;
}
.beehive-item-each .beehive-item-text .beehive-item-name-sixteen[data-v-66181bce]{
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
}
.beehive-item-each .beehive-item-text .beehive-item-name-thirtyTwo[data-v-66181bce]{
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}
/*需要添加内容，有加号时*/
.beehive-item-each .beehive-item-text.beehive-item-text-add[data-v-66181bce]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add .utm-font[data-v-66181bce]{
  margin-top: 0;
  color: #dfdfdf;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-xm .utm-font[data-v-66181bce]{
  font-size: 16px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-sm .utm-font[data-v-66181bce]{
  font-size: 20px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-md .utm-font[data-v-66181bce]{
  font-size: 24px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-lg .utm-font[data-v-66181bce]{
  font-size: 32px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover .utm-font[data-v-66181bce]{
  display: inline-block;
  color: #059FE8;
}
#beehive-home-box-edit .beehive-item-polygon.no-fill[data-v-66181bce]{
  stroke: #999999;
  stroke-dasharray: 5, 5;
}
#beehive-home-box-edit .beehive-item-polygon.no-fill-blue[data-v-66181bce]{
  stroke: var(--main-color);
  stroke-dasharray: 5, 5;
}
.beehive-item-each:hover .beehive-item-polygon.no-fill[data-v-66181bce]{
  fill: #EFFAFF !important;
}
#beehive-home-box-edit .beehive-item-polygon[data-v-66181bce]{
  scale: 0.9;
  stroke:#FFFFFF;
  stroke-width:1;
  font-size: 0;
  cursor: pointer;
}
.beehive-item-each .beehive-item-polygon[data-v-66181bce]{
  stroke:#dfdfdf;
  stroke-width:1px;
  font-size: 0;
  cursor: pointer;
}
.beehive-item-each .beehive-item-polygon.no-fill[data-v-66181bce]:hover{
  fill: #EFFAFF !important;
}
.beehive-item-each svg[data-v-66181bce]{
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
/*移入蜂窝上显示蓝色的边框*/
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-add[data-v-66181bce]:hover,
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-add.active[data-v-66181bce],
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-content[data-v-66181bce]:hover,
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-content.active[data-v-66181bce]{
  border-bottom: none !important;
  border-top: none !important;
}
/*移入蜂窝上显示蓝色的边框*/
#beehive-home-box-edit .beehive-item-each .beehive-item-text.abnormal[data-v-66181bce]:hover,
#beehive-home-box-edit .beehive-item-each .beehive-item-text.abnormal.active[data-v-66181bce] {
  border-bottom: none !important;
  border-top: none !important;
}
/*因为最多有128个蜂窝，所以最高定129就可以了*/
.beehive-item-each.beehive-item-each-zoom.search-active[data-v-66181bce]{
  z-index: 129;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg[data-v-66181bce]{
  position: absolute;
  z-index: 9;
  left: 0;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg .beehive-item-polygon[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg .beehive-item-polygon[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg .beehive-item-polygon[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg .beehive-item-polygon[data-v-66181bce]{
  z-index: 9;
  stroke:#0E6FE4 !important;
  stroke-width:1px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg .beehive-item-polygon[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-add:active + svg .beehive-item-polygon[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg .beehive-item-polygon[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-content:active + svg .beehive-item-polygon[data-v-66181bce]{
  z-index: 9;
  stroke:#0E6FE4 !important;
  stroke-width:1px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg .abnormal[data-v-66181bce],
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg .abnormal[data-v-66181bce],
#beehive-home-box-edit.beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg .abnormal[data-v-66181bce],
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg .abnormal[data-v-66181bce]{
  z-index: 9;
  stroke:#E04444 !important;
  stroke-width:1px;
}
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg .abnormal[data-v-66181bce],
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg .abnormal[data-v-66181bce],
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg .abnormal[data-v-66181bce],
#beehive-home-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg .abnormal[data-v-66181bce]{
  z-index: 9;
  stroke:#FFF !important;
  stroke-width:1px;
}
#beehive-home-box-edit .beehive-item-abnormal-absolute[data-v-66181bce]{
  stroke: #D71010 !important;
  stroke-width:1px;
}
#beehive-home-box-edit .beehive-item-normal-absolute[data-v-66181bce]{
  stroke: #059FE8 !important;
  stroke-width:1px;
}
#beehive-home-box-edit .beehive-item-abnormal-skyblue[data-v-66181bce]{
  stroke: #ddf0f9 !important;
  stroke-width:1px;
}
#beehive-home-box-edit .beehive-item-normal-yellow[data-v-66181bce]{
  stroke: #FFD600 !important;
  stroke-width:1px;
}
#beehive-home-box-edit .beehive-item-normal-orange[data-v-66181bce]{
  stroke: #FF8A00 !important;
  stroke-width:1px;
}
.no-fill[data-v-66181bce]:hover{
  fill: #EFFAFF !important;
}
#beehive-home-box-edit .beehive-item-each:hover .beehive-item-polygon.no-fill[data-v-66181bce]{
  fill: #FFF !important;
}
/*有内容时*/
.beehive-item-each.beehive-item-each-zoom[data-v-66181bce]{
  z-index: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.beehive-item-each.beehive-item-each-zoom[data-v-66181bce]:hover{
  z-index: 130;
}
#beehive-home-box-edit .beehive-item-each:hover .beehive-item-polygon.fill[data-v-66181bce]{
  scale: 0.8;
  -webkit-transform: translate(6%, 6%);
          transform: translate(6%, 6%);
}
.beehive-item-each[data-v-66181bce]:hover{
  z-index: 130;
}
/*根据地图名字搜索之后需要隐藏的蜂窝*/
.beehive-item-each.hiveMap-hide[data-v-66181bce]{
  opacity: 0;
}
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.normal-map[data-v-66181bce]{
  fill: url(#bg_yellow);
}
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.critical-map[data-v-66181bce]{
  fill: url(#bg_red);
}
/*闪烁效果*/
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.critical-map.flashing[data-v-66181bce]{
  -webkit-animation: flicker-red-data-v-66181bce 1.3s ease-in-out both infinite;
          animation: flicker-red-data-v-66181bce 1.3s ease-in-out both infinite;
}
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.normal-map.flashing[data-v-66181bce]{
  -webkit-animation: flicker-yellow-data-v-66181bce 1.4s ease-in-out both infinite;
          animation: flicker-yellow-data-v-66181bce 1.4s ease-in-out both infinite;
}
/*闪烁*/
@-webkit-keyframes flicker-red-data-v-66181bce
{
0% {fill: url(#bg_red)
}
50% {fill: url(#bg_red_flicker)
}
100% {fill: url(#bg_red)
}
}
@keyframes flicker-red-data-v-66181bce
{
0% {fill: url(#bg_red)
}
50% {fill: url(#bg_red_flicker)
}
100% {fill: url(#bg_red)
}
}
@-webkit-keyframes flicker-yellow-data-v-66181bce
{
0% {fill: url(#bg_yellow)
}
50% {fill: url(#bg_yellow_flicker)
}
100% {fill: url(#bg_yellow)
}
}
@keyframes flicker-yellow-data-v-66181bce
{
0% {fill: url(#bg_yellow)
}
50% {fill: url(#bg_yellow_flicker)
}
100% {fill: url(#bg_yellow)
}
}
.beehive-item-each .beehive-item-text[data-v-66181bce]:last-of-type{
  border-bottom: 1px solid #dfdfdf;
}
#beehive-home-box-edit .beehive-item-each .beehive-item-text[data-v-66181bce]:last-of-type{
  border-bottom: 1px solid transparent;
  border-top:1px solid transparent;
}
/*拖动蜂窝*/
.beehive-item-each.hiveMap-drop-active .beehive-item-text.beehive-item-text-add .utm-font[data-v-66181bce]{
  display: none;
}
.hiveMap-drop-active[data-v-66181bce]{
  z-index: 998;
}
.beehive-item-each.hiveMap-drop-active .beehive-item-polygon[data-v-66181bce]{
  fill:rgba(0,0,0,0);
  stroke:#0E6FE4;
  stroke-width: 1px;
  font-size: 0;
  cursor: pointer;
}
.beehive-item-each.ui-draggable-dragging .beehive-item-text.beehive-item-text-content[data-v-66181bce]{
  border: 0;
}
.beehive-item-each.ui-draggable-dragging .delete-hive-map.utm-font[data-v-66181bce]{
  font-size: 20px;
  color: #999;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: -8px;
  top: -8px;
  opacity: 1;
  z-index: 9;
  display: none;
}
/*发生事件的具体数量*/
#beehive-home-box-edit .beehive-item-each:hover .incident-specific-box[data-v-66181bce]{
  display: block;
  z-index: 200;
}
#beehive-home-box-edit .beehive-item-each.beehive-item-each-zoom:hover .incident-specific-box[data-v-66181bce]{
  display: block;
  z-index: 200;
}
#beehive-home-box-edit .incident-specific-box[data-v-66181bce]{
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: none;
  left: 50%;
  z-index: 200;
  background: rgba(0,0,0,0.75);
  border-radius: 4px;
  top:75%;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: unset;
}
.incident-map-name[data-v-66181bce]{
  width: 100%;
  color: #FFFFFF;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  font-weight: 700;
}
.incident-map-name > i[data-v-66181bce] {
  font-size: 16px;
  font-weight: 400;
}
.incident-map-name > div[data-v-66181bce]{
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-left: 0;
  font-style: normal;
}
.incident-functional-tile-name[data-v-66181bce]{
  font-size: 16px;
  font-weight: 400;
  color: #FFF;
  width: 100%;
  text-align: left;
  margin-top: 16px;
  margin-bottom: 4px;
}
.incident-item[data-v-66181bce] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  height: 16px;
  line-height: 16px;
  margin-top: 12px;
}
/****没有蜂窝地图 **/
.no-tile-map[data-v-66181bce]{
  display: inline-block;
}
.no-tile-map .utm-no-tile-map-icon[data-v-66181bce]{
  font-size: 50px;
  color: rgb(217, 212, 196);
}
.no-tile-map .no-tile-map-txt[data-v-66181bce]{
  color: rgb(153, 153, 153);
  font-size: 16px;
}
.delete-map[data-v-66181bce]{
  width: 150px;
  height: 56px;
  position: fixed;
  z-index: 200;
  line-height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}
.delete-map .btn[data-v-66181bce]{
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #2f3234;
  padding: 2px;
}
.delete-map .btn[data-v-66181bce]:hover{
  background: rgba(5,159,232,0.20);
  border-radius: 8px;
}

#alarm-map[data-v-3e6e6e0a] {
  height: 100%;
  width: 100%;
}
#alarm-map .utm-box[data-v-3e6e6e0a]{
  height: calc(100% - 130px);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
#alarm-map .page-title[data-v-3e6e6e0a]{
  padding: 16px;
  border-bottom: 1px solid #dfdfdf;
  height: 60px;
  font-weight: 700;
  color: #393939;
  font-size: 18px;
}
#alarm-map .no-data[data-v-3e6e6e0a]{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#alarm-map.shrink-container .utm-box[data-v-3e6e6e0a]{
  height: 100%;
}
#alarm-map.shrink-container .map-footer[data-v-3e6e6e0a]{
  height: 0;
  display: none;
}
.utm-item.active .abnormal-count[data-v-3e6e6e0a]{
  background: #fff;
  color: rgba(5,159,232,1);
}
#alarm-map .content-right[data-v-3e6e6e0a] {
  padding: 16px 16px 18px 26px;
}
.content-right .content-right-top[data-v-3e6e6e0a] {
  position: relative;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}
.content-right-top .map-title[data-v-3e6e6e0a] {
  font-weight: bold;
  color: #333;
}
.content-right-top .top-right[data-v-3e6e6e0a]{
  position: absolute;
  right:0;
  top: 0;
}
.content-right-top .top-right .device-filter-tab[data-v-3e6e6e0a]{
  position: relative;
  margin-right: 16px;
  display: inline-block;
}
.content-right-top .top-right .title[data-v-3e6e6e0a]{
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.content-right-top .top-right .title[data-v-3e6e6e0a]:hover{
  color: #059AE8;
}
.content-right-top .top-right .expand-icon[data-v-3e6e6e0a]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 200ms;
  transition: 200ms;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
}
.content-right-top .top-right .device-filter-tab.expand .expand-icon[data-v-3e6e6e0a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.content-right-top .top-right .select-panel[data-v-3e6e6e0a]{
  position: absolute;
  right: 0;
  top: 40px;
  padding: 16px;
  width: 228px;
  height: 348px;
  line-height: 28px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}
.content-right-top .top-right .select-panel[data-v-3e6e6e0a]::-webkit-scrollbar{
  width: 3px;
  height: 3px;
  background-color: #303745;
}
.content-right-top .top-right .select-panel[data-v-3e6e6e0a]::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #FFFFFF;
}
.content-right-top .top-right .select-panel[data-v-3e6e6e0a]::-webkit-scrollbar-thumb{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}
.content-right-top .top-right .select-panel
.node-open-icon[data-v-3e6e6e0a]{
  -webkit-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 20px !important;
}
.node-open-icon.open[data-v-3e6e6e0a]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.utm-list-page-box ul li .utm-item .utm-item-icon i[data-v-3e6e6e0a] {
  font-size: 20px !important;
}
/*右侧地图部分*/
.content-right .map-container[data-v-3e6e6e0a] {
  height: calc(100% - 60px);
  border: 1px solid #dfdfdf;
  margin-top: 16px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#map-img[data-v-3e6e6e0a] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.badge-mode[data-v-3e6e6e0a]{
  background-color: transparent;
}
.utm-badge-circle.mode-type-icon[data-v-3e6e6e0a]{
  position: absolute;
  right: 28px;
  top: -10px;
  z-index: 1;
  display: inline-block;
}
.utm-badge-circle.unread-msg-count[data-v-3e6e6e0a] {
  position: absolute;
  right: -5px;
  top: -10px;
  z-index: 1;
}
.utm-badge-circle.unread-msg-count[data-v-3e6e6e0a]:after{
  content: '';
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: rgba(190,49,49,.6);
  position: absolute;
  left: -27px;
  top: -29px;
  z-index: -1;
  -webkit-animation: flash-data-v-3e6e6e0a 1.4s infinite;
          animation: flash-data-v-3e6e6e0a 1.4s infinite;
}
.utm-badge-circle.unread-msg-count.no-device-ani[data-v-3e6e6e0a]::after{
  content: '';
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: rgba(190,49,49,0);
  position: absolute;
  left: -27px;
  top: -29px;
  z-index: -1;
  -webkit-animation:none;
          animation:none
}
@-webkit-keyframes flash-data-v-3e6e6e0a {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45%{
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}
@keyframes flash-data-v-3e6e6e0a {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45%{
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}
/*操作面板*/
.point-operate-panel-box[data-v-3e6e6e0a]{
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  border-radius: 19px;
}
.point-operate-panel[data-v-3e6e6e0a] {
  position: fixed;
  left: 0;
  top: 0;
  width: 280px;
  padding: 8px 8px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  color: #059FE8;
  font-size: 16px;
  z-index: 6;
}
.point-operate-panel[data-v-3e6e6e0a]:before{
  content: '';
  width: 0;
  height: 0px;
  border: 8px solid;
  border-color: transparent transparent #fff;
  position: absolute;
  top: -15px;
  left: 7px;
}
.point-operate-panel .operate-item[data-v-3e6e6e0a]{
  padding: 0 16px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.point-operate-panel .operate-item span[data-v-3e6e6e0a]{
  vertical-align: middle;
}
.point-operate-panel .operate-item .utm-font[data-v-3e6e6e0a]{
  color: #059FE8;
  margin-right: 4px;
  font-size: 24px;
  vertical-align: middle;
}
.point-operate-panel .operate-item[data-v-3e6e6e0a]:hover {
  background: #eff6f9;
  cursor: pointer;
}
.utm-field-item[data-v-3e6e6e0a],
.utm-field-item .field-item-name[data-v-3e6e6e0a],
.utm-field-item .field-item-content[data-v-3e6e6e0a] {
  line-height: 34px;
  min-height: 34px;
  font-size: 14px;
}
.utm-field-item .field-item-name[data-v-3e6e6e0a]{
  color: #FFFFFF;
  width: 120px;
}
.utm-field-item .field-item-content[data-v-3e6e6e0a]{
  color: #FFFFFF;
  max-width: calc( 100% - 123px );
}
/*底部栏*/
.map-footer .footer-box-left.box-shrink[data-v-3e6e6e0a] {
  width: 0;
  border-right: 0;
  opacity: 0;
}
/*底部*/
#alarm-map .map-footer[data-v-3e6e6e0a] {
  position: relative;
  padding: 8px 16px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  width: 100%;
  height: 130px;
  background: #fff;
  border-radius: 8px 8px 0px 0px;
  -webkit-box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.shrink-container .map-footer[data-v-3e6e6e0a]{
  height: 0;
}
.utm-shrink-button.shrink-footer[data-v-3e6e6e0a]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  top: unset;
  bottom: -42px;
  left: 50%;
}
.utm-box .utm-shrink-button.shrink-footer.shrink-button1[data-v-3e6e6e0a]{
  left: 50%;
}
.map-footer .footer-box-left[data-v-3e6e6e0a] {
  position: relative;
  width: 485px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.footer-box-left .right-line[data-v-3e6e6e0a]{
  position: absolute;
  right: 0;
  top: 12px;
  height: 92px;
  width: 1px;
  background-color:  #DFDFDF;
}
.footer-box-left .date-container[data-v-3e6e6e0a],
.footer-box-left .event-filter-box[data-v-3e6e6e0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 8px;
}
.footer-box-left button[data-v-3e6e6e0a]{
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer-box-right .footer-expand-btn[data-v-3e6e6e0a] {
  width: 31px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#0598e8), to(#05b9e8));
  background: linear-gradient(180deg, #0598e8, #05b9e8);
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  z-index: 1;
}
.footer-box-right .event-msg-box[data-v-3e6e6e0a] {
  margin-left: 16px;
  width: calc(100% - 31px);
  height: 100%;
  overflow-x: auto;
}
.footer-box-right .event-msg-box.no-data[data-v-3e6e6e0a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 31px;
}
.event-msg-box .event-msg-item[data-v-3e6e6e0a] {
  margin: 0px 16px 16px 0;
  width: 40px;
  height: 40px;
  background: #059ae8;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
  cursor: pointer;
}
.map-footer .footer-box-right[data-v-3e6e6e0a] {
  margin-top: 2px;
  padding: 10px 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*消息详情*/
#alarm-map .message-detail[data-v-3e6e6e0a] {
  width: 360px;
  height: 116px;
  background: #ffffff;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  position: fixed;
  display: none;
  z-index: 10;
}
.message-detail .detail-content-box[data-v-3e6e6e0a] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail-content-box .event-level[data-v-3e6e6e0a] {
  width: 44px;
  height: 100%;
  opacity: 0.9;
  background: #f2c355;
  border-radius: 4px 0px 0px 4px;
  color: #fff;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-content-box .event-content[data-v-3e6e6e0a] {
  padding: 8px 16px;
  font-size: 16px;
  width: calc(100% - 44px);
}
.event-content .event-name[data-v-3e6e6e0a] {
  font-weight: bold;
}
.event-content .event-time[data-v-3e6e6e0a] {
  color: rgba(153, 153, 153, 1);
}
.event-content .event-name[data-v-3e6e6e0a],
.event-content .event-time[data-v-3e6e6e0a],
.event-content .event-txt[data-v-3e6e6e0a] {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px 0;
}
.footer-box-right .footer-expand-btn i[data-v-3e6e6e0a] {
  color: #fff;
  font-size: 30px;
}
.content-right .alarm-map-device-icon[data-v-3e6e6e0a]{
  position: absolute;
  margin-top: -24px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  border-radius: 18px;
  z-index: 1;
}
.content-right .alarm-map-device-icon[data-v-3e6e6e0a]:hover{
  z-index: 2;
}
.utm-location-icon.alarm-point-device[data-v-3e6e6e0a]{
  position: relative;
  top: 5px;
  left: 5px;
  margin-top: 0px;
  margin-left: 0px;
  display: block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
/*视频模态框*/
#alarm-map .video-info[data-v-3e6e6e0a]{
  width: 100%;
}
#alarm-map .video-info .title[data-v-3e6e6e0a]{
  margin: 15px 0;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
#alarm-map .video-info .title span[data-v-3e6e6e0a],
#alarm-map .video-info .title>div[data-v-3e6e6e0a]{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#alarm-map .video-info .title span.device-name[data-v-3e6e6e0a]{
  max-width:330px;
}
#alarm-map .video-info .title span.map-name[data-v-3e6e6e0a]{
  max-width: 135px;
  cursor: pointer;
}
#alarm-map .video-info .video-info-item[data-v-3e6e6e0a]{
  display: inline-block;
  margin-top: 5px;
  width: 340px;
}
#alarm-map .circle-shape-tag[data-v-3e6e6e0a]{
  display: inline-block;
  padding: 0 11px;
  margin: 4px 8px;
  margin-left: 8px;
  min-width: 52px;
  height: 22px;
  line-height: 19px;
  background: transparent;
  border: 1px solid #059fe8;
  color: #059fe8;
  text-align: center;
  border-radius: 10px;
  font-size: 14px;
}
.user-box-item[data-v-3e6e6e0a] {
  width: 78px;
  height: 78px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-left: 12px;
  cursor: pointer;
}
#alarm-map .user-box-item[data-v-3e6e6e0a]:hover{
  background: #eff6f9;
  cursor: pointer;
}
.change-type-item[data-v-3e6e6e0a]{
  width: 126px;
  height: 78px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-left: 12px;
  cursor: pointer;
}
.change-type-item[data-v-3e6e6e0a]:hover{
  background: #eff6f9;
  cursor: pointer;
}
.change-type-item.disEdit[data-v-3e6e6e0a]{
  background: #dfdfdf;
}
.change-type-item.disEdit>i p[data-v-3e6e6e0a]{
  color: #dfdfdf;
}
.user-box[data-v-3e6e6e0a] {
  padding: 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-box-type[data-v-3e6e6e0a] {
  position: absolute;
  top: 130px;
  padding:  0 12px;
}
.change-type[data-v-3e6e6e0a]{
  position: absolute;
  top: 260px;
  padding:  0 8px;
}
.change-type p[data-v-3e6e6e0a] {
  color: #333;
  font-size: 12px;
}
.change-type i[data-v-3e6e6e0a] {
  margin-left: 45px;
}
.user-box-type p[data-v-3e6e6e0a] {
  color: #333;
  font-size: 12px;
}
.user-box-type i[data-v-3e6e6e0a] {
  margin-left: 15px;
}
.user-box-icon[data-v-3e6e6e0a] {
  margin-top: 10px;
  margin-left: 50px;
  display: none;
}
.user-box-icon .step-node[data-v-3e6e6e0a] {
  width: 16px;
  height: 16px;
  line-height: 16px
}
.user-box-item.active[data-v-3e6e6e0a] {
  color: #05aee8;
  border: 2px solid #05aee8;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.16);
          box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.16);
}
.user-box-type.active .user-box-type[data-v-3e6e6e0a] {
  color: #05aee8;
}
.user-box-item.active .user-box-icon[data-v-3e6e6e0a] {
  display: block;
}
.tip-box[data-v-3e6e6e0a]{
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
.under-line[data-v-3e6e6e0a]{
  width: 265px;
  height: 1px;
  background: #dfdfdf;
}
.status-child svg[data-v-3e6e6e0a]{
  width: 24px;
  height: 24px;
}
#arming-map[data-v-770318f6] {
  padding: 0 16px 16px;
  height: 100%;
  width: 100%;
  background: #ebeff2;
}
#arming-map .utm-box[data-v-770318f6]{
  height: 100%;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
#arming-map .utm-box .utm-box-left[data-v-770318f6]{
  margin-right: 16px;
  height: 100%;
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
/* left top filter */
#arming-map .utm-box .box-left-header[data-v-770318f6]{
  margin-bottom: 16px;
  height: 54px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}
.box-left-header .area-filter-box[data-v-770318f6]{
  padding: 0 16px;
  position: relative;
  cursor: pointer;
}
.box-left-header .area-filter-box[data-v-770318f6]:hover,
.box-left-header .area-filter-box.expand .area-filter-title[data-v-770318f6]{
  color: var(--main-color);
}
.box-left-header .area-filter-title[data-v-770318f6]{
  font-size: 18px;
  font-weight: 700;
  line-height: 54px;
}
.box-left-header .expand-icon[data-v-770318f6]{
  position: absolute;
  right: 16px;
  top: 16px;
  height: 16px;
  line-height: 16px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 200ms;
  transition: 200ms;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  font-size: 14px;
}
.box-left-header .area-filter-box.expand .expand-icon[data-v-770318f6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.box-left-header .area-select-panel[data-v-770318f6]{
  position: absolute;
  left: 0;
  top: 54px;
  padding-bottom: 16px;
  width: 100%;
  height: 318px;
  line-height: 28px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
  z-index: 2;
}
.box-left-header .area-tree-box[data-v-770318f6]{
  padding: 0 16px;
  height: calc(100% - 72px);
  overflow-y: auto;
  overflow-x: hidden;
}
/* left content */
#arming-map .utm-box .box-left-main[data-v-770318f6]{
  height: calc(100% - 70px);
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}
#arming-map .box-left-title[data-v-770318f6]{
  padding: 16px 16px 0;
  height: 44px;
  font-weight: 700;
  color: #393939;
  font-size: 18px;
}
#arming-map .box-left-list-main[data-v-770318f6]{
  padding: 0 16px;
  width: 100%; 
  height: calc( 100% - 120px );
}
#arming-map .utm-tree[data-v-770318f6] .ivu-tree-title {
  max-width: calc(100% - 40px);
}
#arming-map .utm-tree[data-v-770318f6] .ivu-tree-title * {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
#arming-map .no-data[data-v-770318f6]{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
}
.utm-list-page-box.box-left-list-main .utm-item[data-v-770318f6]{
  padding: 0;
}
.utm-list-page-box.box-left-list-main>ul>li>.utm-item[data-v-770318f6]:hover{
  background: transparent;
}
.utm-list-page-box.box-left-list-main>ul>li>.utm-item.checked[data-v-770318f6],
.utm-list-page-box.box-left-list-main>ul>li>.utm-item.checked i[data-v-770318f6]{
  color: var(--main-color)
}
.box-left-list-main .node-open-icon[data-v-770318f6]{
  position: absolute;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}
.box-left-list-main .node-open-icon.open[data-v-770318f6]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.box-left-list-main ul li ul .utm-list-item[data-v-770318f6]{
  margin-bottom: 16px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
.box-left-list-main ul li ul .utm-list-item .utm-item[data-v-770318f6]{
  padding: 0 16px;
  height: 100%;
  border-radius: 8px;
  background: #fff;
}
.box-left-list-main ul li ul .utm-list-item .utm-item-icon[data-v-770318f6] {
  position: relative;
  padding-left: 24px;
  width: calc(100% - 26px);
  overflow: visible;
}
.box-left-list-main ul li ul .utm-list-item .utm-item-icon>svg[data-v-770318f6]{
  position: absolute;
  left: 0;
}
.box-left-list-main ul li ul .utm-item[data-v-770318f6]:hover,
.box-left-list-main ul li ul .utm-item:hover.utm-item-icon i[data-v-770318f6],
.box-left-list-main ul li ul .utm-item.active[data-v-770318f6],
.box-left-list-main ul li ul .utm-item.active .utm-item-icon i[data-v-770318f6]{
  color: #393939;
}
.box-left-list-main ul li ul .utm-item[data-v-770318f6]:hover,
.box-left-list-main ul li ul .utm-item.active[data-v-770318f6]{
  background: rgba(5,159,232,0.20);
}
.alarm-count-box[data-v-770318f6]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #be3131;
  border-radius: 4px;
}
.alarm-count-box.alarm-count-circle[data-v-770318f6] {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #BE3131;
}
.alarm-count-icon[data-v-770318f6],
.alarm-count-num[data-v-770318f6]{
  display: inline-block;
  vertical-align: middle;
  color: #BE3131;
  font-size: 14px;
}
.alarm-count-box.alarm-count-circle .alarm-count-num[data-v-770318f6] {
  color: #fff;
  font-size: 12px;
}
/* right */
#arming-map .box-right[data-v-770318f6] {
  max-width: calc(100% - 328px);
  border-radius: 8px;
}
.map-data-nodata[data-v-770318f6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #B4B4B4;
  font-size: 16px;
}
.box-right .box-right-top[data-v-770318f6] {
  position: relative;
  padding: 7px;
  font-size: 20px;
  height: 54px;
  line-height: 40px;
}
.box-right-top .box-right-title[data-v-770318f6] {
  position: relative;
  color: #393939;
  font-size: 0;
}
.box-right-top .box-right-title svg[data-v-770318f6] {
  display: inline-block;
  margin-left: 8px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.box-right-top .box-right-title > span[data-v-770318f6] {
  position: relative;
  display: inline-block;
  padding-right: 58px;
  max-width: calc(100% - 448px);
  vertical-align: middle;
  font-size: 18px;
}
.box-right-top .box-right-title .alarm-count-box[data-v-770318f6]{
  position: absolute;
  right: 10px;
  top: 10px;
}
.box-right-top .box-right-title .select-control[data-v-770318f6] {
  position: absolute;
  right: 0;
  top: 0;
  width: 298px;
}
.box-right-top .box-right-title .arming-time[data-v-770318f6]{
  padding: 0 15px;
  min-width: 87px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(255,158,32,0.28);
  border-radius: 15px;
  color: #FF6F00;
  font-size: 18px;
  border-right: 1px solid #e1e4e6;
}
.box-right-top .arming-time-loading[data-v-770318f6]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  background: rgba(255,111,0, 0.28);
  border-radius: 15px;
  -webkit-animation: timeRotate-data-v-770318f6 2s infinite;
          animation: timeRotate-data-v-770318f6 2s infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
@-webkit-keyframes timeRotate-data-v-770318f6 {
form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes timeRotate-data-v-770318f6 {
form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/* right map */
.toggle-zone-btn[data-v-770318f6]{
  position: absolute;
  top: 50%;
  width: 72px;
  height: 72px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  text-align: center;
  line-height: 72px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  cursor: pointer;
}
.toggle-zone-btn i[data-v-770318f6] {
  display: inline-block;
  color: #fff;
  font-size: 30px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  text-align: center;
  line-height: 72px;
}
.toggle-zone-btn.toggle-zone-btn-left[data-v-770318f6]{
  left: 24px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.toggle-zone-btn.toggle-zone-btn-right[data-v-770318f6]{
  right: 24px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.box-right .right-center-box[data-v-770318f6]{
  position: relative;
  margin-left: 0;
  height: calc(100% - 175px);
  overflow: hidden;
  border: 1px solid #dfdfdf;
  border-left: 0;
  border-right: 0;
}
.box-right .right-center-box-inner[data-v-770318f6]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: left 300ms;
  transition: left 300ms;
}
#arming-map .map-container[data-v-770318f6] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#arming-map .box-map-img[data-v-770318f6] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
#arming-map .map-device-icon[data-v-770318f6]{
  position: absolute;
  margin-top: -19px;
  margin-left: -19px;
  width: 38px;
  height: 38px;
  border-radius: 18px;
  z-index: 1;
}
#arming-map .map-device-icon[data-v-770318f6]:hover{
  z-index: 2;
}
#arming-map .map-device-icon[data-v-770318f6] .ivu-tooltip,
#arming-map .map-device-icon[data-v-770318f6] .ivu-tooltip .ivu-tooltip-rel {
  width: 38px;
  height: 38px;
}
#arming-map .map-device-icon[data-v-770318f6] .utm-location-icon{
  margin-left: 0; 
  margin-top: 0; 
  top: 0; 
  left: 0;
}
.utm-badge-circle.door-sensor-not-close-icon[data-v-770318f6]{
  position: absolute;
  right: -5px;
  top: -10px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  z-index: 1;
  background-color: #F3A200;
  display: inline-block;
}
.box-right .door-sensor-not-close-icon[data-v-770318f6] .ivu-tooltip,
.box-right .door-sensor-not-close-icon[data-v-770318f6] .ivu-tooltip .ivu-tooltip-rel {
  width: 22px;
  height: 22px;
}
.utm-badge-circle.unread-msg-count[data-v-770318f6] {
  position: absolute;
  right: -5px;
  top: -10px;
  z-index: 1;
}
.utm-badge-circle.unread-msg-count[data-v-770318f6]:after{
  content: '';
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: rgba(190,49,49,.6);
  position: absolute;
  left: -27px;
  top: -29px;
  z-index: -1;
  -webkit-animation: flash-data-v-770318f6 1.4s infinite;
          animation: flash-data-v-770318f6 1.4s infinite;
}
@-webkit-keyframes flash-data-v-770318f6 {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45%{
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}
@keyframes flash-data-v-770318f6 {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45%{
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}
/**************选择tag****************/
.utm-multiple-check[data-v-770318f6] {
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-770318f6] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-770318f6] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-770318f6] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-770318f6]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-770318f6]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-770318f6]:hover{
  background: rgba(var(--main-color-rgb),0.1)
}
.multiple-check-panel .check-option.active[data-v-770318f6] {
  background: rgba(var(--main-color-rgb),0.2)
}
.multiple-check-panel .check-option.active[data-v-770318f6]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-770318f6] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-770318f6] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-770318f6] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-770318f6]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-770318f6]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-770318f6]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-770318f6] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-770318f6]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-770318f6]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-770318f6]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-770318f6] {
  font-size: 14px;
}
.site-check-box hr[data-v-770318f6]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
/*操作面板*/
.utm-location-icon .point-operate-panel[data-v-770318f6] {
  width: 280px;
  padding: 8px 8px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  color: var(--main-color);
  font-size: 16px;
  display: none;
  position: absolute;
  left: 0px;
  top: 33px;
  z-index: 6;
}
.utm-location-icon .point-operate-panel[data-v-770318f6]:before{
  content: '';
  width: 0;
  height: 0px;
  border: 8px solid;
  border-color: transparent transparent #fff;
  position: absolute;
  top: -15px;
  left: 7px;
}
.utm-location-icon .point-operate-panel .operate-item[data-v-770318f6]{
  padding: 0 16px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-location-icon .point-operate-panel .operate-item span[data-v-770318f6]{
  vertical-align: middle;
}
.utm-location-icon .point-operate-panel .operate-item .utm-font[data-v-770318f6]{
  color: var(--main-color);
  margin-right: 4px;
  font-size: 24px;
  vertical-align: middle;
}
.point-operate-panel .operate-item[data-v-770318f6]:hover {
  background: rgba(var(--main-color-rgb), 0.05);
  cursor: pointer;
}
.utm-field-item[data-v-770318f6],
.utm-field-item .field-item-name[data-v-770318f6],
.utm-field-item .field-item-content[data-v-770318f6] {
  line-height: 34px;
  min-height: 34px;
  font-size: 14px;
}
.utm-field-item .field-item-name[data-v-770318f6]{
  color: #8C8C8C;
  width: 120px;
}
.utm-field-item .field-item-content[data-v-770318f6]{
  color: #FFFFFF;
  max-width: calc( 100% - 123px );
}
/* right bottom */
#arming-map .box-right-bottom[data-v-770318f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 119px;
}
#arming-map .box-right-bottom-item[data-v-770318f6]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 50%;
}
#arming-map .box-right-bottom-item[data-v-770318f6]:first-child{
  border-right: 1px solid #dfdfdf;
}
#arming-map .box-right-bottom-item.custom-loading[data-v-770318f6]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -10px;
  display: inline-block;
  content: "\F45B";
  font-family: Ionicons, sans-serif;
  color: var(--main-color);
  font-size: 20px;
  font-weight: bold;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: select-loading 1s linear infinite;
  animation: select-loading 1s linear infinite;
  z-index: 2;
}
#arming-map .box-right-bottom-item.custom-loading[data-v-770318f6]::after{
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, 0.1);
  z-index: 1;
}
#arming-map .bottom-operate-btn[data-v-770318f6]{
  position: relative;
  padding: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 33%;
  width: 150px;
  height: 87px;
  background: #f0f5f7;
  cursor: pointer;
  overflow: hidden;
}
#arming-map .bottom-operate-btn.custom-loading[data-v-770318f6]{
  pointer-events: none;
}
#arming-map .bottom-operate-btn.checked[data-v-770318f6]{
  background: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16), 3px 3px 6px 0px #ffffff inset;
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16), 3px 3px 6px 0px #ffffff inset;
}
#arming-map .box-right-bottom-item.disabled .bottom-operate-btn[data-v-770318f6],
#arming-map .bottom-operate-btn.disabled[data-v-770318f6]{
  pointer-events: none;
  cursor: not-allowed;
}
#arming-map .box-right-bottom-item.disabled .bottom-operate-btn>.utm-font[data-v-770318f6],
#arming-map .box-right-bottom-item.disabled .bottom-operate-btn .bottom-operate-text[data-v-770318f6],
#arming-map .bottom-operate-btn.disabled>.utm-font[data-v-770318f6],
#arming-map .bottom-operate-btn.disabled .bottom-operate-text[data-v-770318f6]{
  color: #999 !important;
  cursor: not-allowed;
}
.bottom-operate-btn .checked-icon[data-v-770318f6]{
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18px;
  height: 18px;
  background: #059fe8;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(175,222,245,0.75) inset;
          box-shadow: 0px 0px 3px 0px rgba(175,222,245,0.75) inset;
}
.bottom-operate-btn .checked-icon.svg-checked-icon[data-v-770318f6]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: rotateSvgIcon-data-v-770318f6 1000ms infinite;
          animation: rotateSvgIcon-data-v-770318f6 1000ms infinite;
}
@-webkit-keyframes rotateSvgIcon-data-v-770318f6 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotateSvgIcon-data-v-770318f6 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.bottom-operate-btn .checked-icon i[data-v-770318f6] {
  color: #fff;
  font-size: 12px;
}
#arming-map .bottom-operate-btn.checked .checked-icon[data-v-770318f6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#arming-map .bottom-operate-btn.bottom-operate-right-btn[data-v-770318f6]{
  margin: 0 12px;
  background: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 8px !important;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16), 3px 3px 6px 0px #ffffff inset;
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16), 3px 3px 6px 0px #ffffff inset;
}
#arming-map .box-right-bottom-item .bottom-operate-btn[data-v-770318f6]:first-child{
  border-radius: 8px 0 0 8px;
}
#arming-map .box-right-bottom-item .bottom-operate-btn[data-v-770318f6]:last-child{
  border-radius: 0 8px 8px 0;
}
#arming-map .bottom-operate-text[data-v-770318f6] {
  color: #333;
  font-weight: 700;
  font-size: 14px;
}
/*视频模态框*/
#arming-map .video-info[data-v-770318f6]{
  width: 100%;
}
#arming-map .video-info .title[data-v-770318f6]{
  margin: 15px 0;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
#arming-map .video-info .title span[data-v-770318f6],
#arming-map .video-info .title>div[data-v-770318f6]{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#arming-map .video-info .title span.device-name[data-v-770318f6]{
  max-width:330px;
}
#arming-map .video-info .title span.map-name[data-v-770318f6]{
  max-width: 135px;
  cursor: pointer;
}
#arming-map .video-info .video-info-item[data-v-770318f6]{
  display: inline-block;
  margin-top: 5px;
  width: 340px;
}
#arming-map .circle-shape-tag[data-v-770318f6]{
  display: inline-block;
  padding: 0 11px;
  margin: 4px 8px;
  margin-left: 8px;
  min-width: 52px;
  height: 22px;
  line-height: 19px;
  background: transparent;
  border: 1px solid #059fe8;
  color: #059fe8;
  text-align: center;
  border-radius: 10px;
  font-size: 14px;
}
.user-box-item[data-v-770318f6] {
  width: 78px;
  height: 78px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-left: 12px;
  cursor: pointer;
}
#arming-map .user-box-item[data-v-770318f6]:hover{
  background: #eff6f9;
  cursor: pointer;
}
.change-type-item[data-v-770318f6]{
  width: 126px;
  height: 78px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-left: 12px;
  cursor: pointer;
}
.change-type-item[data-v-770318f6]:hover{
  background: #eff6f9;
  cursor: pointer;
}
.change-type-item.disEdit[data-v-770318f6]{
  background: #dfdfdf;
}
.change-type-item.disEdit>i p[data-v-770318f6]{
  color: #dfdfdf;
}
.user-box[data-v-770318f6] {
  padding: 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-box-type[data-v-770318f6] {
  position: absolute;
  top: 130px;
  padding:  0 12px;
}
.change-type[data-v-770318f6]{
  position: absolute;
  top: 260px;
  padding:  0 8px;
}
.change-type p[data-v-770318f6] {
  color: #333;
  font-size: 12px;
}
.change-type i[data-v-770318f6] {
  margin-left: 45px;
}
.user-box-type p[data-v-770318f6] {
  color: #333;
  font-size: 12px;
}
.user-box-type i[data-v-770318f6] {
  margin-left: 15px;
}
.user-box-icon[data-v-770318f6] {
  margin-top: 10px;
  margin-left: 50px;
  display: none;
}
.user-box-icon .step-node[data-v-770318f6] {
  width: 16px;
  height: 16px;
  line-height: 16px
}
.user-box-item.active[data-v-770318f6] {
  color: #05aee8;
  border: 2px solid #05aee8;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.16);
          box-shadow: 0px 3px 6px 0px rgba(5,154,232,0.16);
}
.user-box-type.active .user-box-type[data-v-770318f6] {
  color: #05aee8;
}
.user-box-item.active .user-box-icon[data-v-770318f6] {
  display: block;
}
.tip-box[data-v-770318f6]{
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
.under-line[data-v-770318f6]{
  width: 265px;
  height: 1px;
  background: #dfdfdf;
}
.status-child svg[data-v-770318f6]{
  width: 24px;
  height: 24px;
}
/* By Pass */
.staus-item-box[data-v-770318f6]{
  padding: 0 24px 16px;
  font-size: 0;
}
.staus-item[data-v-770318f6]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px;
  margin-right: 16px;
  min-width: 85px;
  height: 35px;
  background: transparent;
  border-radius: 18px;
  font-size: 14px;
  border: 1px solid #707070;
  cursor: pointer;
}
.staus-item.active[data-v-770318f6]{
  background: #05aee8;
  color: #fff;
  border-color: #05aee8;
}
.pass-zone-list[data-v-770318f6]{
  padding: 0 24px;
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.access-zone-item[data-v-770318f6]{
  margin-bottom: 16px;
  height: 205px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.access-zone-top[data-v-770318f6]{
  position: relative;
  padding: 0 152px 0 16px;
  height: 157px;
  border-bottom: 1px solid #dfdfdf;
  background-color: #F2F7FC;
}
.access-zone-name[data-v-770318f6]{
  padding-top: 8px;
  font-size: 20px;
}
.zone-field[data-v-770318f6]{
  min-height: 32px;
  line-height: 32px;
  white-space: nowrap;
}
.zone-field-name[data-v-770318f6]{
  display: inline-block;
  vertical-align: middle;
  width: 72px;
  color: #999;
}
.zone-field-content[data-v-770318f6]{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 72px);
}
.zone-item-right[data-v-770318f6]{
  position: absolute;
  right: 13px;
  top: 13px;
  width: 121px;
  height: 100%;
  text-align: right;
}
.zone-map-box[data-v-770318f6]{
  position: relative;
  margin-top: 16px;
  width: 121px;
  height: 81px;
  border: 1px solid #ddd;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.access-zone-bottom[data-v-770318f6]{
  padding: 12px 16px;
  height: 48px;
  font-size: 0;
}
.zone-device-icon[data-v-770318f6]{
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  color: #1E4D6D;
  text-align: center;
  line-height: 24px;
  font-size: 24px;
}
.abnormal-equipment-tips[data-v-770318f6]{
  margin-bottom: 16px;
  font-size: 16px;
  color: #000;
}
/* ***********************手动Output************************** */
.output-board-swapper .output-board-name[data-v-770318f6]{
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.output-board-swapper:first-child .output-board-name[data-v-770318f6]{
  margin-top: 0;
}
.output-board-swapper .output-port-box[data-v-770318f6]{
  border: 1px solid #DFDFDF;
}
.output-board-swapper .output-port-box .output-port-swapper[data-v-770318f6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-top: 1px solid #DFDFDF;
}
.output-board-swapper .output-port-box .output-port-swapper[data-v-770318f6]:first-child{
  border-top: 0;
}
.output-board-swapper .output-port-content[data-v-770318f6]{
  overflow: hidden;
}
.output-board-swapper .output-name[data-v-770318f6]{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.output-board-swapper .output-condition[data-v-770318f6]{
  display: block;
  font-size: 14px;
  color: #333;
}
.output-board-swapper .port-switch[data-v-770318f6]{
  display: inline-block;
  min-width: 32px;
  margin-left: 8px;
}
.no-map-box[data-v-770318f6]{
 padding: 25px;
 text-align: center;
}

#park-dashboard[data-v-74c6a472] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eee;
}
#park-dashboard .dashboard-left[data-v-74c6a472] {
  width: 100%;
  height: 100%;
  padding: 16px;
}
#park-dashboard .dashboard-right[data-v-74c6a472] {
  width: 566px;
  height: 100%;
  padding: 16px 16px 16px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#park-dashboard .module-title[data-v-74c6a472] {
  font-size: 18px;
  font-weight: 700;
  color: #393939;
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 8px;
}

/***********Barrier Gate Operations************/
.gate-operations[data-v-74c6a472] {
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 8px;
  position: relative;
}
.gate-operations .gate-operations-title[data-v-74c6a472] {
  font-size: 18px;
  font-weight: 700;
  color: #393939;
}
.gate-operations .top-right[data-v-74c6a472] {
  position: absolute;
  right: 0;
  top: 10px;
}
.gate-operations .top-right .gate-filter-tab[data-v-74c6a472] {
  position: relative;
  margin-right: 16px;
  display: inline-block;
}
.gate-operations .top-right .title[data-v-74c6a472] {
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.gate-operations .top-right .title[data-v-74c6a472]:hover {
  color: #059AE8;
}
.gate-operations .top-right .expand-icon[data-v-74c6a472] {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 200ms;
  transition: 200ms;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
}
.gate-operations .top-right .gate-filter-tab.expand .expand-icon[data-v-74c6a472] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.gate-operations .top-right .select-panel[data-v-74c6a472] {
  position: absolute;
  right: 0;
  top: 28px;
  padding: 16px 24px;
  width: 400px;
  max-height: 348px;
  line-height: 28px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  z-index: 2;
  overflow-y: auto;
}
.barrier-gate-box[data-v-74c6a472] {
  width: 100%;
  height: 93%;
  overflow-y: auto;
  overflow-x: hidden;
}
.barrier-gate-item[data-v-74c6a472] {
  width: 100%;
  height: 40%;
  /* border: 1px solid #dfdfdf; */
  border-radius: 8px;
  margin-right: 2px;
  background-color: #ffffff;
}
.gate-name[data-v-74c6a472] {
  font-size: 18px;
  font-weight: 700;
  color: #393939;
}
.status-child i[data-v-74c6a472] {
  font-size: 20px;
}
.gate-item-top[data-v-74c6a472] {
  height: 273px;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  padding: 16px;
  border-radius: 8px 8px 0px 0px;
}
.gate-switch[data-v-74c6a472] {
  position: absolute;
  top: 16px;
  right: 16px;
}
.barrier-gate-light[data-v-74c6a472] {
  position: relative;
  right: -98px;
  top: 8px;
}
.barrier-gate-pole.track[data-v-74c6a472] {
  -webkit-transform: rotate(-36deg);
          transform: rotate(-36deg);
}
.barrier-gate-pole[data-v-74c6a472] {
  width: 199px;
  height: 30px;
  position: relative;
  right: -109px;
  top: 120px;
  -webkit-transform-origin: left;
          transform-origin: left;
  /*设置旋转的中心点为最左边*/
  -webkit-transition: all 1s;
  transition: all 1s;
}
.barrier-gate-pedestal[data-v-74c6a472] {
  width: 600px;
  height: 255px;
}
.gate-item-bottom[data-v-74c6a472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 145px;
}
.item-bottom-left[data-v-74c6a472] {
  padding: 16px;
  width: 48%;
  border-right: 1px solid #dfdfdf;
}
.item-bottom-right[data-v-74c6a472] {
  width: 50%;
  padding: 16px 12px;
}
.bottom-operation-box[data-v-74c6a472] {
  font-size: 16px;
  font-weight: 700;
  color: #4d75a8;
}
.bottom-operation-box i[data-v-74c6a472] {
  color: #4d75a8;
  font-size: 20px;
}
.bottom-operation-box span[data-v-74c6a472] {
  margin-left: 10px;
}
.change-type-item[data-v-74c6a472] {
  width: 78px;
  height: 78px;
  background: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-left: 12px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16), 3px 3px 6px 0px #ffffff inset;
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16), 3px 3px 6px 0px #ffffff inset;
}
.gate-item-img[data-v-74c6a472] {
  margin-left: 36px;
}
.change-type-item[data-v-74c6a472]:hover {
  background: #eff6f9;
  cursor: pointer;
}
.change-type-item.disEdit[data-v-74c6a472] {
  background: #f5f5f5;
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0
}
.change-type-box[data-v-74c6a472] {
  padding: 6px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.change-type[data-v-74c6a472] {
  padding: 8px 16px;
}
.change-type p[data-v-74c6a472] {
  color: #333;
  font-size: 12px;
  font-weight: 700;
}
.change-type i[data-v-74c6a472] {
  margin-left: 12px;
}
.user-box-item[data-v-74c6a472]:hover {
  background: #eff6f9;
  cursor: pointer;
}
.user-box-item.active[data-v-74c6a472] {
  background: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 8px !important;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16), 3px 3px 6px 0px #ffffff inset;
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16), 3px 3px 6px 0px #ffffff inset;
}
.user-box-item.active .user-box-icon[data-v-74c6a472] {
  display: block;
}
.user-box-icon[data-v-74c6a472] {
  margin-top: 4px;
  margin-left: 45px;
  display: none;
}
.user-box-icon .step-node[data-v-74c6a472] {
  width: 16px;
  height: 16px;
  line-height: 16px
}
.user-box-type p[data-v-74c6a472] {
  color: #333;
  font-size: 12px;
  font-weight: 700;
}
.user-box-type i[data-v-74c6a472] {
  margin-left: 15px;
}
.user-box-type[data-v-74c6a472] {
  padding: 0 8px;
  position: absolute;
  top: 12px;
}
.user-box[data-v-74c6a472] {
  padding: 6px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-box-item[data-v-74c6a472] {
  height: 78px;
  background: #f0f5f7;
  cursor: pointer;
  position: relative;
  width: 78px;
}
.barrier-gate-ul[data-v-74c6a472] {
  margin: 0 -8px;
  padding-top: 8px;
  font-size: 0;
}
.barrier-gate-ul .utm-arrange-item[data-v-74c6a472] {
  display: inline-block;
  margin-bottom: 16px;
}

/***********Barrier Gate Operations************/

/***********Main Parking Enrance And Exit******/
.dashboard-right .park-check[data-v-74c6a472] {
  position: relative;
  padding: 0px 0px 16px;
  width: 100%;
  height: 306px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-bottom: 16px;
}
.dashboard-right .dashboard-right-btn[data-v-74c6a472] {
  position: absolute;
  right: 16px;
  top: 7px;
}
.dashboard-right .module-chart-box[data-v-74c6a472] {
  position: relative;
  vertical-align: top;
  margin: 4px 16px;
  height: 234px;
  border-radius: 8px;
  border: 1px solid #dddddd;
}
.module-chart-box .no-data-child-box[data-v-74c6a472] {
  padding: 16px;
  height: calc(100% - 44px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #059FE8;
  text-align: center;
}
.dashboard-right .module-chart-header[data-v-74c6a472] {
  position: relative;
  padding: 2px 10px;
  height: 44px;
  width: 100%;
  line-height: 44px;
  border-bottom: 1px solid #dddddd;
  background: #effaff;
  border-radius: 8px 8px 0 0;
}
.dashboard-right .module-chart-header>span[data-v-74c6a472] {
  display: inline-block;
  vertical-align: top;
}
.dashboard-right .module-chart-header .title[data-v-74c6a472] {
  font-size: 18px;
  font-weight: 700;
}
.dashboard-right .module-chart-header .navigator[data-v-74c6a472] {
  position: absolute;
  right: 14px;
  top: 0;
  font-size: 24px;
  cursor: pointer;
}
.dashboard-right .chart-box[data-v-74c6a472] {
  width: 200px;
  height: calc(100% - 45px);
}
.dashboard-right .chart-right[data-v-74c6a472] {
  position: absolute;
  right: 0;
  top: 45px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 200px);
  min-width: 160px;
  height: 230px;
}
.dashboard-right .chart-right .line[data-v-74c6a472] {
  position: relative;
  width: 100%;
  height: 31px;
  line-height: 31px;
  font-size: 16px;
}
.dashboard-right .chart-right .line-key[data-v-74c6a472] {
  position: absolute;
  left: 0;
  top: 0;
  width: 125px;
  height: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  white-space: nowrap;
}
.dashboard-right .chart-right .line-key>span[data-v-74c6a472] {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-right .chart-right .line-key .point[data-v-74c6a472] {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.dashboard-right .chart-right .line-value[data-v-74c6a472] {
  display: inline-block;
  vertical-align: middle;
  margin-left: 128px;
  width: calc(100% - 128px);
  height: 100%;
  white-space: nowrap;
}

/***********Main Parking Enrance And Exit******/

/************Car Park Dynamic Notification*****/
.dashboard-right .park-notification[data-v-74c6a472] {
  width: 100%;
  height: calc(100% - 322px);
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}
.park-notification .query-box[data-v-74c6a472] {
  padding: 0 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.query-box .query-item[data-v-74c6a472] {
  width: 50%;
}
.park-notification .notify-list[data-v-74c6a472] {
  padding: 0 16px 16px;
  max-height: calc(100% - 120px);
  overflow-y: auto;
}
.notify-list .notify-option[data-v-74c6a472] {
  width: 100%;
  height: 112px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin-bottom: 16px;
}
.notify-option .option-left[data-v-74c6a472] {
  padding: 12px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notify-option .option-right[data-v-74c6a472] {
  width: 100%;
  padding-left: 16px;
}
.option-left .vehicle-mark[data-v-74c6a472] {
  width: 55px;
  height: 55px;
  background: #059fe8;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.option-left .vehicle-mark span[data-v-74c6a472] {
  width: 100%;
  height: 100%;
}
.vehicle-mark.registed-vehicle[data-v-74c6a472] {
  background-color: #00A052;
}
.content-top .notice-title[data-v-74c6a472] {
  font-size: 20px;
  cursor: pointer;
  font-weight: 700;
  color: #333;
}
.content-top .notice-title[data-v-74c6a472]:hover {
  color: #059fe8;
  text-decoration: underline;
}
.content-top .notice-time[data-v-74c6a472] {
  color: #999999;
  font-size: 14px;
  float: right;
  line-height: 30px;
}
.option-right .content-text[data-v-74c6a472] {
  color: #666666;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-text .vehicle-title[data-v-74c6a472] {
  font-weight: 700;
  color: #333;
}
#park-dashboard .abnormal-text[data-v-74c6a472] {
  margin-left: 8px;
}
#park-dashboard .abnormal-text i[data-v-74c6a472] {
  color: rgb(198, 28, 28);
  font-size: 20px;
}
.tip-icon[data-v-74c6a472] {
  color: #059fe8;
  font-size: 16px;
  font-weight: 400;
}
.check-icon[data-v-74c6a472] {
  font-size: 16px;
}

/************Car Park Dynamic Notification*****/

#monitoring-area[data-v-6c90743a] {
  background-color: #ebeff2;
  height: 100%;
}
.page-content[data-v-6c90743a] {
  padding: 0;
}
.sub-page-content[data-v-6c90743a] {
  height: 100%;
  background-color: #fff;
  overflow: auto;
}
.no-chart[data-v-6c90743a] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #059fe8;
}


/*设置*/
.more-setting[data-v-6c90743a] {
  padding-top: 0px;
  line-height: 40px;
  border-top: 1px solid #dfdfdf;
}
.more-setting .expand-icon[data-v-6c90743a] {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.more-setting .expand-icon.expand[data-v-6c90743a] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}


/* chart box*/
#monitoring-area .module-box[data-v-6c90743a] {
  width: 100%;
  padding: 0px 16px;
}
#monitoring-area .module-box.traffic-module-box[data-v-6c90743a] {
  position: relative;
  min-height: 500px;
  height: calc(100% - 360px);
}
#monitoring-area .module-box .module-child-box[data-v-6c90743a] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 100%;
  height: 280px;
  border-radius: 8px;
  border: 1px solid #dddddd;
}
#monitoring-area .module-box .module-child-box.no-data-child-box[data-v-6c90743a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #059fe8;
}
#monitoring-area .module-box.module-box1 .module-child-box[data-v-6c90743a] {
  max-width: 98%;
}
#monitoring-area .module-box.module-box2 .module-child-box[data-v-6c90743a] {
  max-width: 48%;
}
#monitoring-area .module-box.module-box3 .module-child-box[data-v-6c90743a] {
  max-width: 32%;
}
#monitoring-area .module-box.module-box4 .module-child-box[data-v-6c90743a] {
  max-width: 24%;
}


/* chart*/
#monitoring-area .no-data-child-box[data-v-6c90743a] {
  padding: 16px;
  height: calc(100% - 44px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #059fe8;
  text-align: center;
}
#monitoring-area .module-child-header[data-v-6c90743a] {
  position: relative;
  padding: 2px 10px;
  height: 44px;
  width: 100%;
  line-height: 44px;
  border-bottom: 1px solid #dddddd;
  background: #effaff;
  border-radius: 8px 8px 0 0;
}
#monitoring-area .module-child-header>span[data-v-6c90743a] {
  display: inline-block;
  vertical-align: top;
}
#monitoring-area .module-child-header .disabled-btn[data-v-6c90743a] {
  color: #b4b4b4;
}
#monitoring-area .module-child-header .title[data-v-6c90743a] {
  width: calc(100% - 94px);
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .module-child-header .operate[data-v-6c90743a] {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 16px;
  cursor: pointer;
}
#monitoring-area .module-child-header .operate .utm-font[data-v-6c90743a] {
  margin: 0 2px;
  font-size: 24px;
}
#monitoring-area .chart-box[data-v-6c90743a] {
  width: 220px;
  height: 210px;
}
#monitoring-area .chart-right[data-v-6c90743a] {
  position: absolute;
  right: 0;
  top: 45px;
  padding: 16px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 220px);
  height: 210px;
}
#monitoring-area .chart-right .line[data-v-6c90743a] {
  position: relative;
  width: 100%;
  height: 31px;
  line-height: 31px;
  font-size: 16px;
}
#monitoring-area .chart-right .line-key[data-v-6c90743a] {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 100%;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
}
#monitoring-area .chart-right .line-key>span[data-v-6c90743a] {
  display: inline-block;
  vertical-align: middle;
}
#monitoring-area .chart-right .line-key .point[data-v-6c90743a] {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
#monitoring-area .chart-right .line-value[data-v-6c90743a] {
  display: inline-block;
  vertical-align: middle;
  margin-left: 135px;
  width: calc(100% - 135px);
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .substance-right .selected-list .selected-site-item[data-v-6c90743a] {
  cursor: pointer;
}
#monitoring-area .substance-right .selected-list .expand-icon[data-v-6c90743a] {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 200ms;
  transition: 200ms;
}
#monitoring-area .substance-right .selected-list .expand-icon.expand[data-v-6c90743a] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#monitoring-area .substance-right .selected-list .selected-child-item[data-v-6c90743a] {
  padding: 4px 0px 4px 32px;
}

#monitoring-area[data-v-f1442846]{
  background-color: #ebeff2;
  height: 100%;
}
.page-content[data-v-f1442846]{
  padding: 0;
}
.sub-page-content[data-v-f1442846]{
  height: 100%;
  background-color: #fff;
}
#monitoring-area .utm-page-inquire[data-v-f1442846]{
  height: 72px;
  border-bottom: 1px solid #eee;
}
.utm-page-inquire .item[data-v-f1442846]{
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.utm-page-inquire .line[data-v-f1442846]{
  width: 1px;
  height: 40px;
  background: #dfdfdf;
}
.utm-page-inquire .utm-btn[data-v-f1442846]{
  vertical-align: middle;
}

/* *****************************楼栋分组的样式********************************** */
.building-swapper[data-v-f1442846]{
  margin: 16px 8px 0;
}
.building-swapper li[data-v-f1442846]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 0 24px;
  margin: 0 8px;
  border-radius: 16px;
  background: rgba(245,247,250,1);
  color: #333;
  cursor: pointer;
}
.building-swapper li.active[data-v-f1442846]{
  background: var(--main-color);
  color: #fff;
}

/* *****************************************统计图模块的样式********************************* */
.chart-content[data-v-f1442846]{
  height: calc(100% - 120px);
  overflow: auto;
}
.chart-content.chart-content-big[data-v-f1442846]{
  height: calc(100% - 72px);
}
.no-chart[data-v-f1442846]{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main-color);
}

/*设置*/
.more-setting[data-v-f1442846]{
  padding-top: 0px;
  line-height: 40px;
  border-top:1px solid #dfdfdf;
}
.more-setting .expand-icon[data-v-f1442846]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.more-setting .expand-icon.expand[data-v-f1442846]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-control-label[data-v-f1442846]{
  width: 180px;
}
.utm-controls[data-v-f1442846]{
  margin-left: 180px;
}
.site-check-box[data-v-f1442846]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-f1442846]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-f1442846] {
  font-size: 14px;
}
.site-check-box hr[data-v-f1442846]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}

/* chart box*/
#monitoring-area .module-box[data-v-f1442846]{
  width: 100%;
  padding: 16px 16px 8px;
}
#monitoring-area .module-box.traffic-module-box[data-v-f1442846]{
  position: relative;
  min-height: 500px;
  height: calc( 100% - 360px );
}
#monitoring-area .module-box .module-child-box[data-v-f1442846]{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 100%;
  height: 330px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}
#monitoring-area .module-box .module-child-box.no-data-child-box[data-v-f1442846]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #059FE8;
}
#monitoring-area .module-box.module-box1 .module-child-box[data-v-f1442846]{
  max-width: 98%;
}
#monitoring-area .module-box.module-box2 .module-child-box[data-v-f1442846]{
  max-width: 48%;
}
#monitoring-area .module-box.module-box3 .module-child-box[data-v-f1442846]{
  max-width: 32%;
}
#monitoring-area .module-box.module-box4 .module-child-box[data-v-f1442846]{
  max-width: 24%;
}

/* chart*/
#monitoring-area .no-data-child-box[data-v-f1442846]{
  padding: 16px;
  height: calc( 100% - 44px );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main-color);
  text-align: center;
}
#monitoring-area .module-child-header[data-v-f1442846]{
  position: relative;
  padding: 2px 10px;
  height: 44px;
  width: 100%;
  line-height: 44px;
  background-color: rgba(0,94,184,.1);
  border-bottom: 1px solid #dddddd;
}
#monitoring-area .module-child-header>span[data-v-f1442846]{
  display: inline-block;
  vertical-align: top;
}
#monitoring-area .module-child-header .disabled-btn[data-v-f1442846]{
  color: #b4b4b4;
}
#monitoring-area .module-child-header .title[data-v-f1442846]{
  width: calc( 100% - 94px );
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .module-child-header .operate[data-v-f1442846]{
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 16px;
  cursor: pointer;
}
#monitoring-area .module-child-header .operate .utm-font[data-v-f1442846]{
  margin: 0 2px;
  font-size: 24px;
}
#monitoring-area .chart-box[data-v-f1442846]{
  width: 220px;
  height: 286px;
}
#monitoring-area .bulidng-name[data-v-f1442846]{
  position: absolute;
  top: 60px;
  left: 24px;
  width: 196px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .chart-right[data-v-f1442846]{
  position: absolute;
  right: 0;
  top: 45px;
  padding: 16px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc( 100% - 220px );
  height: 286px;
}
#monitoring-area .chart-right .line[data-v-f1442846]{
  position: relative;
  width: 100%;
  height: 31px;
  line-height: 31px;
  font-size: 16px;
}
#monitoring-area .chart-right .line-key[data-v-f1442846]{
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 100%;
  font-weight: 500;
  color: #222;
}
#monitoring-area .chart-right .line-key.pc-key[data-v-f1442846]{
  width: 140px;
}
#monitoring-area .chart-right .line-key>span[data-v-f1442846]{
  display: inline-block;
  vertical-align: middle;
}
#monitoring-area .chart-right .line-key .point[data-v-f1442846]{
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
#monitoring-area .chart-right .line-value[data-v-f1442846]{
  display: inline-block;
  vertical-align: middle;
  margin-left: 90px;
  width: calc( 100% - 80px);
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .chart-right .line-value.pc-value[data-v-f1442846]{
  margin-left: 140px;
  width: calc( 100% - 130px);
}
#monitoring-area .substance-right .selected-list .selected-site-item[data-v-f1442846]{
  cursor: pointer;
}
#monitoring-area .substance-right .selected-list .expand-icon[data-v-f1442846]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 200ms;
  transition: 200ms;
}
#monitoring-area .substance-right .selected-list .expand-icon.expand[data-v-f1442846]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#monitoring-area .substance-right .selected-list .selected-child-item[data-v-f1442846]{
  padding: 4px 0px 4px 32px;
}
.re-opening-tip[data-v-f1442846]{
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #8C8C8C;
  line-height: 40px;
}
.input-suffix[data-v-f1442846]{
  display: inline-block;
  margin-left: 8px;
  margin-right: 12px;
}
#monitoring-area .utm-modal.utm-scroll-content-modal .utm-modal-box[data-v-f1442846]{
  height: auto;
  max-height: calc( 100% - 100px);
}
#monitoring-area .utm-modal.utm-scroll-content-modal .utm-modal-body[data-v-f1442846]{
  height: auto;
  max-height: calc( 100% - 156px);
}
.edit-count-btn[data-v-f1442846]{
  position: absolute;
  right: 0;
  top: 3px;
}
.edit-count-modal[data-v-f1442846]{
  position: absolute;
  right: 0;
  top: 30px;
  width: 400px;
  padding: 16px;
  background: #feffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.edit-count-footer[data-v-f1442846]{
  float: right;
  margin-top: 24px;
}
.no-chart i[data-v-f1442846],
.no-data-child-box i[data-v-f1442846]{
  font-size: 50px;
  color: #B2CEEA;
}
.utm-multiple-check[data-v-f1442846] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-f1442846] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-f1442846] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-f1442846] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-f1442846]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-f1442846]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-f1442846]:hover,
.multiple-check-panel .check-option.active[data-v-f1442846] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-f1442846]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-f1442846] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-f1442846] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-f1442846] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-f1442846]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-f1442846]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-f1442846]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-f1442846] {
  margin: 8px;
}

/**************选择tag****************/
.tag-checked-box .checked-name[data-v-f1442846]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.schedule-details[data-v-f1442846]{
  color: #2172F6;
  margin-left: 12px;
  cursor: pointer;
}
.user-text[data-v-f1442846]{
  margin-left: 15px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.advance-point-box[data-v-f1442846]{
  background: #EEF9FF;
  border-radius: 4px;
  padding: 16px 24px;
  margin-top: 16px;
}
.check-substance-box[data-v-f1442846]{
  background-color: #fff;
}
.point-box-title[data-v-f1442846] {
  margin-bottom: 12px;
  font-weight: 400;
}
#enclosed-area .chart-right .line-key[data-v-f1442846]{
  width: 132px;
  font-weight: 700;
}
#enclosed-area .chart-right .line-value[data-v-f1442846]{
  margin-left: 142px;
  width: calc( 100% - 142px);
}
.edit-count-btn[data-v-f1442846]{
  position: absolute;
  right: 0;
  top: 3px;
}
.edit-count-modal[data-v-f1442846]{
  position: absolute;
  right: 0;
  top: 30px;
  width: 400px;
  padding: 16px;
  background: #feffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.edit-count-footer[data-v-f1442846]{
  float: right;
  margin-top: 24px;
}

#track-map[data-v-8c8eeb66]{
  padding: 0 12px;
  height: 100%;
  background-color: #EBEFF2;
}
[data-v-8c8eeb66].addTagList .utm-tag-panel .tag-lists{
  overflow-y: auto !important;
}
#track-map .utm-blue-cl[data-v-8c8eeb66]{
  color: var(--main-color);
}
#track-map .utm-box[data-v-8c8eeb66]{
  margin-top: 12px;
  height: calc(100% - 188px);
}
#track-map .utm-box-left[data-v-8c8eeb66],
#track-map .utm-box-right[data-v-8c8eeb66] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  border-radius: 8px;
}
#track-map .utm-box-left[data-v-8c8eeb66] {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ebeff2;
  width: calc(100% - 566px);
  margin-right: 0px;
}
#track-map .utm-box-right[data-v-8c8eeb66] {
  position: relative;
  padding: 16px;
  padding-right: 0;
  width: 554px;
  height: 100%;
  border-radius: 8px;
  overflow-y: hidden;
  margin-left: 12px;
}
/*左侧查询部分*/
.top[data-v-8c8eeb66] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 162px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.tab-box[data-v-8c8eeb66]{
  width: 200px;
  min-width: 20px;
  font-size: 18px;
  background: rgba(var(--main-color-rgb), 0.1);
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
.top-small .tab-box[data-v-8c8eeb66] {
  width: calc((100% - 900px) / 2);
}
.top-mini .tab-box[data-v-8c8eeb66] {
  width: calc((100% - 716px) / 2);
}
.tab-item[data-v-8c8eeb66]{
  position: relative;
  height: 54px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
}
.tab-item.active[data-v-8c8eeb66]{
  background-color: #fff;
  color: var(--main-color);
  font-weight: 600;
}
.tab-item.active[data-v-8c8eeb66]:before{
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 3px;
  height: 32px;
  background: var(--main-color);
}
.top-content[data-v-8c8eeb66] {
  position: relative;
  width: calc(100% - 320px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 16px;
  border-radius: 0 0 7px 7px;
  white-space: nowrap;
}
.top-small .top-content[data-v-8c8eeb66] {
  width: 900px;
}
.top-mini .top-content[data-v-8c8eeb66] {
  width: 716px;
  max-width: calc(100% - 80px);
}
.top-content .utm-is-danger[data-v-8c8eeb66] {
  margin-top: -16px;
  height: 32px;
  line-height: 32px;
}
.top-content .top-content-left[data-v-8c8eeb66]{
  display: block;
  width: 500px;
  min-width: 460px;
}
.top-small .top-content .top-content-left[data-v-8c8eeb66]{
  width: 460px;
}
.top-mini .top-content .top-content-left[data-v-8c8eeb66] {
  width: 40%;
  min-width: unset;
}
.top #username[data-v-8c8eeb66],
.top #card[data-v-8c8eeb66],
.top #username2[data-v-8c8eeb66],
.top #card2[data-v-8c8eeb66] {
  height: 40px;
}
.input-control[data-v-8c8eeb66] {
  margin-bottom: 8px;
  width: 100%;
}
.input-control.input-control-short[data-v-8c8eeb66] {
  width: 37%;
}
.input-control.input-control-short2[data-v-8c8eeb66] {
  margin-left: 12px;
  width: calc(63% - 12px);
}
.top-content .upload-face-box[data-v-8c8eeb66]{
  padding: 16px;
  width: 100%;
  height: 100%;
  background: #f0f5f7;
  border-radius: 4px;
  text-align: center;
  white-space: normal;
  color: #666666;
  font-size: 12px;
}
.top-content .upload-face-box.uploaded[data-v-8c8eeb66]{
  text-align: left;
  font-size: 0;
}
.top-content .upload-btn[data-v-8c8eeb66] {
  margin-top: 24px;
  margin-bottom: 8px;
  display: inline-block;
  cursor: pointer;
  color: var(--main-color);
  font-size: 16px;
  font-weight: 700;
}
.top-content .upload-btn i[data-v-8c8eeb66]{
  color: var(--main-color);
  font-size: 16px;
}
.top-content .user-face-box[data-v-8c8eeb66] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 76px;
  height: 98px;
}
.top-content .user-face-box img[data-v-8c8eeb66]{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.top-content .user-face-box .add-hinter[data-v-8c8eeb66],
.top-content .user-face-box .delete-icon[data-v-8c8eeb66] {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.top-content .user-face-box .delete-icon[data-v-8c8eeb66]{
  right: -7px;
  top: -7px;
  left: unset;
  bottom: unset;
  width: 14px;
  height: 14px;
  line-height: 14px;
  border-radius: 7px;
  background: #b4b4b4;
}
.top-content .user-face-box:hover .add-hinter[data-v-8c8eeb66],
.top-content .user-face-box:hover .delete-icon[data-v-8c8eeb66] {
  display: block;
}
.top-content .user-face-box .upload-cover[data-v-8c8eeb66]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 98px;
  background: rgba(0,0,0,0.6);
  border-radius: 4px;
  z-index: 2;
}
.top-content .user-face-box .upload-cover .ivu-icon[data-v-8c8eeb66]{
  color: #fff;
  font-size: 18px;
  -webkit-animation: loadingRotate-data-v-8c8eeb66 1s infinite;
          animation: loadingRotate-data-v-8c8eeb66 1s infinite;
}
@-webkit-keyframes loadingRotate-data-v-8c8eeb66{
from{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loadingRotate-data-v-8c8eeb66{
from{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.top-content .user-face-result[data-v-8c8eeb66]{
  padding-left: 12px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 76px);
  height: 100%;
  font-size: 14px;
}
.top-content .face-result-text[data-v-8c8eeb66]{
  margin-bottom: 8px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.top-content .face-result-text.error-status-text[data-v-8c8eeb66],
.top-content .face-result-text.error-status-text i[data-v-8c8eeb66]{
  color: #F66F6A;
}
.top-userinfo-box[data-v-8c8eeb66]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.top-userinfo[data-v-8c8eeb66] {
  padding: 5px;
  height: 82px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #f0f5f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 14px;
}
.top-userinfo.top-tip-userinfo[data-v-8c8eeb66] {
  margin-bottom: 12px;
  cursor: pointer;
  border: 1px solid #f0f5f7;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.top-userinfo.top-tip-userinfo[data-v-8c8eeb66]:hover{
  border: 1px solid #009AD9;
}
.top-userinfo .empty-text[data-v-8c8eeb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #858585;
  text-align: center;
}
.top-userinfo .user-face[data-v-8c8eeb66],
.top-userinfo .user-face img[data-v-8c8eeb66] {
  position: relative;
  height: 72px;
  width: 55px;
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-userinfo .user-details[data-v-8c8eeb66]{
  padding-left: 12px;
  width: calc(100% - 55px);
  white-space: nowrap;
  word-break: break-word;
}
.top-userinfo .user-details .user-detail-item[data-v-8c8eeb66] {
  position: relative;
  margin-bottom: 5px;
  width: 100%;
  font-size: 14px;
  color: #333333;
  font-weight: 700;
  line-height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-userinfo .user-details .user-detail-item[data-v-8c8eeb66]:last-child,
.top-userinfo .user-details .user-detail-item:last-child>span[data-v-8c8eeb66]:last-child {
  margin-bottom: 0;
  overflow: visible !important;
}
.top-userinfo .user-details .tag-content[data-v-8c8eeb66]{
  display: inline-block;
  width: 100%;
}
.top-userinfo .user-details .tag-content .utm-circle-tag[data-v-8c8eeb66] {
  margin-top: 0;
  margin-bottom: 0;
  max-width: calc(100% - 94px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-userinfo .user-details .user-detail-item>span[data-v-8c8eeb66] {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-userinfo .user-details .user-detail-item>span[data-v-8c8eeb66]:nth-child(2) {
  max-width: calc(100% - 58px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-userinfo .user-details .user-detail-item.more-card-user-detail-item > span[data-v-8c8eeb66]:nth-child(1)  {
  max-width: 50px;
  overflow: visible;
}
.top-userinfo .user-details .user-detail-item.more-card-user-detail-item > span[data-v-8c8eeb66]:nth-child(2)  {
  width: calc(100% - 265px);
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.user-validity-tooltip[data-v-8c8eeb66] {
  position: absolute;
  right: 6px;
  text-align: right;
  top: 0px;
}
.user-validity-tooltip:hover > .user_validity_content[data-v-8c8eeb66]{
  display: block;
}
.user_validity_content[data-v-8c8eeb66]{
  display: none;
  position: absolute;
  right: 6px;
  top: 14px;
}
.user-validity[data-v-8c8eeb66] {
  color: #666666;
  font-weight: 400;
  text-align: right;
  font-size: 12px;
}
.user-hover-validaity[data-v-8c8eeb66] {
  color: var(--main-color);
  cursor: pointer;
  font-weight: 400;
  text-align: right;
  font-size: 12px;
}
.top-userinfo .user-detail-item .utm-font[data-v-8c8eeb66] {
  font-weight: 400;
  font-size: 20px;
  vertical-align: middle;
}
.top-userinfo-right[data-v-8c8eeb66]{
  margin-left: 8px;
  width: 67px;
  height: 82px;
  background: #f0f5f7;
  border-radius: 4px;
}
.top-userinfo-right-inner[data-v-8c8eeb66] {
  padding: 20px 0;
  width: 67px;
  height: 82px;
  color: var(--main-color);
  cursor: pointer;
  text-align: center;
}
.top-userinfo-right-inner .dot[data-v-8c8eeb66]{
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #009ad9;
}
/*右侧输入*/
.top-content .top-content-right[data-v-8c8eeb66]{
  padding-left: 16px;
  max-width: 780px;
  width: calc(100% - 500px);
  font-size: 0;
}
.top-small .top-content .top-content-right[data-v-8c8eeb66] {
  width: calc(100% - 460px);
}
.top-mini .top-content .top-content-right[data-v-8c8eeb66] {
  width: 60%;
}
.top-content .top-content-right > .utm-control-group[data-v-8c8eeb66]{
  position: relative;
  padding-right: 176px;
}
.top-mini .top-content .top-content-right > .utm-control-group[data-v-8c8eeb66]{
  padding-right: calc(30% + 16px);
}
.top-content .top-content-right .select-timezone[data-v-8c8eeb66] {
  position: absolute;
  padding-left: 8px;
  right: 0;
  width: calc(24% + 8px);
  height: 40px;
  border-left: 1px solid #dfdfdf;
}
.top-mini .top-content .top-content-right .select-timezone[data-v-8c8eeb66] {
  width: calc(30% + 8px);
}
/* 选择查询的类型 */
.top-content .track-type-box[data-v-8c8eeb66] {
  margin-bottom: 16px;
  height: 40px;
  white-space: nowrap;
}
.top-content .track-type-box .utm-select[data-v-8c8eeb66]{
  width: calc(100% - 176px);
}
.top-mini .top-content .track-type-box .utm-select[data-v-8c8eeb66]{
  width: calc(100% - 56px);
}
.top-content .track-type-box .divide-line[data-v-8c8eeb66] {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
  width: 1px;
  height: 40px;
  background-color: #dfdfdf;
}
.top-content .track-type-box .watch-window-btn[data-v-8c8eeb66] {
  position: relative;
  width: 160px;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  color: #333;
  overflow: hidden;
  vertical-align: middle;
}
.top-mini .top-content .track-type-box .watch-window-btn[data-v-8c8eeb66] {
  padding: 0;
  min-width: unset;
  width: 40px;
}
.top-content .track-type-box .watch-window-btn.active[data-v-8c8eeb66] {
  background-color: #fff;
  vertical-align: middle;
  border: 1px solid #f66f6a;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(246,111,106,0.50);
          box-shadow: 0px 3px 6px 0px rgba(246,111,106,0.50);
  color: #F66F6A;
}
.top-mini .top-content .track-type-box .watch-window-btn .btn-text[data-v-8c8eeb66] { /*小屏隐藏按钮文本*/
  display: none;
}
.top-content .track-type-box .watch-window-btn.active .utm-font[data-v-8c8eeb66] {
  color: #F66F6A;
}
.top-mini .top-content .track-type-box .watch-window-btn .utm-font[data-v-8c8eeb66] { /*小屏去除图标右边距*/
  margin-right: 0;
}
.top-content .track-type-box .btn-corner[data-v-8c8eeb66] {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 20px;
  height: 21px;
  background-color: #F66F6A;
  border-radius: 50%;
}
.top-content .track-type-box .btn-corner .utm-font.right-icon[data-v-8c8eeb66] {
  position: absolute;
  left: 2px;
  bottom: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}
.ivu-input-icon[data-v-8c8eeb66] {
  top: 13px;
  right: 5px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  border-radius: 7px;
  background-color: #666;
  color: #fff;
}
.ivu-input[data-v-8c8eeb66] {
  font-size: 16px;
}
.utm-check-group .ivu-checkbox-wrapper[data-v-8c8eeb66] {
  font-size: 14px;
}
/*日期输入*/
.top-content .utm-control-group[data-v-8c8eeb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.top-content .utm-control-group .ivu-select-dropdown[data-v-8c8eeb66] {
  top: 40px !important;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.top-content .utm-control-group .time-picker[data-v-8c8eeb66] {
  margin: 0;
  width: 256px;
}
.top-content .utm-control-group .to-text[data-v-8c8eeb66] {
  display: inline-block;
  margin: 0 8px;
  width: 34px;
  vertical-align: middle;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
}
.top .card-result[data-v-8c8eeb66] {
  margin-top: 10px;
  border-top: 1px solid #dfdfdf;
}
.top .card-title[data-v-8c8eeb66] {
  width: 100px;
  height: 40px;
  line-height: 45px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #393939;
}
.tracking-trace-btn[data-v-8c8eeb66] {
  display: block;
  padding: 0 8px;
  width: 120px;
  height: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  background: var(--main-color);
  border-radius: 4px;
  border: 0;
}
.top-small .tracking-trace-btn[data-v-8c8eeb66] {
  width: calc((100% - 900px) / 2);
}
.top-mini .tracking-trace-btn[data-v-8c8eeb66] {
  width: calc((100% - 716px) / 2);
}
.tracking-trace-btn .utm-font[data-v-8c8eeb66]{
  margin-right: 0;
  color: #fff !important;
}
/*左侧点位列表*/
.record-box[data-v-8c8eeb66] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  border-radius: 8px;
  position: relative;
  height: auto;
  min-height: 200px;
}
.record-header[data-v-8c8eeb66] {
  padding: 0px;
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-radius: 8px 8px 0 0;
  font-size: 0px;
  color: #393939;
  font-weight: 700;
  white-space: nowrap;
  background: #fff;
}
.record-tab-box .record-header[data-v-8c8eeb66] {
  border-bottom: 1px solid #eee;
}
.record-header>span[data-v-8c8eeb66] {
  display: inline-block;
  max-width: 50%;
  width: 199px;
  height: 100%;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.record-header .point-tab-item.full-width-tab-item[data-v-8c8eeb66] {
  width: 100%;
  color: #333;
  border-radius: 8px 8px 0 0;
  text-align: left;
  padding: 0 16px;
}
.record-header>span[data-v-8c8eeb66]:nth-child(1) {
  border-radius: 8px 0 0 0;
}
.record-header>span[data-v-8c8eeb66]:nth-child(2) {
  border-radius: 0 8px 0 0;
}
.record-header>span.active[data-v-8c8eeb66] {
  background-color: #fff;
  color: var(--main-color);
}
.record-tab-box .record-header>span.active[data-v-8c8eeb66] {
  border-bottom: 3px solid var(--main-color);
}
.sort-con[data-v-8c8eeb66] {
  position: relative;
  display: inline-block;
  top: -2px;
  right: 0;
  width: 20px;
  height: 40px;
  vertical-align: middle;
}
.sort-con .sort-btn-con[data-v-8c8eeb66] {
  position: absolute;
  left: 0;
  width: 18px;
  height: 7px;
  line-height: 7px;
  text-align: center;
  overflow: hidden;
}
.sort-con .sort-up[data-v-8c8eeb66] {
  top: 13px;
}
.sort-con .sort-down[data-v-8c8eeb66] {
  bottom: 13px;
}
.sort-con .sort-btn[data-v-8c8eeb66] {
  cursor: pointer;
  font-size: 18px;
  width: 18px;
  height: 6px;
  line-height: 6px;
  color: #B4B4B4;
}
.sort-con .sort-btn.active[data-v-8c8eeb66],
.sort-con .sort-btn.active[data-v-8c8eeb66] ::after {
  color: var(--main-color);
}
.sort-con .sort-btn[data-v-8c8eeb66]::after {
  display: block;
  width: 100%;
  height: 100%;
}
.no-point-data[data-v-8c8eeb66] {
  height: calc(100% - 48px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #7AC9F1;
  background: #fff;
  border-radius: 0 0 8px 8px;
}
#track-point-list[data-v-8c8eeb66] {
  padding: 8px;
  list-style-type: none;
  height: calc(100% - 120px);
  overflow: hidden;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
}
.record-box.record-tab-box #track-point-list[data-v-8c8eeb66]{
  border-radius: 0 8px 8px 8px;
}
#track-point-list .utm-scroll-list[data-v-8c8eeb66]{
  padding: 0 8px;
}
#track-point-list .record-list-item[data-v-8c8eeb66] {
  position: relative;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  line-height: 30px;
  cursor: pointer;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
#track-point-list .record-list-item[data-v-8c8eeb66]:hover,
#track-point-list .record-list-item.active[data-v-8c8eeb66] {
  border: 1px solid var(--main-color);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,154,217,0.20);
          box-shadow: 0px 3px 6px 0px rgba(0,154,217,0.20);
}
#track-point-list .record-list-item.active[data-v-8c8eeb66]{
  background: #E5F5FB;
}
#track-point-list .record-list-item .captured-photo[data-v-8c8eeb66] {
  position: relative;
  display: block;
  width: 60px;
  height: 78px;
}
#track-point-list .record-list-item .captured-photo .utm-font[data-v-8c8eeb66] {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
#track-point-list .record-list-item .captured-photo img[data-v-8c8eeb66] {
  width: 66px;
  height: 86px;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
#track-point-list .record-list-item .record-right[data-v-8c8eeb66] {
  position: relative;
  padding-left: 12px;
  width: calc(100% - 60px);
  height: 100%;
  font-size: 14px;
}
#track-point-list .record-list-item .record-right .new-tag[data-v-8c8eeb66] {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  background: #F94A54;
  border-radius: 9px;
  text-align: center;
}
#track-point-list .record-list-item .map-track-icon[data-v-8c8eeb66] {
  display: inline-block;
  vertical-align: sub;
  margin-left: 12px;
  width: 20px;
  height: 24px;
  font-size: 22px;
  color: var(--main-color);
  text-align: center;
}
#track-point-list .record-list-item .record-item[data-v-8c8eeb66] {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 12px;
  width: 100%;
  line-height: 1em;
  white-space: nowrap;
  color: #333;
  font-size: 14px;
}
#track-point-list .record-list-item .record-item-right-padding[data-v-8c8eeb66]{
  padding-right: 56px;
  overflow: visible;
}
#track-point-list .record-list-item .record-user-name[data-v-8c8eeb66]{
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 48%;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.1em;
}
#track-point-list .record-list-item .record-user-id[data-v-8c8eeb66]{
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 52%;
  color: #666;
  font-size: 16px;
  line-height: 1.1em;
}
#track-point-list .record-list-item .record-type[data-v-8c8eeb66]{
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
  height: 24px;
  line-height: 24px;
  opacity: 0.5;
  background: #dfdfdf;
  border-radius: 4px;
}
#track-point-list .record-list-item .record-type i[data-v-8c8eeb66]{
  color: #444;
  font-size: 16px;
}
#track-point-list .record-list-item .record-item-time[data-v-8c8eeb66]{
  max-width: calc(100% - 163px);
  display: inline-block;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
#track-point-list .record-list-item .point-operation[data-v-8c8eeb66] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 24px;
  text-align: right;
  font-size: 0;
}
#track-point-list .record-list-item.no-point-data .point-img[data-v-8c8eeb66] {
  margin-top: 40px;
}
.record-box .video-broadcast[data-v-8c8eeb66] {
  padding: 16px;
  height: 72px;
  width: 100%;
  background: #fff;
  border-radius: 0 0 8px 8px;
}
.record-box .video-broadcast .play-btn[data-v-8c8eeb66] {
  position: relative;
  display: block;
  margin: 0 auto;
  height: 40px;
  width: 421px;
  max-width: 100%;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 0;
  background: var(--main-color);
}
.record-box .video-broadcast .play-btn span[data-v-8c8eeb66] {
  vertical-align: middle;
}
/*右侧顶部*/
.no-map[data-v-8c8eeb66] {
  padding: 16px;
  width: 100%;
  height: calc(100% - 34px);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  font-size: 14px;
}
.map-right[data-v-8c8eeb66] {
  overflow: hidden;
  height: 100%;
  background: #fff;
  border-radius: 0 0 8px 8px;
}
.map-right .module-item[data-v-8c8eeb66] {
  padding-right: 16px;
  margin-bottom: 8px;
  position: relative;
}
.map-right .module-item .module-title[data-v-8c8eeb66] {
  position: relative;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
}
.map-right .module-item .operator-box[data-v-8c8eeb66] {
  position: absolute;
  right: 16px;
  top: 0;
  text-align: right;
}
.map-right .module-item #downPopTip .ivu-icon-ios-help-circle[data-v-8c8eeb66] {
  display: none;
}
.map-right .module-item #downPopTip .ivu-btn-primary[data-v-8c8eeb66] {
  background-color: white;
  border-color: white;
  width: 197px;
  height: 24px;
  font-size: 20px;
  font-family: Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #333333;
  margin-top: 15px;
}
.map-right .module-item #downPopTip .ivu-btn-text[data-v-8c8eeb66] {
  width: 197px;
  height: 24px;
  font-size: 20px;
  font-family: Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #333333;
  margin-top: 10px;
}
.map-right .module-item #downPopTip .ivu-btn-text span[data-v-8c8eeb66] {
  margin-left: -43px;
}
.map-right .module-item #downPopTip .ivu-btn-primary span[data-v-8c8eeb66] {
  margin-left: -43px;
}
.map-right .module-item #downPopTip .ivu-poptip-body[data-v-8c8eeb66] {
  display: none;
}
.map-right .module-item #downPopTip .ivu-poptip-inner[data-v-8c8eeb66] {
  width: 260px;
  height: 108px;
}
.map-right .module-item .reset-btn[data-v-8c8eeb66] {
  width: 40px;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f09538), to(#f06f37));
  background: linear-gradient(180deg, #f09538, #f06f37);
  border-radius: 8px;
  border: 0;
}
.map-right .module-item .download-btn[data-v-8c8eeb66] {
  width: 207px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #059ae8;
  border-radius: 4px;
  color: #059ae8;
  font-size: 20px;
  margin-left: 24px;
}
.map-right .module-item .download-btn .download-icon[data-v-8c8eeb66] {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -64px -6px;
}
.map-right .map-list-box[data-v-8c8eeb66]{
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 106px;
  white-space: nowrap;
}
.map-right .map-list-box-inner[data-v-8c8eeb66] {
  position: absolute;
  top: 0;
  min-width: 100%;
  white-space: nowrap;
  -webkit-transition: left 200ms;
  transition: left 200ms;
}
.map-right .map-list-box .map-list-cover[data-v-8c8eeb66] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 35px;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background: rgba(0,0,0,0.60);
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 20px;
}
.map-right .map-list-box .map-list-cover.map-list-last-cover[data-v-8c8eeb66] {
  left: 6px;
}
.map-right .map-list-box .map-list-cover.map-list-next-cover[data-v-8c8eeb66] {
  right: 6px;
}
.map-right .map-list-box .map-list-item[data-v-8c8eeb66] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 170px;
  height: 106px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.map-right .map-list-box .map-list-item-cover[data-v-8c8eeb66] {
  display: none;
  position: absolute;
  bottom: 6px;
  left: 6px;
  width: calc(100% - 12px);
  height: 30px;
  line-height: 30px;
  background: rgba(51, 51, 51, 0.80);
  border-radius: 0px 0px 4px 4px;
}
.map-right .map-list-box .map-list-item:hover .map-list-item-cover[data-v-8c8eeb66] {
  display: block;
}
.map-right .map-list-box .map-list-item-cover .text[data-v-8c8eeb66] {
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.map-right .map-list-box .map-list-item-cover .cover-tooltip[data-v-8c8eeb66] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map-right .map-list-box .map-list-item-inner[data-v-8c8eeb66] {
  margin: 4px;
  width: 160px;
  height: 96px;
  border: 1px solid #858585;
  border-radius: 4px;
  overflow: hidden;
}
.map-right .map-list-box .map-list-item-inner img[data-v-8c8eeb66] {
  -o-object-fit: cover;
  object-fit: cover;
}
.map-right .map-list-box .map-list-item.active[data-v-8c8eeb66],
.map-right .map-list-box .map-list-item-inner.active[data-v-8c8eeb66] {
  border: 1px solid var(--main-color);
}
.map-right .map-list-box .map-list-item img[data-v-8c8eeb66] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.map-right .right-title[data-v-8c8eeb66] {
  position: relative;
  margin-bottom: 16px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  color: #393939;
  line-height: 1em;
  font-size: 18px;
  font-weight: 700;
  z-index: 1;
}
.map-right .right-title .utm-font[data-v-8c8eeb66] {
  margin-right: 0;
  font-size: 20px;
  color: #393939;
}
/*右侧底部*/
.map-right .map-content-box[data-v-8c8eeb66] {
  display: inline-block;
  position: relative;
  border: 1px solid #ddd;
  width: calc(100% - 16px);
  height: calc(100% - 236px);
  min-width: 505px;
  overflow: hidden;
  background: #fff;
}
.map-right .map-content-box #map-draggable-containt[data-v-8c8eeb66] {
  position: relative;
  background: #fff;
  text-align: center;
  height: 100%;
  width: 100%;
}
.map-right .map-content-box .point-position[data-v-8c8eeb66] {
  position: absolute;
  cursor: pointer;
  display: block;
  margin-left: -19px;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  background-color: rgba(22, 174, 67, .2);
  z-index: 0;
}
.map-right .map-content-box .point-position[data-v-8c8eeb66]:hover {
  z-index: 1;
}
.map-right .map-content-box .point-position.active[data-v-8c8eeb66] {
  background-color: rgba(232, 149, 5, .2);
}
@-webkit-keyframes deviceBlink-data-v-8c8eeb66 {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}
@keyframes deviceBlink-data-v-8c8eeb66 {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
}
}
.map-right .map-content-box .point-position-inner[data-v-8c8eeb66] {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #16AE4D;
}
.map-right .map-content-box .point-position-inner .utm-font[data-v-8c8eeb66] {
  font-size: 20px;
}
.map-right .map-content-box .point-position-inner.active[data-v-8c8eeb66] {
  background: -webkit-gradient(linear, left top, left bottom, from(#e8b305), to(#e88d05));
  background: linear-gradient(180deg, #e8b305, #e88d05);
}
.map-right .map-content-box .point-position .selected-inner-ring[data-v-8c8eeb66] {
  border-radius: 50%/50%;
  display: inline-block;
  width: 33px;
  height: 13px;
  border: 2px solid #e82f05;
  opacity: 0;
  position: absolute;
  top: 35px;
  left: 6px;
}
.map-right .map-content-box .point-position .selected-outer-ring[data-v-8c8eeb66] {
  border-radius: 50%/50%;
  display: inline-block;
  width: 51px;
  height: 20px;
  border: 2px solid #f9bfb8;
  position: absolute;
  top: 35px;
  left: -2px;
  opacity: 0;
}
.map-right .map-content-box .point-position .access-times[data-v-8c8eeb66] {
  position: absolute;
  right: -4px;
  top: -4px;
  width: 20px;
  height: 20px;
  background: var(--main-color);
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  margin-left: 30px;
  color: #fff;
  z-index: 1;
}
.map-right .map-content-box .point-position .access-times span[data-v-8c8eeb66] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.map-right .map-content-box .point-position.active .access-times-anim[data-v-8c8eeb66] {
  content: '';
  position: absolute;
  left: -15px;
  top: -15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #E89505;
  z-index: 0;
  -webkit-animation: deviceBlink-data-v-8c8eeb66 1.4s infinite;
          animation: deviceBlink-data-v-8c8eeb66 1.4s infinite;
}
.map-right .map-content-box .point-position .cover[data-v-8c8eeb66]{
  position: relative;
  width: 38px;
  height: 38px;
  z-index: 1;
}
/*详情*/
.details-modal .face-photo[data-v-8c8eeb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.details-modal .face-photo img[data-v-8c8eeb66] {
  max-width: 88px;
  max-height: 104px;
  height: 135px;
  width: 105px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
}
.details-modal .face-photo p[data-v-8c8eeb66] {
  padding-top: 10px;
  font-size: 15px;
  text-align: center;
  color: #666;
}
.details-modal .utm-control-group[data-v-8c8eeb66] {
  margin-bottom: 0px;
}
.details-modal .utm-controls[data-v-8c8eeb66] {
  line-height: 40px;
}
/*modal*/
.controls-border[data-v-8c8eeb66] {
  width: 709px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 10px;
}
.controls-title[data-v-8c8eeb66] {
  padding-left: 2px;
  height: 40px;
  line-height: 40px;
}
.upload-box .upload-logo[data-v-8c8eeb66] {
  width: 120px;
  height: 120px;
  border: 1px solid rgba(109, 122, 132, 1);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin: 4px;
}
.user-search-option .ivu-auto-complete.ivu-select-dropdown[data-v-8c8eeb66] {
  max-height: 300px;
}
.user-search-option .ivu-input[data-v-8c8eeb66] {
  height: 40px;
  font-size: 16px;
}
/*视频*/
.video-info[data-v-8c8eeb66] {
  width: 100%;
}
.video-info .title[data-v-8c8eeb66] {
  margin: 15px 0;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.video-info .title span[data-v-8c8eeb66],
.video-info .title>div[data-v-8c8eeb66] {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.video-info .title span.device-name[data-v-8c8eeb66] {
  max-width: 192px;
}
.video-info .title span.map-name[data-v-8c8eeb66] {
  max-width: 135px;
  cursor: pointer;
}
.video-info .video-info-item[data-v-8c8eeb66] {
  display: inline-block;
  margin-top: 5px;
  width: 340px;
}
.video-info .video-buttons[data-v-8c8eeb66] {
  position: absolute;
  right: 0;
  top: 50px;
  min-width: 100px;
  max-width: 50%;
  min-height: 40px;
  cursor: pointer;
}
.video-info .video-buttons .video-camera-btn[data-v-8c8eeb66] {
  display: inline-block;
  margin-left: 12px;
  width: 40px;
  height: 40px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
}
.video-info .video-buttons .video-camera-btn.active[data-v-8c8eeb66] {
  border: 1px solid #059ae8;
  background: #effaff;
}
.video-info .video-buttons .video-camera-btn span[data-v-8c8eeb66] {
  font-size: 24px;
}
.video-modal .video-list-menu[data-v-8c8eeb66] {
  position: relative;
  height: 644px;
  border: 1px solid #e8e8e8;
}
.video-modal .video-list-menu .title[data-v-8c8eeb66] {
  padding: 10px 14px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-modal .point-name[data-v-8c8eeb66] {
  padding: 18px 0;
  width: calc(100% - 140px);
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-modal .point-detail-btn[data-v-8c8eeb66] {
  position: absolute;
  right: 7px;
  top: 62px;
  color: var(--main-color);
  cursor: pointer;
}
.video-list-menu .sort-con[data-v-8c8eeb66] {
  position: absolute;
  right: 10px;
  top: 3px;
}
.video-modal .video-items[data-v-8c8eeb66] {
  height: calc(100% - 44px);
  overflow-y: auto;
}
.video-modal .video-item[data-v-8c8eeb66] {
  padding: 0 14px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-modal .video-item .time-zone[data-v-8c8eeb66]{
  color: #999;
}
.video-modal .video-item.active[data-v-8c8eeb66] {
  background-color: var(--main-color);
  color: #fff;
}
.video-modal .video-item.active .time-zone[data-v-8c8eeb66] {
  color: #fff;
}
.utm-circle-tag.circle-shape-tag[data-v-8c8eeb66] {
  border-radius: 12px;
  height: 24px;
  line-height: 24px;
}
.utm-video.tracking-video[data-v-8c8eeb66]{
  height: 552px;
  width: 950px;
}
/* profile */
.photoBox[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
#track-map .particular-box-substance .access-visitorStr[data-v-8c8eeb66] {
    margin: 0;
}
.user_arrow[data-v-8c8eeb66]{
  position: relative;
  width: 100%;
  height: 14px;
}
.user_arrow[data-v-8c8eeb66]::after{
  content: "";
  top: 1px;
  display: block;
  border-width: 7px;
  border-style: solid;
  border-bottom-color: #FFF;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  position: absolute;
  right: 7px;
}
.flex-r-start-center[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-module-title[data-v-8c8eeb66] {
  margin-top: 8px;
  padding-left: 8px;
}
.other-option-box[data-v-8c8eeb66]{
  background-color: rgba(70, 76, 91, .9)!important;
  color: #fff !important;
  font-size: 14px;
  white-space: nowrap;
  word-break: keep-all;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-8c8eeb66] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-8c8eeb66]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-8c8eeb66]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-8c8eeb66]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-8c8eeb66]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-8c8eeb66]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-8c8eeb66] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-8c8eeb66]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-8c8eeb66]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-8c8eeb66] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-8c8eeb66]{
  width: 100%;
}
.box-trapezoid[data-v-8c8eeb66] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-8c8eeb66] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-8c8eeb66] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-8c8eeb66]{
  margin-bottom: 0;
}
.map-name-text[data-v-8c8eeb66]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-8c8eeb66]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-8c8eeb66]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-8c8eeb66] {
  display: inline-block;
}
.access-visitorStr p[data-v-8c8eeb66]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-8c8eeb66] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-8c8eeb66] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-8c8eeb66]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-8c8eeb66] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-8c8eeb66] {
  margin-top: 7px;
}
.visitor-specific[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-8c8eeb66] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-8c8eeb66]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-8c8eeb66]{
  position: relative;
}
.visitor-point-content[data-v-8c8eeb66]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-8c8eeb66] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-8c8eeb66] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-8c8eeb66] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-8c8eeb66]{
  display: none;
}
.addition-info-title[data-v-8c8eeb66]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-8c8eeb66]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-8c8eeb66]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-8c8eeb66]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-8c8eeb66]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-8c8eeb66]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-8c8eeb66]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-8c8eeb66]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-8c8eeb66]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-8c8eeb66]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-8c8eeb66]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-8c8eeb66]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-8c8eeb66]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-8c8eeb66]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-8c8eeb66]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-8c8eeb66]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-8c8eeb66]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-8c8eeb66]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-8c8eeb66] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-8c8eeb66]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-8c8eeb66] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-8c8eeb66]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-8c8eeb66] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-8c8eeb66]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-8c8eeb66]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-8c8eeb66]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-8c8eeb66]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-8c8eeb66]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-8c8eeb66]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-8c8eeb66]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-8c8eeb66]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-8c8eeb66]{
  display: block;
}
.report-modul-device .device-info-left[data-v-8c8eeb66]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-8c8eeb66]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-8c8eeb66]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-8c8eeb66]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-8c8eeb66]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-8c8eeb66] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-8c8eeb66]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-8c8eeb66]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-8c8eeb66]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-8c8eeb66]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-8c8eeb66]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-8c8eeb66]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-8c8eeb66]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-8c8eeb66]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-8c8eeb66]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-8c8eeb66]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-8c8eeb66]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-8c8eeb66]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-8c8eeb66]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-8c8eeb66]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-8c8eeb66]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-8c8eeb66]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-8c8eeb66]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-8c8eeb66]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-8c8eeb66]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-8c8eeb66]{
  display: block;
}
.report-history-item .process-task-span[data-v-8c8eeb66]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-8c8eeb66]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-8c8eeb66]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-8c8eeb66]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-8c8eeb66] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-8c8eeb66] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-8c8eeb66] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-8c8eeb66] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
[data-v-8c8eeb66] .tracking .ivu-select-dropdown-list{
  max-width: 490px
}

.face-item-row .utm-ellipsis {
    line-height: 1;
}
.no-data {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.operate-btn-box .utm-btn[data-v-8da3d9fc] {
    min-width: 121px;
    margin-left: 16px;
}
.report-page-content[data-v-8da3d9fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.control-label[data-v-8da3d9fc] {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    width: 160px;
    display: inline-block;
}
.controls-content[data-v-8da3d9fc] {
    min-height: 40px;
}
.tip-icon[data-v-8da3d9fc] {
    margin: 0 25px -1px 0px !important;
    vertical-align: middle;
    line-height: 20px;
}

/*左侧列表*/
.record-content[data-v-8da3d9fc] {
    position: relative;
    padding: 0 0 0 85px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.record-compare-photo-box[data-v-8da3d9fc] {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 16px;
    width: 85px;
}
.record-compare-photo-box img[data-v-8da3d9fc] {
    width: 69px;
    height: 90px;
    -o-object-fit: cover;
       object-fit: cover;
}
.record-compare-photo-box .user-info[data-v-8da3d9fc] {
    font-size: 14px;
    color: #333;
}
.record-compare-photo-box .user-info div[data-v-8da3d9fc] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.record-compare-photo-box .card-info[data-v-8da3d9fc] {
    max-width: 100%;
    padding: 0 4px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    background: #edf0f2;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.record-list-control-group[data-v-8da3d9fc] {
    position: relative;
    margin-bottom: 0;
    padding-left: 16px;
    height: 100%;
}
.record-list-control-group .utm-link-text[data-v-8da3d9fc] {
    position: absolute;
    right: 12px;
    top: 8px;
}
.record-list-control-group .utm-link-text i[data-v-8da3d9fc] {
    font-size: 20px;
    color: var(--main-color);
    vertical-align: middle;
}
.record-list-control-group .controls-content[data-v-8da3d9fc] {
    padding-right: 16px;
    height: calc(100% - 40px);
    vertical-align: top;
    overflow-x: hidden;
    overflow-y: auto;
}
.content[data-v-8da3d9fc] {
    padding: 0;
    margin-left: -6px;
    margin-right: -6px;
    font-size: 0;
}
.content .record-item-content[data-v-8da3d9fc] {
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
    padding: 12px;
    width: 100%;
    height: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    white-space: nowrap;
    font-size: 0;
    vertical-align: middle;
    color: #333;
}
.content .record-item-left[data-v-8da3d9fc],
.content .record-item-right[data-v-8da3d9fc] {
    position: relative;
    display: inline-block;
    height: 77px;
    vertical-align: top;
    font-size: 14px;
}
.content .record-item-left[data-v-8da3d9fc] {
    width: 58px;
}
.content .record-item-right[data-v-8da3d9fc] {
    margin-left: 8px;
    width: calc(100% - 66px);
}
.content .record-item-left img[data-v-8da3d9fc],
.content .record-item-left .img-box[data-v-8da3d9fc] {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    -o-object-fit: cover;
       object-fit: cover;
    background: #edf0f2;
    border-radius: 4px;
}
.content .record-item-left .img-box i[data-v-8da3d9fc] {
    font-size: 30px;
    color: #C8CBCD;
    line-height: 80px;
}
.content .record-line[data-v-8da3d9fc] {
    margin-bottom: 8px;
    width: 100%;
    line-height: 1.1em;
}
.content .record-top-line[data-v-8da3d9fc] {
    padding-right: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .important-text[data-v-8da3d9fc] {
    font-weight: bold;
    color: #333;
}
.content .gray-text[data-v-8da3d9fc] {
    color: #666;
}
.content .record-top-item[data-v-8da3d9fc] {
    display: inline-block;
    vertical-align: middle;
    max-width: 49.5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .record-tag[data-v-8da3d9fc] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    color: #fff;
    background: #009ad9;
    font-style: italic;
}
.content .record-tag i[data-v-8da3d9fc] {
    font-size: 12px;
    color: #fff;
}
.content .record-tag.false-record-tag[data-v-8da3d9fc] {
    background: #EF4C5B;
}
.content .record-type-tag[data-v-8da3d9fc] {
    display: inline-block;
    padding: 0 8px;
    margin-right: 2px;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    background: rgba(223, 223, 223, 0.5);
    border-radius: 4px;
    color: #666;
}
.content .record-type-tag i[data-v-8da3d9fc] {
    font-size: 14px;
    color: #8C8C8C;
}
.content .record-operate-btn[data-v-8da3d9fc] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    height: 28px;
}
.content .record-operate-btn.remove-btn[data-v-8da3d9fc] {
    color: #EF4C5B;
    border-color: #EF4C5B;
}

/*表单*/
.generate-content[data-v-8da3d9fc] {
    width: 400px;
    height: 100%;
    border-left: 1px solid #dfdfdf;
    overflow-y: auto;
    padding-bottom: 16px;
}
.border-controls[data-v-8da3d9fc] {
    padding: 8px 16px;
    background: #f8f8f8;
    border-radius: 4px;
}
.header-title[data-v-8da3d9fc] {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}
.upload-box[data-v-8da3d9fc] {
    position: relative;
    width: 120px;
    height: 120px;
}
.upload-box .upload-logo[data-v-8da3d9fc] {
    position: relative;
    width: 120px;
    height: 120px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    overflow: hidden;
    background: #FFFFFF;
}
.upload-box .upload-logo-delete[data-v-8da3d9fc] {
    display: none;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    background-color: #999;
}
.attachment-list .attachment-item[data-v-8da3d9fc] {
    width: 100%;
    font-size: 14px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.attachment-item .attachment-name[data-v-8da3d9fc] {
    max-width: calc(100% - 24px);
    color: var(--main-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.attachment-item .attachment-name[data-v-8da3d9fc]:hover {
    border-bottom: 1px solid var(--main-color);
}
.generate-content .utm-account-wapper[data-v-8da3d9fc] {
    width: 342px;
}

/*导入*/
.report-tab[data-v-8da3d9fc] {
    padding: 0 24px;
}
.report-content-box[data-v-8da3d9fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-right: 24px;
    height: calc(100% - 41px);
    background: #f8f8f8;
}
.report-table-box[data-v-8da3d9fc] {
    padding: 24px 0 0 16px;
    width: 884px;
    height: 100%;
}
.report-table-box .face-detection-box[data-v-8da3d9fc] {
    height: calc(100% - 63px);
    overflow-y: auto;
}
.report-table-box .utm-pagination[data-v-8da3d9fc] {
    padding: 5px 0 0 0;
}
.report-search-box[data-v-8da3d9fc] {
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-right: 1px solid #dfdfdf;
}

/* Face Detection */
.face-box-item[data-v-8da3d9fc] {
    padding: 12px;
    height: 100px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background: #ffffff;
    white-space: nowrap;
    font-size: 0;
}
.face-box-item[data-v-8da3d9fc]:hover {
    border-color: var(--main-color);
}
.face-item-img[data-v-8da3d9fc] {
    display: inline-block;
    vertical-align: top;
    width: 69px;
    height: 100%;
    overflow: hidden;
}
.face-item-img img[data-v-8da3d9fc] {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
       object-fit: cover;
}
.face-item-right[data-v-8da3d9fc] {
    position: relative;
    margin-left: 16px;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 86px);
    height: 100%;
    font-size: 14px;
}
.face-item-right .check-btn[data-v-8da3d9fc] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    min-height: unset;
}
.face-item-row[data-v-8da3d9fc] {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}
.face-item-row>span[data-v-8da3d9fc] {
    display: inline-block;
    vertical-align: middle;
}
.face-item-row>span[data-v-8da3d9fc]:nth-child(1) {
    width: 73px;
}
.face-item-row>span[data-v-8da3d9fc]:nth-child(2) {
    margin-left: 8px;
    width: calc(100% - 81px);
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.face-item-row .user-name-span[data-v-8da3d9fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding-right: 24px;
}
.face-item-row .user-name-type[data-v-8da3d9fc] {
    color: rgb(153, 153, 153);
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    height: 18px;
}
.face-item-row .user-name-text[data-v-8da3d9fc] {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.face-item-row .tag-container[data-v-8da3d9fc] {
    color: #333;
    vertical-align: middle;
}
.face-item-row .utm-circle-tag[data-v-8da3d9fc] {
    max-width: calc(100% - 64px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.import-report-count[data-v-8da3d9fc] {
    display: inline-block;
    margin-right: 24px;
    font-size: 14px;
    color: #333;
}
.site-name[data-v-8da3d9fc] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.report-search-box #search-bar[data-v-8da3d9fc] {
    position: relative;
    height: 100%;
    border-left: 0;
}
#face_tracking_report[data-v-8da3d9fc] .record-item-right .ivu-tooltip {
    max-width: 100%;
}
#face_tracking_report[data-v-8da3d9fc] .record-item-right .ivu-tooltip .ivu-tooltip-rel {
    width: 100%;
}
.attachment-operator-icon[data-v-8da3d9fc]:hover {
    border-radius: 4px;
    background: rgba(0, 94, 187, .1);
}

/*Report Selected*/
.checked-amount[data-v-8da3d9fc] {
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.divide-line[data-v-8da3d9fc] {
    border-bottom: 1px solid #dfdfdf;
    margin-top: 16px;
}
.template-preview[data-v-8da3d9fc] {
    width: 100%;
    height: 147px;
    background: rgba(var(--main-color-rgb), .1);
    border: 1px solid #dfdfdf;
    border-radius: 9px;
    overflow: auto;
    padding: 24px;
}
.template-preview p[data-v-8da3d9fc] {
    font-weight: 700;
}
.select-data[data-v-8da3d9fc] {
    line-height: 40px;
    border-bottom: 1px solid #dfdfdf;
}
.select-data[data-v-8da3d9fc]:last-child {
    border-width: 0px;
}
.select-data .select-data-item[data-v-8da3d9fc] {
    min-width: 120px;
    display: inline;
}
.select-data .select-data-item-icon[data-v-8da3d9fc] {
    text-align: right;
    margin-top: -40px;
}
.select-data .select-data-item-icon i[data-v-8da3d9fc] {
    font-size: 14px;
}

/*Report Header*/
.report-header-box[data-v-8da3d9fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    border: 1px solid gainsboro;
    border-radius: 4px;
    padding: 16px;
    background: rgba(var(--main-color-rgb), .1);
    white-space: nowrap;
}
.report-header-item[data-v-8da3d9fc] {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.report-header-item[data-v-8da3d9fc]:first-child {
    width: 137px;
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid #dfdfdf;
}
.report-header-title[data-v-8da3d9fc] {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}
.upload-box .upload-logo img[data-v-8da3d9fc] {
    width: 120px;
    height: 120px;
    -o-object-fit: contain;
       object-fit: contain;
}
.upload-box .upload-logo i[data-v-8da3d9fc] {
    font-size: 28px;
    color: #dfdfdf;
}
.upload-box .upload-logo-delete-icon[data-v-8da3d9fc] {
    display: none;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    background-color: #999;
}
.upload-box:hover .upload-logo-delete-icon[data-v-8da3d9fc] {
    display: block;
}
.report-header-textarea[data-v-8da3d9fc] {
    height: 120px;
    resize: none;
}

/*附件*/
.attachment-upload-icon[data-v-8da3d9fc] {
    color: #999;
    vertical-align: middle;
}
.attachment-upload-text[data-v-8da3d9fc] {
    font-size: 14px;
    font-weight: 400;
    color: var(--main-color);
    cursor: pointer;
    vertical-align: middle;
}
.attachment-list[data-v-8da3d9fc] {
    background: #f9f9f9;
    border-radius: 4px;
    padding: 8px 16px;
}
.attachment-list .attachment-item i[data-v-8da3d9fc] {
    margin-left: 8px;
    font-size: 16px;
    color: var(--main-color);
    vertical-align: middle;
    cursor: pointer;
}
.attachment-list .attachment-item .attachment-name[data-v-8da3d9fc] {
    display: inline-block;
    max-width: calc(100% - 32px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*分组显示所有字段*/
.table-field-group[data-v-8da3d9fc] {
    width: 100%;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-8da3d9fc] {
    height: 40px;
    width: 100%;
    display: inline-block;
    background: rgba(var(--main-color-rgb), .1);
    border-radius: 4px 4px 0px 0px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: bold;
    color: #393939;
    position: relative;
    cursor: pointer;
}
.table-field-group .table-field-number[data-v-8da3d9fc] {
    color: #8c8c8c;
    font-weight: normal;
    display: inline-block;
    margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-8da3d9fc] {
    border-top: 1px solid #dfdfdf;
    padding: 0 12px;
    display: none;
}
.table-field-group .table-field-arrow[data-v-8da3d9fc] {
    position: absolute;
    right: 12px;
    top: 12px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    cursor: pointer;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-8da3d9fc] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.utm-checkbox.table-field-item[data-v-8da3d9fc] {
    width: 33.33%;
    margin: 0;
    padding: 4px;
}

/*字段排序*/
.table-field-box[data-v-8da3d9fc] {
    padding: 0 10px 16px 0px;
}
.table-field-box .utm-tag[data-v-8da3d9fc] {
    position: relative;
    padding-right: 28px;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-8da3d9fc] {
    background: #effaff;
    border: 1px solid var(--main-color);
    cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-8da3d9fc] {
    position: absolute;
    right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: #858585;
}
.utm-fs-16[data-v-8da3d9fc] {
    font-size: 17px;
    color: var(--main-color);
}
#download-report .utm-control-group[data-v-8da3d9fc] {
    margin-bottom: 0;
}
#download-report .utm-controls[data-v-8da3d9fc] {
    min-height: 28px;
}
#download-report .utm-module-title[data-v-8da3d9fc]:after {
    background: #fff
}
#download-report .attachment-name[data-v-8da3d9fc] {
    cursor: pointer;
}
.down-load-check-box[data-v-8da3d9fc] {
    vertical-align: bottom;
    line-height: 40px;
    margin-left: -24px;
}
#download-report .down-load-tip[data-v-8da3d9fc] {
    color: red;
    font-size: 14px;
}
#download-report .loading-box[data-v-8da3d9fc] {
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    vertical-align: center;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.utm-account-wapper-content li[data-v-8da3d9fc] {
    text-align: left;
    margin: 8px 0;
    padding: 0 12px;
    height: 40px;
    line-height: 40px;
}
.utm-account-wapper-content li.active[data-v-8da3d9fc] {
    background: rgba(var(--main-color-rgb), 0.2)
}
.utm-account-wapper-content li[data-v-8da3d9fc]:hover {
    background: rgba(var(--main-color-rgb), 0.1)
}
.utm-account-wapper[data-v-8da3d9fc] {
    width: 450px;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 2px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 9px #ccc;
            box-shadow: 1px 1px 9px #ccc;
    display: none;
}
.utm-account-wapper .utm-account-wapper-search[data-v-8da3d9fc] {
    padding: 4px 12px 12px;
}
.utm-account-wapper .utm-account-wapper-content[data-v-8da3d9fc] {
    padding: 8px 0 0 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: unset;
}
.owner-item[data-v-8da3d9fc] {
    background: #f4f4f5;
    border: 1px solid #dfdfdf;
    padding: 6px;
    border-radius: 4px;
    margin-right: 8px;
    margin-top: 8px;
    display: inline-block;
}
.owner-item-close[data-v-8da3d9fc] {
    color: #b4b4b4;
    font-size: 12px;
}
#download-report .account-item-title[data-v-8da3d9fc] {
    font-size: 14px;
    color: var(--main-color);
    font-weight: bold;
}
#download-report .account-box[data-v-8da3d9fc] {
    padding: 0;
    margin-bottom: 12px;
}
#download-report .account-box .account-box-owner[data-v-8da3d9fc] {
    background: #e8e8e8;
    border-radius: 8px;
    padding: 4px 12px 12px 12px;
    margin: 10px 0 12px 0;
}
#download-report .add-account-btn[data-v-8da3d9fc] {
    background-color: #f5f5f5;
    height: 20px;
    padding: 0;
    opacity: 1;
}
#download-report .add-account-btn i[data-v-8da3d9fc] {
    color: var(--main-color);
    font-size: 16px;
    margin-right: 8px;
}
.notice-content[data-v-8da3d9fc] {
    width: 100%;
    min-height: 180px;
    border: 1px solid #dfdfdf;
    background: #ffffff;
    border-radius: 4px;
    margin-bottom: 14px;
    overflow-y: auto;
}
.notice-content .email-subject[data-v-8da3d9fc] {
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-8da3d9fc] {
    width: 100%;
    padding: 8px;
}
.email-subject .email-subject-line[data-v-8da3d9fc] {
    width: 1px;
    height: 28px;
    border: 1px solid #dfdfdf;
    margin: 0 16px;
}
.download-switch[data-v-8da3d9fc] {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -12px;
}
.switch-tip[data-v-8da3d9fc] {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}
.edit-tab[data-v-8da3d9fc] {
    color: var(--main-color);
    cursor: pointer;
}
.receiver-format[data-v-8da3d9fc] {
    position: relative;
    width: 100%;
    padding: 6px 16px 6px 16px;
    margin-bottom: 8px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-8da3d9fc] {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
    color: #333;
}
.export-video-box[data-v-8da3d9fc] {
    width: 293px;
    height: 40px;
    background: rgba(0, 94, 184, 0.05);
    border-radius: 4px;
    padding-left: 36px;
}
.account-name[data-v-8da3d9fc] {
    color:#333;
}
.account-name i[data-v-8da3d9fc] {
    font-size: 16px;
}
.select-name[data-v-8da3d9fc] {
    display: inline-block;
    height: 40px;
    max-width: calc(100% - 32px);
    vertical-align: top;
}

#tileManagement[data-v-6f223086] .ivu-switch-checked {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
#tileManagement[data-v-6f223086] .utm-tree-item-row{
  margin-left: 2px;
}
.utm-page-header[data-v-6f223086] {
  padding: 0 0 16px 0;
}
.utm-clear-input.utm-prefix-input-dashboard .clear-input-icon[data-v-6f223086] {
  right: 0.04rem;
  top: 0.12rem;
  font-size: 0.16rem;
  display: none;
}
#tileManagement[data-v-6f223086] {
  width: 100%;
  height: 100%;
  background-color: #ebeff2;
  padding: 0 16px 16px 16px;
}
#tileManagement .utm-control-group[data-v-6f223086] {
  width: 100%;
}
#tileManagement[data-v-6f223086] .ivu-input{
  border-radius: 8px;
}
#tileManagement .utm-select .ivu-select-item-selected[data-v-6f223086]:after,
#tileManagement .utm-select.ivu-select-multiple .ivu-select-item-selected[data-v-6f223086]:after{ /*选中项用勾标记*/
  position: absolute;
  content: "\E6E7";
  right: 0;
  margin-top: -21px;
  width: 18px;
  height: 18px;
  line-height: 28px;
  font-size: 14px;
  color: var(--main-color);
}
.form[data-v-6f223086] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-tile-map-form .utm-control-group[data-v-6f223086] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.add-tile-map-form .utm-control-group-item[data-v-6f223086] {
  margin-left: 16px;
}
.add-tile-map-form .utm-control-group-right[data-v-6f223086] {
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.add-tile-map-form .utm-control-group-item[data-v-6f223086]:first-child {
  margin-left: 0;
}
.utm-box[data-v-6f223086] {
  background-color: #fff;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
}
.hive-content[data-v-6f223086] {
  height: calc(100% - 39px);
  overflow: auto;
  overflow-x: hidden;
}
.utm-box .hive-content .tile-container[data-v-6f223086] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tile-container .tile-item[data-v-6f223086] {
  width: 254px;
  height: 127px;
  background: #ffffff;
  border: 1px solid #059fe8;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.tile-container .tile-item[data-v-6f223086]:hover{
  -webkit-box-shadow: 0px 0px 6px 0px rgba(5,159,232,0.20);
          box-shadow: 0px 0px 6px 0px rgba(5,159,232,0.20);
}
.tile-item .index[data-v-6f223086] {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 24px;
  background: #059fe8;
  border-radius: 7px 0px 7px 0px;
  color: #ffffff;
  line-height: 22px;
  text-align: center;
}
.tile-item .tools[data-v-6f223086] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
}
.tile-item .tile-info[data-v-6f223086] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tile-info .tile-name[data-v-6f223086] {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin-top: 5px;
}
.tile-info .utm-btn[data-v-6f223086] {
  width: 222px;
  height: 32px;
  margin-top: 12px;
  background: #effaff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.2);
          box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.2);
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
}
.tile-info .utm-btn[data-v-6f223086]:focus  {
  background: rgba(5, 159, 232, 0.2);
  border: 1px solid #059fe8;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
}
.tile-item .utm-main-line-btn[data-v-6f223086] {
  border: none;
  color: #333333;
}
.tools .utm-option-operation .utm-dc-more-icon[data-v-6f223086] {
  color: #333333;
  position: relative;
  top: -12px;
}
.tools .utm-option-operation .utm-dc-more-icon[data-v-6f223086]:hover {
  background: rgba(5, 159, 232, 0.2);
  border-radius: 4px;
}
.tools .utm-option-operation[data-v-6f223086] {
  min-height: auto;
}
.tools .utm-option-operation.item-operation[data-v-6f223086] {
  width: 24px;
  min-width: 16px;
  right: 0;
}
.tools .utm-option-operation .more-operation[data-v-6f223086] {
  left: unset;
  top: 22px;
  right: 0px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}
.tools .more-operation .operate-item[data-v-6f223086] {
  color: #333;
}
.tools .more-operation .operate-item[data-v-6f223086]:hover {
  background: #d2f0ff;
}
.tools .more-operation .operate-item i[data-v-6f223086] {
  color: var(--main-color);
}
.tools .more-operation .operate-item.disabled[data-v-6f223086],
.tools .more-operation .operate-item.disabled > *[data-v-6f223086] {
  color: #999;
  cursor: not-allowed;
}
/* 详情弹窗 */
.detail-model .no-data-text[data-v-6f223086] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
  height: 18px;
  line-height: 18px;
  margin-top: 8px;
}
.detail-model .utm-tab-content[data-v-6f223086] {
  padding: 16px 16px;
  border: 1px solid #dfdfdf;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
}
.detail-model .utm-tabs[data-v-6f223086] {
  background-color: transparent;
}
.detail-model .utm-tabs .utm-tab-item.active[data-v-6f223086] {
  border: 1px solid;
  border-color: #dfdfdf #dfdfdf #fff #dfdfdf;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
}
.detail-model .content-box[data-v-6f223086] {
  height: 450px;
  overflow: auto;
  overflow-x: hidden;
}
.detail-model .more-operation > .flex-r-start-center[data-v-6f223086] {
  width: 134px;
  height: 40px;
  border-radius: 4px;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.detail-model .more-operation > .flex-r-start-center[data-v-6f223086]:hover {
  background: #effaff;
}
.detail-model .more-operation i[data-v-6f223086] {
  width: 32px;
  height: 32px;
  display: block;
  line-height: 32px;
  text-align: center;
  font-size: 20px;
  color: #059fe8;
  margin-right: 4px;
}
.detail-model .more-operation > .flex-r-start-center[data-v-6f223086]:active {
  background: #d2f0ff;
}
.detail-model .list-item[data-v-6f223086] {
  height: 40px;
  width: 100%;
}
.detail-model .list-icon[data-v-6f223086] {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  margin-right: 8px;
}
.detail-model .list-icon > i[data-v-6f223086] {
  color: #999999;
  font-size: 24px;
}
.detail-model .list-name[data-v-6f223086] {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #333333;
}
/* 分页器样式 */
.utm-pagination[data-v-6f223086] {
  padding: 0;
}
/* 新增弹窗样式 */
.add-model .utm-control-group[data-v-6f223086] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.add-model .utm-controls[data-v-6f223086] {
  margin-left: 0;
}
.add-model .utm-control-group .utm-control-label[data-v-6f223086] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.add-model .utm-font[data-v-6f223086] {
  font-size: 14px;
  margin-left: 8px;
  font-weight: 300;
  line-height: 1;
  color: var(--main-color);
  text-align: center;
}
.add-model .icon-item ul[data-v-6f223086] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.icon-item li[data-v-6f223086] {
  width: 64px;
  height: 64px;
  background: #ffffff;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.icon-item .active[data-v-6f223086] {
  background: #ffffff;
  border: 1px solid #059fe8;
  border-radius: 8px;
}
.icon-item .active .utm-font[data-v-6f223086] {
  color: #059fe8;
}
.icon-item ul li .utm-font[data-v-6f223086] {
  font-size: 40px;
  color: #999999;
  margin-left: 0;
}
.utm-modal-center[data-v-6f223086] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.utm-modal-center .delete-office-icon[data-v-6f223086] {
  width: 57px;
  height: 57px;
  background: #fee9e9;
  margin-bottom: 28px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.selected-item .utm-deep-gray-cl[data-v-6f223086] {
  color: #999999;
  margin-right: 12px;
  font-size: 16px;
}
.detail-model[data-v-6f223086] .ivu-select-dropdown-list {
  width: 170px;
  height: auto;
}
#tileManagement .utm-tabs[data-v-6f223086] ul{
  background: none;
}

#track-map[data-v-b68f9a74] {
  padding: 0 16px 16px 16px;
  height: 100%;
  background-color: #ebeff2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#track-map[data-v-b68f9a74] .ivu-input{
  border-radius: 8px;
}
#track-map .utm-select .ivu-select-item-selected[data-v-b68f9a74]:after,
#track-map .utm-select.ivu-select-multiple .ivu-select-item-selected[data-v-b68f9a74]:after{ /*选中项用勾标记*/
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  margin-top: -21px;
  width: 18px;
  height: 18px;
  line-height: 28px;
  font-size: 14px;
  color: var(--main-color);
}
.incident-dashboard[data-v-b68f9a74] {
  height: 100%;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(84, 84, 84, 0.16);
          box-shadow: 0px 0px 4px 0px rgba(84, 84, 84, 0.16);
  overflow: hidden;
}
.incident-dashboard header[data-v-b68f9a74] {
  height: 72px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #dce3e8;
}
.incident-dashboard .flex-r-start-center[data-v-b68f9a74] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.incident-dashboard .flex-r-start-center .blue-line[data-v-b68f9a74] {
  width: 4px;
  height: 24px;
  background: #059fe8;
  margin-right: 8px;
}
.incident-dashboard .flex-r-start-center .utm-font[data-v-b68f9a74] {
  font-size: 14px;
  margin-left: 8px;
  font-weight: 600;
  line-height: 1;
  color: var(--main-color);
  text-align: center;
}
.incident-dashboard .flex-r-start-center .utm-more-info-icon[data-v-b68f9a74]:hover{
  width: 16px;
  height: 16px;
  background: rgba(5,159,232,0.10);
  border-radius: 4px;
}
.tile-management[data-v-b68f9a74] {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #059fe8;
  border-radius: 8px;
  text-align: center;
  line-height: 40px;
}
.tile-management i[data-v-b68f9a74] {
  font-size: 20px;
  color: #059fe8;
}
.utm-btn.utm-default-btn[data-v-b68f9a74]:hover,
.tile-management[data-v-b68f9a74]:hover {
  background-color: #effaff;
}
.tile-management[data-v-b68f9a74]:active,
.tile-management[data-v-b68f9a74]:focus,
.utm-btn.utm-default-btn[data-v-b68f9a74]:active {
  background-color: #d2f0ff !important;
}
.flex-r-start-center .ivu-tooltip-content[data-v-b68f9a74] {
  width: 170px;
  height: 163px;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.flex-r-start-center .content-box[data-v-b68f9a74] {
  width: 170px;
}
.content-box .tool-tip-title[data-v-b68f9a74] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 16px;
  margin-top: 10px;
}
.content-box .event-no[data-v-b68f9a74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0;
}
.content-box img[data-v-b68f9a74] {
  width: 24px;
  height: 24px;
}
.content-box span[data-v-b68f9a74] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-left: 8px;
}
.content-box .tileItem[data-v-b68f9a74] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 18px;
}
.content-box .tileItem .utm-list-item[data-v-b68f9a74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}
.tileItem .utm-list-item span[data-v-b68f9a74] {
  margin-left: 8px;
}
.incident-dashboard main[data-v-b68f9a74] {
  height: calc(100% - 72px);
}
.incident-dashboard main .search[data-v-b68f9a74] {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.incident-dashboard .search .utm-control-group-item[data-v-b68f9a74] {
  margin-left: 16px;
}
.incident-dashboard .hive-content[data-v-b68f9a74] {
  width: 100%;
  height: calc(100% - 100px);
}
/* 右侧侧边栏 */
.incident-dashboard-right[data-v-b68f9a74] {
  position: relative;
}
.incident-dashboard-right .utm-box-right[data-v-b68f9a74] {
  width: 400px;
  min-width: 400px;
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(84, 84, 84, 0.16);
          box-shadow: 0px 0px 4px 0px rgba(84, 84, 84, 0.16);
  margin-left: 12px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 1;
}
.utm-box-right .flex-r-start-center[data-v-b68f9a74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.utm-box-right .utm-header-left[data-v-b68f9a74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.utm-box-right .blue-line[data-v-b68f9a74] {
  width: 4px;
  height: 24px;
  background: #059fe8;
  margin-right: 8px;
}
.utm-box-right .utm-font[data-v-b68f9a74] {
  font-size: 14px;
  margin-left: 8px;
  font-weight: 600;
  line-height: 1;
  color: var(--main-color);
  text-align: center;
}
.utm-box-right .utm-header-right[data-v-b68f9a74] {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #059fe8;
  cursor: pointer;
}
.utm-box-right .right-center[data-v-b68f9a74] {
  overflow: auto;
  overflow-x: hidden;
  height: calc(100% - 72px);
  padding: 0px 16px 10px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 收缩按钮 */
.utm-shrink-button-right[data-v-b68f9a74] {
  position: absolute;
  width: 16px;
  height: 100px;
  top: 50%;
  right: 400px;
  margin-top: -24px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  background: -webkit-gradient(linear, left bottom, left top, from(#0598e8), to(#05b9e8));
  background: linear-gradient(0deg, #0598e8, #05b9e8);
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: right 0.25s ease-in-out;
  transition: right 0.25s ease-in-out;
  color: #ffffff;
}
.right-shrink-button1[data-v-b68f9a74] {
  right: 0;
  left: 0;
}
.utm-box-right-shrink[data-v-b68f9a74] {
  width: 0 !important;
  min-width: 0 !important;
  border-right: 0 !important;
  opacity: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}
.right-shrink-button2 .ivu-icon-ios-arrow-back[data-v-b68f9a74] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.right-shrink-button1 .ivu-icon-ios-arrow-back[data-v-b68f9a74] {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
/* 右侧事件栏 */
.event-card[data-v-b68f9a74] {
  width: 364px;
  height: 140px;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 16px;
  border: 1px solid #ff8a00;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.event-card .main[data-v-b68f9a74] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.event-card[data-v-b68f9a74]:hover {
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
}
.event-card .left-rect[data-v-b68f9a74] {
  width: 48px;
  height: 48px;
  background: #ff8a00;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(38, 38, 38, 0.12);
          box-shadow: 0px 0px 12px 0px rgba(38, 38, 38, 0.12);
  text-align: center;
  color: #ffffff;
  line-height: 48px;
}
.event-card .right-des[data-v-b68f9a74] {
  width: 270px;
  overflow: hidden;
  margin-left: 16px;
}
.event-card .right-des > div[data-v-b68f9a74] {
  width: 100%;
  overflow: hidden;
}
.event-card .right-des > div[data-v-b68f9a74]:first-of-type {
  width: 100%;
  height: 18px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  line-height: 18px;
}
.event-card .right-des > div[data-v-b68f9a74]:nth-of-type(2) {
  height: 16px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 16px;
  margin-top: 12px;
}
.event-card .right-des .right-des-time[data-v-b68f9a74] {
  text-align: left;
  width: 100%;
  height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #b4b4b4;
  line-height: 16px;
}
.event-card .right-des .left-des-time[data-v-b68f9a74] {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 12px;
}
.event-card .right-des .name[data-v-b68f9a74] .utm-ellipsis-txt{
  color: #333333;
}
.event-card .left-des-time .location[data-v-b68f9a74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-card .left-des-time .utm-font-des-icon[data-v-b68f9a74] {
  font-size: 14px;
  margin-left: 0px;
  font-weight: 600;
  line-height: 1;
  color: #b4b4b4;
  text-align: center;
}
.event-card .left-des-time .location span[data-v-b68f9a74] {
  margin-left: 4px;
}
.event-card .left-des-time .timer[data-v-b68f9a74] {
  margin-left: 5px;
}
.event-card .tools[data-v-b68f9a74] {
  width: 100%;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tools .location .utm-font[data-v-b68f9a74] {
  font-size: 12px;
  font-weight: 400;
  color: #b4b4b4;
}
.tools .location span[data-v-b68f9a74] {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.tools .toolItem .utm-font[data-v-b68f9a74] {
  font-size: 24px;
  color: var(--main-color);
  margin-left: 16px;
  font-weight: 400;
}
.tools .toolItem .utm-font[data-v-b68f9a74]:hover{
  width: 24px;
  height: 24px;
  background: rgba(5,159,232,0.10);
  border-radius: 4px;
}
.tools .toolItem .utm-font[data-v-b68f9a74]:focus{
  width: 24px;
  height: 24px;
  background: rgba(5,159,232,0.20);
  border-radius: 4px;
}
.tools .toolItem .utm-see-video-disable[data-v-b68f9a74]:hover{
  width: 24px;
  height: 24px;
  background: none;
  border-radius: 4px;
}
.tools .toolItem .utm-see-video-disable[data-v-b68f9a74]:focus{
  width: 24px;
  height: 24px;
  background: none;
  border-radius: 4px;
}
.event-card .tools .utm-see-video-disable[data-v-b68f9a74] {
  color: #999999;
  cursor: not-allowed;
}
.utm-select[data-v-b68f9a74] .ivu-select-dropdown {
  max-width: 200px;
}

#monitoring-area[data-v-603d15e6]{
  background-color: #ebeff2;
  height: 100%;
}
.page-content[data-v-603d15e6]{
  padding: 0;
}
.sub-page-content[data-v-603d15e6]{
  height: 100%;
  background-color: #fff;
}
#monitoring-area .utm-page-inquire[data-v-603d15e6]{
  height: 72px;
  border-bottom: 1px solid #eee;
}
.utm-page-inquire .item[data-v-603d15e6]{
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.utm-page-inquire .line[data-v-603d15e6]{
  width: 1px;
  height: 40px;
  background: #dfdfdf;
}
.utm-page-inquire .utm-btn[data-v-603d15e6]{
  vertical-align: middle;
}

/* *****************************楼栋分组的样式********************************** */
.building-swapper[data-v-603d15e6]{
  margin: 16px 8px 0;
}
.building-swapper li[data-v-603d15e6]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 0 24px;
  margin: 0 8px;
  border-radius: 16px;
  background: rgba(245,247,250,1);
  color: #333;
  cursor: pointer;
}
.building-swapper li.active[data-v-603d15e6]{
  background: var(--main-color);
  color: #fff;
}

/* *****************************************统计图模块的样式********************************* */
.chart-content[data-v-603d15e6]{
  height: calc(100% - 120px);
  overflow: auto;
}
.chart-content.chart-content-big[data-v-603d15e6]{
  height: calc(100% - 72px);
}
.no-chart[data-v-603d15e6]{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main-color);
}

/*设置*/
.more-setting[data-v-603d15e6]{
  padding-top: 0px;
  line-height: 40px;
  border-top:1px solid #dfdfdf;
}
.more-setting .expand-icon[data-v-603d15e6]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.more-setting .expand-icon.expand[data-v-603d15e6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-control-label[data-v-603d15e6]{
  width: 180px;
}
.utm-controls[data-v-603d15e6]{
  margin-left: 180px;
}
.site-check-box[data-v-603d15e6]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-603d15e6]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-603d15e6] {
  font-size: 14px;
}
.site-check-box hr[data-v-603d15e6]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}

/* chart box*/
#monitoring-area .module-box[data-v-603d15e6]{
  width: 100%;
  padding: 16px 16px 8px;
}
#monitoring-area .module-box.traffic-module-box[data-v-603d15e6]{
  position: relative;
  min-height: 500px;
  height: calc( 100% - 360px );
}
#monitoring-area .module-box .module-child-box[data-v-603d15e6]{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 100%;
  height: 330px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}
#monitoring-area .module-box .module-child-box.no-data-child-box[data-v-603d15e6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #059FE8;
}
#monitoring-area .module-box.module-box1 .module-child-box[data-v-603d15e6]{
  max-width: 98%;
}
#monitoring-area .module-box.module-box2 .module-child-box[data-v-603d15e6]{
  max-width: 48%;
}
#monitoring-area .module-box.module-box3 .module-child-box[data-v-603d15e6]{
  max-width: 32%;
}
#monitoring-area .module-box.module-box4 .module-child-box[data-v-603d15e6]{
  max-width: 24%;
}

/* chart*/
#monitoring-area .no-data-child-box[data-v-603d15e6]{
  padding: 16px;
  height: calc( 100% - 44px );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main-color);
  text-align: center;
}
#monitoring-area .module-child-header[data-v-603d15e6]{
  position: relative;
  padding: 2px 10px;
  height: 44px;
  width: 100%;
  line-height: 44px;
  background-color: rgba(0,94,184,.1);
  border-bottom: 1px solid #dddddd;
}
#monitoring-area .module-child-header>span[data-v-603d15e6]{
  display: inline-block;
  vertical-align: top;
}
#monitoring-area .module-child-header .disabled-btn[data-v-603d15e6]{
  color: #b4b4b4;
}
#monitoring-area .module-child-header .title[data-v-603d15e6]{
  width: calc( 100% - 94px );
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .module-child-header .operate[data-v-603d15e6]{
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 16px;
  cursor: pointer;
}
#monitoring-area .module-child-header .operate .utm-font[data-v-603d15e6]{
  margin: 0 2px;
  font-size: 24px;
}
#monitoring-area .chart-box[data-v-603d15e6]{
  width: 220px;
  height: 286px;
}
#monitoring-area .bulidng-name[data-v-603d15e6]{
  position: absolute;
  top: 60px;
  left: 24px;
  width: 196px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .chart-right[data-v-603d15e6]{
  position: absolute;
  right: 0;
  top: 45px;
  padding: 16px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc( 100% - 220px );
  height: 286px;
}
#monitoring-area .chart-right .line[data-v-603d15e6]{
  position: relative;
  width: 100%;
  height: 31px;
  line-height: 31px;
  font-size: 16px;
}
#monitoring-area .chart-right .line-key[data-v-603d15e6]{
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 100%;
  font-weight: 500;
  color: #222;
}
#monitoring-area .chart-right .line-key.pc-key[data-v-603d15e6]{
  width: 140px;
}
#monitoring-area .chart-right .line-key>span[data-v-603d15e6]{
  display: inline-block;
  vertical-align: middle;
}
#monitoring-area .chart-right .line-key .point[data-v-603d15e6]{
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
#monitoring-area .chart-right .line-value[data-v-603d15e6]{
  display: inline-block;
  vertical-align: middle;
  margin-left: 90px;
  width: calc( 100% - 80px);
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#monitoring-area .chart-right .line-value.pc-value[data-v-603d15e6]{
  margin-left: 140px;
  width: calc( 100% - 130px);
}
#monitoring-area .substance-right .selected-list .selected-site-item[data-v-603d15e6]{
  cursor: pointer;
}
#monitoring-area .substance-right .selected-list .expand-icon[data-v-603d15e6]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 200ms;
  transition: 200ms;
}
#monitoring-area .substance-right .selected-list .expand-icon.expand[data-v-603d15e6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#monitoring-area .substance-right .selected-list .selected-child-item[data-v-603d15e6]{
  padding: 4px 0px 4px 32px;
}
.re-opening-tip[data-v-603d15e6]{
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #8C8C8C;
  line-height: 40px;
}
.input-suffix[data-v-603d15e6]{
  display: inline-block;
  margin-left: 8px;
  margin-right: 12px;
}
#monitoring-area .utm-modal.utm-scroll-content-modal .utm-modal-box[data-v-603d15e6]{
  height: auto;
  max-height: calc( 100% - 100px);
}
#monitoring-area .utm-modal.utm-scroll-content-modal .utm-modal-body[data-v-603d15e6]{
  height: auto;
  max-height: calc( 100% - 156px);
}
.edit-count-btn[data-v-603d15e6]{
  position: absolute;
  right: 0;
  top: 3px;
}
.edit-count-modal[data-v-603d15e6]{
  position: absolute;
  right: 0;
  top: 30px;
  width: 400px;
  padding: 16px;
  background: #feffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.edit-count-footer[data-v-603d15e6]{
  float: right;
  margin-top: 24px;
}
.no-chart i[data-v-603d15e6],
.no-data-child-box i[data-v-603d15e6]{
  font-size: 50px;
  color: #B2CEEA;
}

#people_counting_report_pdf[data-v-c33b8870] {
  background: #fff;
  width: 100%;
  padding: 24px 56px;
  margin: 0 auto;
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
  font-family: Lato, Lato-Regular, sans-serif;
  overflow: hidden;
}
.pdf-page-top-border[data-v-c33b8870]{
  height: 10px;
  width: calc(100% + 112px);
  position: relative;
  margin-top: -24px;
  margin-left: -56px;
  margin-bottom: 24px;
}
.pdf-page-top-border>div[data-v-c33b8870]:first-of-type{
   width: calc(100% - 84px);
   height: 10px;
   background-color: #005EB8;
   float: left;
}
.f-1[data-v-c33b8870]{
 width: 24px;
 background-color: #FF091D;
 height: 10px;
 position: absolute;
 right: 0px;
 top: 0px;
}
.f-2[data-v-c33b8870]{
  width: 24px;
  background-color: #005EB8;
  height: 10px;
  position: absolute;
  right: 28px;
  top: 0;
}
.f-3[data-v-c33b8870]{
  width: 24px;
  background-color: #FF091D;
  height: 10px;
  position: absolute;
  right: 56px;
  top: 0;
}
#people_counting_report_pdf .page-top[data-v-c33b8870] {
  padding: 0;
  font-size: 0;
  background-color: transparent;
  white-space: nowrap;
}
#people_counting_report_pdf .page-top[data-v-c33b8870]:after{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.page-top .page-logo[data-v-c33b8870] {
  width: calc( 100% - 390px );
  min-height: 46px;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.page-top .page-logo img[data-v-c33b8870] {
  max-width: 110px;
  max-height: 110px;
}
.page-top .page-desc[data-v-c33b8870] {
  float: right;
  width: 388px;
  text-align: right;
  display: inline-block;
  font-size: 14px;
}
.page-title[data-v-c33b8870] {
  color: rgba(32, 32, 32, 1);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.particular-content[data-v-c33b8870] {
  margin-bottom: 16px;
}
/*字段*/
.control-group[data-v-c33b8870] {
  margin-bottom: 8px;
  font-size: 12px;
}
.control-group .control-label[data-v-c33b8870] {
  padding-right: 16px;
  display: inline-block;
  min-width: 105px;
  float: left;
}
.control-group .controls[data-v-c33b8870] {
  display: block;
  margin-left: 105px;
  white-space: normal;
}
.control-group .controls .link-text[data-v-c33b8870]{
  display: inline-block;
  max-width: 100%;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}
.people-counting-pdf-header[data-v-c33b8870]{
  padding-bottom: 16px;
  border-bottom: 2px dashed #dfdfdf;
}
.people-counting-pdf-content[data-v-c33b8870]{
  padding-top: 16px;
}
.people-countingpage-particular-title[data-v-c33b8870]{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

#statistical_chart[data-v-795735f0]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #EBEFF2;
}
#statistical_chart .statistic-title[data-v-795735f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#statistical_chart .statistic-title .statistic-title-icon[data-v-795735f0]{
  width: 36px;
  height: 36px;
  margin-right: 8px;
  text-align: center;
  background: #ffaa51;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(255,170,81,0.30);
          box-shadow: 0px 3px 6px 0px rgba(255,170,81,0.30);
}
#statistical_chart .statistic-title .statistic-title-icon.purple[data-v-795735f0]{
  background: #1846de;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(24,70,222,0.30);
          box-shadow: 0px 3px 6px 0px rgba(24,70,222,0.30);
}
.statistic-title .statistic-title-icon i[data-v-795735f0]{
  font-size: 24px;
  color: #fff;
}
#statistical_chart .statistic-title .statistic-title-text[data-v-795735f0]{
  font-size: 20px;
  font-style: italic;
  font-weight: 900;
  color: #333;
}
#statistical_chart .left-box[data-v-795735f0],
#statistical_chart .right-box[data-v-795735f0]{
  width: calc(50% - 8px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  border-radius: 8px;
}
#statistical_chart .statistical-item[data-v-795735f0]{ 
  width: 100%;
  padding: 24px 21px;
  background: #f5f7fa;
  border-radius: 16px;
}
#statistical_chart .statistical-item .statistical-title[data-v-795735f0]{
  position: relative;
  font-size: 18px;
  color: #333;
}
.statistical-title .title-select[data-v-795735f0]{
  position: absolute;
  top: -3px;
  right: 0;
  width: 180px;
}
#statistical_chart .statistical-item .chart-box[data-v-795735f0]{
  width: 100%;
  height: calc(100% - 30px);
}
#statistical_chart .statistical-item #chart_zone_traffic[data-v-795735f0],
#statistical_chart .statistical-item #chart_area_traffic[data-v-795735f0]{
  height: calc(100% - 127px);
}
#remaining_long[data-v-795735f0]{
  margin-top: 16px;
}
.traffic-statistics-search-left[data-v-795735f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.statistics-tab[data-v-795735f0]{
  border: 1px solid var(--main-color);
  border-radius: 4px;
}
.statistics-tab .statistics-tab-item[data-v-795735f0]{
  font-size: 16px;
  color: #333;
  padding: 0 8px;
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.statistics-tab .statistics-tab-item[data-v-795735f0]:hover{
  color: var(--main-color);
}
.statistics-tab .statistics-tab-item.active[data-v-795735f0]{
  background: var(--main-color);
  color: #fff;
}
.visit-list[data-v-795735f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 30px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visit-list .visit-item[data-v-795735f0]{
  position: relative;
  width: 20%;
  height: 100%;
}
.vehicle-list[data-v-795735f0]{
  width: 100%;
  height: calc(100% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.vehicle-list .vehicle-item[data-v-795735f0]{
  width: 100px;
  text-align: center;
}
.vehicle-list .vehicle-item .vehicle-percent[data-v-795735f0]{
  position: relative;
  width: 100px;
  height: 100px;
  background-image: url(/static/img/percent.3c3ca16.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 14px;
}
.vehicle-percent .vehicle-circle[data-v-795735f0]{
  position: absolute;
  top: 8px;
  left: 8px;
}
.circle-inner[data-v-795735f0]{
  line-height: 20px;
  font-size: 16px;
  color: #fff;
}
.circle-inner .orange-value[data-v-795735f0]{
  color: #FFAA51;
}
.vehicle-list .vehicle-item .vehicle-label[data-v-795735f0]{
  margin-top: 8px;
  font-size: 16px;
  color: #333;
}
.sear-zone[data-v-795735f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.sear-zone input[data-v-795735f0]{
  width: 273px;
  height: 30px;
}
.sear-zone .sear-icon[data-v-795735f0]{
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 8px;
  text-align: center;
  background: var(--main-color);
  border-radius: 4px;
}
.sear-zone .sear-icon.reset[data-v-795735f0]{
  background: #5693FC;
}
.sear-zone .sear-icon i[data-v-795735f0]{
  font-size: 16px;
  color: #fff;
}
.left-box .current-user[data-v-795735f0]{
  height: 40%;
}
.left-box .user-traffic[data-v-795735f0]{
  height: calc(60% - 68px);
}
.right-box .current-vehicle[data-v-795735f0]{
  height: 40%;
}
.right-box .remaining-short[data-v-795735f0]{
  height: 21%;
}
.right-box .remaining-long[data-v-795735f0]{
  height: calc(60% - 68px);
}
.statistical-title .select-area[data-v-795735f0]{
  z-index: 1;
  position: absolute;
  top: -3px;
  right: 50px;
  width: 200px;
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  font-size: 16px;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  cursor: pointer;
}
.statistical-title .select-area[data-v-795735f0]:hover{
  border: 1px solid var(--main-color)
}
.statistical-title .select-area.open i[data-v-795735f0] {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.statistical-title .select-area .area-list[data-v-795735f0]{
  position: absolute;
  top: 40px;
  left: 0;
  display: none;
  width: 100%;
  max-height: 268px;
  overflow: auto;
  padding: 8px 16px;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.statistical-title .manage-Monitoring[data-v-795735f0]{
  position: absolute;
  right: 0;
  top: -3px;
}
.statistical-title .manage-Monitoring img[data-v-795735f0]{
  width: 24px;
}
.statistical-title .select-area .area-list[data-v-795735f0] .ivu-checkbox-checked .ivu-checkbox-inner,
.statistical-title .select-area .area-list[data-v-795735f0] .ivu-checkbox-disabled.ivu-checkbox-checked .ivu-checkbox-inner {
  background: var(--main-color);
  border-color: var(--main-color);
}
.select-check[data-v-795735f0]{
  display:block;
  max-width: 100%;
  padding-left: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.legend-list[data-v-795735f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.legend-list .legend-item[data-v-795735f0]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 14px;
  color: #333;
}
.legend-list .legend-item .legend-tip[data-v-795735f0]{
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background-color: #317CC5;
  border-radius: 50%;
}
.legend-list .legend-item .legend-tip.yellow[data-v-795735f0]{
  background-color: #FFCB3B;
}
.legend-list .legend-item .legend-tip.red[data-v-795735f0]{
  background-color: #FF6868;
}
.legend-list .split-line[data-v-795735f0]{
  width: 0px;
  height: 12px;
  border: 1px solid #b4b4b4;
  margin-right: 20px;
}
.legend-list .legend-item img[data-v-795735f0]{
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

#occupancy-monitoring .ivu-drawer-close{
    top:10px
}

#occupancy-monitoring .drawer-modal-header[data-v-38c5e7fb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 27px;
    font-size: 20px;
    color: #323537;
}
.occupancy-monitoring-content[data-v-38c5e7fb]{
    height: 100%;
    background: rgba(248,248,248,1);
}
#occupancy-monitoring .footer-box[data-v-38c5e7fb]{
    position: absolute;
    bottom: 16px;
    right: 16px;
}
#occupancy-monitoring .occupancy-monitoring-content[data-v-38c5e7fb]{
    padding: 8px;
}
/* 图列说明 */
.svg-icon[data-v-38c5e7fb] {
    display: inline-block;
    margin-right: 8px;
    height: 1em;
    line-height: 1em;
    font-size: 16px;
    color: #333;
    width: 1em;
    vertical-align: middle;
    fill: #000;
    overflow: hidden;
}
.legend-list[data-v-38c5e7fb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 0;
}
.legend-list .legend-item[data-v-38c5e7fb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px;
    color: #333;
}
.legend-list .legend-item .legend-tip[data-v-38c5e7fb] {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border-radius: 50%;
}
.legend-list .legend-item .legend-tip.blue[data-v-38c5e7fb] {
    background-color: #317CC5;
}
.legend-list .legend-item .legend-tip.yellow[data-v-38c5e7fb] {
    background-color: #FFCB3B;
}
.legend-list .legend-item .legend-tip.red[data-v-38c5e7fb] {
    background-color: #FF6868;
}
.legend-list .legend-item .legend-img[data-v-38c5e7fb]{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: currentColor;
    overflow: hidden;
}
.legend-list .split-line[data-v-38c5e7fb] {
    width: 1px;
    height: 12px;
    background: #b4b4b4;
    margin: 0 8px;
}
/* 区域的人流量统计 */
.occupancy-monitoring-people-counting[data-v-38c5e7fb]{
    height: calc(100% - 52px);
    padding: 0 8px;
    overflow: auto;
}
.people-counting-swapper[data-v-38c5e7fb]{
    padding: 8px 0;
}
.people-counting-item[data-v-38c5e7fb]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px;
    background: #fff;
}
.people-counting-item .current-state[data-v-38c5e7fb]{
    height: 32px;
    min-width: 32px;
    width: 32px;
    margin-right: 16px;
    fill: currentColor;
    overflow: hidden;
}
.people-counting-item .visitor-flow-rate[data-v-38c5e7fb]{
    width: 100%;
}
/* 人流量统计 */
.visitor-flow-rate .visitor-flow-rate-title[data-v-38c5e7fb]{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 1000px;
     height: 20px;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     font-size: 14px;
     margin-bottom: 12px;
}
.visitor-flow-rate .occupancy-monitoring-name[data-v-38c5e7fb]{
    color: #333;
}
.people-counting-item .visitor-flow-rate .people-totality[data-v-38c5e7fb]{
    color: #999;
}
.visitor-flow-rate .visitor-flow-rate-title .visitor-flow-rate-number[data-v-38c5e7fb]{
    color: #333;
}
.visitor-flow-rate.yellow .visitor-flow-rate-title .visitor-flow-rate-number[data-v-38c5e7fb]{
    color: #FFCB3B;
}
.visitor-flow-rate.red .visitor-flow-rate-title .visitor-flow-rate-number[data-v-38c5e7fb]{
    color: #FF6868;
}
.visitor-flow-rate .visitor-flow-rate-bg[data-v-38c5e7fb]{
    position: relative;
    height: 16px;
    width: 1000px;
    background: rgba(49,124,197,.1);
}
.visitor-flow-rate.yellow .visitor-flow-rate-bg[data-v-38c5e7fb]{
    background: rgba(255,203,59,.1);
}
.visitor-flow-rate.red .visitor-flow-rate-bg[data-v-38c5e7fb]{
    background: rgba(255,104,104,.1);
}
.visitor-flow-rate .visitor-flow-rate-people[data-v-38c5e7fb]{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(49,124,197,1);
}
.visitor-flow-rate.yellow .visitor-flow-rate-people[data-v-38c5e7fb]{
    background: rgba(255,203,59,1);
}
.visitor-flow-rate.red .visitor-flow-rate-people[data-v-38c5e7fb]{
    background: rgba(255,104,104,1);
}
/* 重开线 */
.visitor-flow-rate .people-reclosing[data-v-38c5e7fb]{
   position: absolute;
   height: 100%;
   width: 2px;
   margin-left: -1px;
   background: #fff;
}
.visitor-flow-rate .people-reclosing i[data-v-38c5e7fb]{
    position: absolute;
    top: -9px;
    left: -5px;
}
/* 统计开关 */
.people-counting-item .statistic-switch[data-v-38c5e7fb]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    min-width: 100px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.people-counting-item .statistic-switch .statistic-switch-desc[data-v-38c5e7fb]{
    margin-right: 12px;
    font-size: 16px;
    color: var(--main-color);
}
.people-counting-item .statistic-switch .arrow[data-v-38c5e7fb] {
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
}
.people-counting-item .statistic-switch .arrow i[data-v-38c5e7fb] {
    -webkit-transform-origin: center;
            transform-origin: center;
    color: #333;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.people-counting-item .statistic-switch.open .arrow i[data-v-38c5e7fb] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.people-counting-statistic[data-v-38c5e7fb]{
    background: #fff;
    height: 0 ;
    overflow: hidden;
    -webkit-transition: height .15s linear;
    transition: height .15s linear;
}
.people-counting-statistic.open[data-v-38c5e7fb]{
    height: 360px;
}

.download-form[data-v-65efc69f]{
  margin-top: 8px;
}

/*Report Selected*/
.checked-amount[data-v-65efc69f]{
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.divide-line[data-v-65efc69f]{
  border-bottom: 1px solid #dfdfdf;
  margin-top: 16px;
}
.template-preview[data-v-65efc69f]{
  width: 100%;
  height: 147px;
  background: #f0f5f7;
  border: 1px solid #dddddd;
  border-radius: 9px;
  overflow: auto;
  padding: 24px;
}
.template-preview p[data-v-65efc69f]{
  font-weight: 700;
}
.select-data[data-v-65efc69f]{
  line-height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.select-data[data-v-65efc69f]:last-child{
  border-width: 0px;
}
.select-data .select-data-item[data-v-65efc69f]{
  min-width: 120px;
  display: inline;
}
.select-data .select-data-item-icon[data-v-65efc69f]{
  text-align: right;
  margin-top: -40px;
}
.select-data .select-data-item-icon i[data-v-65efc69f] {
  font-size: 14px;
}

/*Report Header*/
.report-header-box[data-v-65efc69f] {
  height: 180px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 16px;
  background: #eff6f9;
  white-space: nowrap;
}
.report-header-item[data-v-65efc69f]{
  display: inline-block;
  vertical-align: top;
}
.report-header-item[data-v-65efc69f]:first-child{
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #dfdfdf;
}
.report-header-title[data-v-65efc69f] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.upload-box[data-v-65efc69f]{
  position: relative;
  width: 120px;
  height: 120px;
}
.upload-box .upload-logo[data-v-65efc69f] {
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  overflow: hidden;
  background: #FFFFFF;
}
.upload-box .upload-logo img[data-v-65efc69f]{
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.upload-box .upload-logo i[data-v-65efc69f]{
 font-size: 28px;
  color: #dfdfdf;
}
.upload-box .upload-logo-delete-icon[data-v-65efc69f]{
  display: none;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 10px;
  background-color: #999;
}
.upload-box:hover .upload-logo-delete-icon[data-v-65efc69f]{
  display: block;
}
.report-header-textarea[data-v-65efc69f]{
  width: 478px;
  height: 120px;
  resize: none;
}

/*附件*/
.attachment-upload-icon[data-v-65efc69f]{
  color: #999;
  vertical-align: middle;
}
.attachment-upload-text[data-v-65efc69f] {
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
  vertical-align: middle;
}
.attachment-list[data-v-65efc69f] {
  width: 621px;
  background: #f9f9f9;
  border-radius: 4px;
  padding: 8px 16px;
}
.attachment-list .attachment-item[data-v-65efc69f] {
  word-break: break-all;
  word-wrap: break-word;
}
.attachment-list .attachment-item i[data-v-65efc69f] {
  color: #059ae8;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}

/*分组显示所有字段*/
.table-field-group[data-v-65efc69f]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-65efc69f]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-field-group .table-field-number[data-v-65efc69f]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-65efc69f]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-field-group .table-field-arrow[data-v-65efc69f]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-65efc69f]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.table-field-group .utm-checkbox.table-field-item[data-v-65efc69f]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}

/*字段排序*/
.table-field-box[data-v-65efc69f]{
  padding: 16px 10px 16px 0px;
}
.table-field-box .utm-tag[data-v-65efc69f]{
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-65efc69f] {
  background: #effaff;
  border: 1px solid #059fe8;
  cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-65efc69f]{
  position: absolute;
  right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #858585;
}
.tip-icon[data-v-65efc69f]{
  vertical-align: bottom;
}
.tip-icon i[data-v-65efc69f] {
  font-weight: 400;
}
.utm-fs-16[data-v-65efc69f]{
  font-size: 14px;
  color: var(--main-color);
}
#download-report .down-load-check-box[data-v-65efc69f]{
  vertical-align: bottom;
  line-height: 40px;
}
#download-report .down-load-tip[data-v-65efc69f]{
  color: #c61c1c;
  font-size: 14px;
}

/*自动发送邮件*/
.utm-account-wapper-content li[data-v-65efc69f]{
  text-align: left;
  margin: 8px;
}
.utm-account-wapper-content li.active[data-v-65efc69f]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-65efc69f]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-65efc69f] {
  width: 450px;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
}
.utm-account-wapper .utm-account-wapper-content[data-v-65efc69f] {
  padding: 8px 0 0 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-65efc69f]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
}
.owner-item-close[data-v-65efc69f]{
  color: #b4b4b4;
  font-size: 12px;
}
#download-report .account-item-title[data-v-65efc69f]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
#download-report .account-box[data-v-65efc69f]{
  padding: 0;
  margin-bottom: 12px;
}
#download-report .account-box .account-box-owner[data-v-65efc69f] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
#download-report .add-account-btn[data-v-65efc69f]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
#download-report .add-account-btn i[data-v-65efc69f]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-65efc69f] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-65efc69f]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-65efc69f]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-65efc69f]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-65efc69f]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-65efc69f]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-65efc69f] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-65efc69f]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-65efc69f]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}

/*自动发送邮件*/
.export-video-box[data-v-65efc69f] {
  width: 293px;
  height: 40px;
  background: rgba(0, 94, 184, 0.05);
  border-radius: 4px;
  padding-left: 12px;
}

/*
Table Fields
 */
.selectFields[data-v-65efc69f]{
     font-size: 16px;
      font-weight: bold;
      color: #333;
}
.selectFields[data-v-65efc69f]::before {
    content: '* ';
    font-size: 12px;
    color: #ed3f14;
    width: 8px;
}

.hourly-report-box[data-v-65efc69f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 0 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
  color: #333;
}
.hourly-report-box .hourly-report-desc[data-v-65efc69f]{
  margin-left: 12px;
}
/*自动发送邮件*/
.utm-account-wapper-content li[data-v-65efc69f]{
  text-align: left;
  margin: 8px;
}
.utm-account-wapper-content li.active[data-v-65efc69f]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-65efc69f]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-65efc69f] {
  width: 450px;
  position: absolute;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
  z-index: 1;
}
.utm-account-wapper .utm-account-wapper-content[data-v-65efc69f] {
  padding: 8px 0 0 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-65efc69f]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
}
.owner-item-close[data-v-65efc69f]{
  color: #b4b4b4;
  font-size: 12px;
}
.account-item-title[data-v-65efc69f]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
.account-box[data-v-65efc69f]{
  padding: 0;
  margin-bottom: 12px;
}
.account-box .account-box-owner[data-v-65efc69f] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
.add-account-btn[data-v-65efc69f]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
.add-account-btn i[data-v-65efc69f]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-65efc69f] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-65efc69f]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-65efc69f]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-65efc69f]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-65efc69f]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-65efc69f]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-65efc69f] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-65efc69f]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-65efc69f]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}
/*自动发送邮件*/

#people_counting_report_pdf[data-v-3e0cd60e] {
  margin: 0 auto;
  padding: 24px 56px;
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
}
#people_counting_report_pdf .page-top[data-v-3e0cd60e] {
  padding: 0;
  font-size: 0;
  background-color: transparent;
  white-space: nowrap;
}
#people_counting_report_pdf .page-top[data-v-3e0cd60e]:after{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.page-top .page-logo[data-v-3e0cd60e] {
  width: calc( 100% - 390px );
  min-height: 46px;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.page-top .page-logo img[data-v-3e0cd60e] {
  max-width: 110px;
  max-height: 110px;
}
.page-top .page-desc[data-v-3e0cd60e] {
  float: right;
  width: 388px;
  border-top: 2px solid rgba(5, 150, 232, 1);
  text-align: right;
  display: inline-block;
  font-size: 14px;
}
.page-title[data-v-3e0cd60e] {
  color: rgba(32, 32, 32, 1);
  font-size: 24px;
  font-weight: bold;
}
.particular-content[data-v-3e0cd60e] {
  margin-bottom: 16px;
}
.particular-content .particular-title[data-v-3e0cd60e] {
  font-size: 16px;
  font-weight: 700;
  color: #059FE8;
}
.particular-content .particular-substance[data-v-3e0cd60e] {
  padding: 16px 0;
}

/*字段*/
.control-group[data-v-3e0cd60e] {
  margin-bottom: 8px;
  white-space: nowrap;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.control-group .control-label[data-v-3e0cd60e] {
  padding-right: 16px;
  display: inline-block;
  min-width: 105px;
  vertical-align: top;
  text-align: right;
}
.control-group .controls[data-v-3e0cd60e] {
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  vertical-align: top;
}
.control-group .controls .link-text[data-v-3e0cd60e]{
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  color: #00388d;
  margin-right: 4px;
}
.people-counting-pdf-header[data-v-3e0cd60e]{
  border-bottom: 2px dashed #dfdfdf;
}
.people-counting-pdf-content[data-v-3e0cd60e]{
  padding-top: 16px;
}
.people-countingpage-particular-title[data-v-3e0cd60e]{
  font-size: 14px;
  font-weight: 700;
  color: #059FE8;
}
#people_counting_report_pdf .utm-table .ivu-table .ivu-table-body td[data-v-3e0cd60e]:last-child {
  border-right: 1px solid #dfdfdf;
}

#tileManagement[data-v-67caf7da] .ivu-switch-checked {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
#tileManagement[data-v-67caf7da] .ivu-scroll-container {
  overflow-y: auto;
}
.utm-page-header[data-v-67caf7da] {
  padding: 0 0 16px 0;
}
.utm-clear-input.utm-prefix-input-dashboard .clear-input-icon[data-v-67caf7da] {
  right: 0.04rem;
  top: 0.12rem;
  font-size: 0.16rem;
  display: none;
}
#tileManagement[data-v-67caf7da] {
  width: 100%;
  height: 100%;
  background-color: #ebeff2;
  padding: 0 16px 16px 16px;
}
#tileManagement .utm-control-group[data-v-67caf7da] {
  width: 100%;
}
#tileManagement[data-v-67caf7da] .ivu-input {
  border-radius: 8px;
}
/* start 滚动条加载样式隐藏 */
#tileManagement[data-v-67caf7da] .ivu-scroll-content-loading {
  opacity: 1;
}
#tileManagement[data-v-67caf7da] .ivu-scroll-loader {
  padding-bottom: 10px !important;
}
/* end 滚动条加载样式隐藏 */
.utm-box[data-v-67caf7da] {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.utm-box .utm-box-tile-left[data-v-67caf7da] {
  min-width: 340px;
  height: 100%;
  width: 23%;
}
.utm-box .utm-box-tile-main[data-v-67caf7da] {
  min-width: 495px;
  width: 27%;
  height: 100%;
  border-left: 1px solid #dce3e8;
  border-right: 1px solid #dce3e8;
}
.utm-box .utm-box-tile-right[data-v-67caf7da] {
  min-width: 800px;
  width: 50%;
  height: 100%;
}
/* 左侧列表样式表 */
.utm-box-tile-left .tile-left-header[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #dce3e8;
  padding: 16px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 51px;
}
.utm-box-tile-left .tile-left-header .flex-r-start-center[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.utm-box-tile-left .tile-left-header .blue-line[data-v-67caf7da] {
  width: 4px;
  height: 24px;
  background: #059fe8;
  margin-right: 8px;
}
.utm-box-tile-left .tile-left-header span[data-v-67caf7da] {
  font-size: 14px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.utm-box-tile-left .tile-left-tab ul[data-v-67caf7da] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #dce3e8;
}
.utm-box-tile-left .tile-left-tab ul li[data-v-67caf7da] {
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  line-height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.utm-box-tile-left .tile-left-tab ul li div[data-v-67caf7da] {
  cursor: pointer;
  height: 45px;
}
.utm-box-tile-left .tile-left-tab ul li .active[data-v-67caf7da] {
  border-bottom: 2px solid #059fe8;
  color: #059fe8;
}
.utm-box-tile-left .tile-left-content[data-v-67caf7da] {
  height: calc(100% - 86px);
}
.utm-box-tile-left .tile-left-content .input[data-v-67caf7da] {
  padding: 16px 17px 0 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.utm-box-tile-left .alarm-list .list-icon > i[data-v-67caf7da] {
  color: #999999;
  font-size: 24px;
}
.utm-box-tile-left .alarm-list[data-v-67caf7da] {
  height: calc(100% - 80px);
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
  overflow: auto;
  overflow-x: hidden;
  margin-top: 16px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.utm-box-tile-left .alarm-list .list-item[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.utm-box-tile-left .alarm-list .list-item-check[data-v-67caf7da] {
  background: rgba(5, 159, 232, 0.2);
}
.utm-box-tile-left .alarm-list .list-item[data-v-67caf7da]:hover {
  background: rgba(5, 159, 232, 0.2);
}
.utm-box-tile-left .alarm-list .list-item .list-item-name[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 40px;
  margin-top: 4px;
}
.alarm-list .list-item .list-item-name .name[data-v-67caf7da] {
  width: 205px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin-left: 8px;
}
/* 中间部分 */
.utm-box-tile-main .search-box[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 11px 16px 11px;
}
.utm-box-tile-main .search-box .timer[data-v-67caf7da] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.utm-box-tile-main .search-box .select-time-to[data-v-67caf7da] {
  margin: 0 8px;
}
.utm-box-tile-main .right-center[data-v-67caf7da] {
  overflow: auto;
  overflow-x: hidden;
  height: calc(100% - 70px);
  padding: 0px 16px 10px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.event-card[data-v-67caf7da] {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 16px;
  border: 1px solid #ff8a00;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.event-card .main[data-v-67caf7da] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.event-card[data-v-67caf7da]:first-child {
  margin-top: 0;
}
.event-card[data-v-67caf7da]:hover {
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
}
.event-card .left-rect[data-v-67caf7da] {
  width: 48px;
  height: 48px;
  background: #ff8a00;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(38, 38, 38, 0.12);
          box-shadow: 0px 0px 12px 0px rgba(38, 38, 38, 0.12);
  text-align: center;
  color: #ffffff;
  line-height: 48px;
}
.event-card .right-des[data-v-67caf7da] {
  width: 100%;
  overflow: hidden;
  margin-left: 16px;
}
.event-card .right-des > div[data-v-67caf7da] {
  width: 100%;
  overflow: hidden;
}
.event-card .right-des > div[data-v-67caf7da]:first-of-type {
  width: 100%;
  height: 18px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  line-height: 18px;
}
.event-card .right-des > div[data-v-67caf7da]:nth-of-type(2) {
  height: 16px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 16px;
  margin-top: 12px;
}
.event-card .right-des .right-des-time[data-v-67caf7da] {
  text-align: left;
  width: 100%;
  height: 16px;
  font-size: 12px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #b4b4b4;
  line-height: 16px;
}
.event-card .right-des .left-des-time[data-v-67caf7da] {
  font-size: 12px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 12px;
}
.event-card .left-des-time .location[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-card .left-des-time .utm-font-des-icon[data-v-67caf7da] {
  font-size: 14px;
  margin-left: 0px;
  font-weight: 600;
  line-height: 1;
  color: #b4b4b4;
  text-align: center;
}
.event-card .left-des-time .location span[data-v-67caf7da] {
  margin-left: 4px;
}
.event-card .left-des-time .timer[data-v-67caf7da] {
  margin-left: 5px;
}
.event-card .tools[data-v-67caf7da] {
  width: 100%;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tools .location .utm-font[data-v-67caf7da] {
  font-size: 12px;
  font-weight: 400;
  color: #b4b4b4;
}
.tools .location span[data-v-67caf7da] {
  font-size: 12px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.tools .toolItem .utm-font[data-v-67caf7da] {
  font-size: 24px;
  color: var(--main-color);
  margin-left: 16px;
  font-weight: 400;
}
.event-card .tools .utm-see-video-disable[data-v-67caf7da] {
  color: #999999;
  cursor: not-allowed;
}
/* 右侧地图样式表 */
.utm-box-tile-right .tile-right-header[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 51px;
}
.utm-box-tile-right .tile-right-header .flex-r-start-center[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.utm-box-tile-right .tile-right-header .blue-line[data-v-67caf7da] {
  width: 4px;
  height: 24px;
  background: #059fe8;
  margin-right: 8px;
}
.utm-box-tile-right .tile-right-header span[data-v-67caf7da] {
  font-size: 14px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.utm-box-tile-right .content[data-v-67caf7da] {
  height: calc(100% - 51px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 14px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.utm-box-tile-right .content .tabs-map[data-v-67caf7da] {
  height: 87px;
  background: #ffffff;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
}
.utm-box-tile-right .content .map-detail[data-v-67caf7da] {
  height: calc(100% - 87px);
  background: #ffffff;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  margin-top: 12px;
}
.content .tabs-map .isNull[data-v-67caf7da] {
  height: 87px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
.content .map-detail .isNull[data-v-67caf7da] {
  height: calc(100% - 87px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
.utm-box-tile-right .utm-content-list .tabs-map[data-v-67caf7da] {
  height: 90px;
  background: #ffffff;
  border: none;
  border-radius: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-box-tile-right .utm-content-list .map-detail[data-v-67caf7da] {
  height: calc(100% - 90px);
  background: #ffffff;
  border: 1px solid #059fe8;
  border-radius: 8px;
  margin-top: 12px;
}
.content .map-list[data-v-67caf7da] {
  height: 113px;
}
.utm-content-list .map-list[data-v-67caf7da] {
  height: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .image-slider[data-v-67caf7da] {
  height: 87px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.content .image-slider .box-border[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .image-slider img[data-v-67caf7da] {
  width: 162px;
  height: 83px;
}
.content .image-slider .utm-button-left[data-v-67caf7da] {
  width: 25px;
  height: 87px;
  background: #ffffff;
  border: 1px solid var(--main-color);
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .image-slider .utm-button-left .utm-font[data-v-67caf7da] {
  font-size: 16px;
  font-weight: 600;
  color: var(--main-color);
}
.content .image-slider .utm-button-right[data-v-67caf7da] {
  width: 25px;
  height: 87px;
  background: #ffffff;
  border: 1px solid #059fe8;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .image-slider .utm-button-right .utm-font[data-v-67caf7da] {
  font-size: 16px;
  font-weight: 600;
  color: var(--main-color);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.content .image-slider .utm-button-disable[data-v-67caf7da] {
  background-color: #b4b4b4;
  border-color: #b4b4b4;
  pointer-events: none;
  cursor: not-allowed;
  cursor: no-drop;
  opacity: 0.6;
}
.content .image-slider .utm-button-disable .utm-font[data-v-67caf7da] {
  color: #333333;
}
/*右侧地图部分*/
.utm-content-list .map-container[data-v-67caf7da] {
  height: 100%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#map-img[data-v-67caf7da] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.badge-mode[data-v-67caf7da] {
  background-color: white;
}
.utm-badge-circle.mode-type-icon[data-v-67caf7da] {
  position: absolute;
  right: 28px;
  top: -10px;
  z-index: 1;
  display: inline-block;
}
.utm-badge-circle.unread-msg-count[data-v-67caf7da] {
  position: absolute;
  right: -5px;
  top: -10px;
  z-index: 1;
}
.utm-badge-circle.unread-msg-count[data-v-67caf7da]:after {
  content: "";
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: rgba(190, 49, 49, 0.6);
  position: absolute;
  left: -27px;
  top: -29px;
  z-index: -1;
  -webkit-animation: flash-data-v-67caf7da 1.4s infinite;
          animation: flash-data-v-67caf7da 1.4s infinite;
}
@-webkit-keyframes flash-data-v-67caf7da {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
}
}
@keyframes flash-data-v-67caf7da {
0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.8;
}
45% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
}
}
/*操作面板*/
.point-operate-panel-box[data-v-67caf7da] {
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  border-radius: 19px;
}
.point-operate-panel[data-v-67caf7da] {
  position: fixed;
  left: 0;
  top: 0;
  width: 280px;
  padding: 8px 8px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  color: #059fe8;
  font-size: 16px;
  z-index: 6;
}
.point-operate-panel[data-v-67caf7da]:before {
  content: "";
  width: 0;
  height: 0px;
  border: 8px solid;
  border-color: transparent transparent #fff;
  position: absolute;
  top: -15px;
  left: 7px;
}
.point-operate-panel .operate-item[data-v-67caf7da] {
  padding: 0 16px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.point-operate-panel .operate-item span[data-v-67caf7da] {
  vertical-align: middle;
}
.point-operate-panel .operate-item .utm-font[data-v-67caf7da] {
  color: #059fe8;
  margin-right: 4px;
  font-size: 24px;
  vertical-align: middle;
}
.point-operate-panel .operate-item[data-v-67caf7da]:hover {
  background: #eff6f9;
  cursor: pointer;
}
.tileMapTitle[data-v-67caf7da] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
}
.utm-field-item[data-v-67caf7da],
.utm-field-item .field-item-name[data-v-67caf7da],
.utm-field-item .field-item-content[data-v-67caf7da] {
  line-height: 34px;
  min-height: 34px;
  font-size: 14px;
}
.utm-field-item .field-item-name[data-v-67caf7da] {
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  width: 120px;
}
.utm-field-item .field-item-content[data-v-67caf7da] {
  color: #ffffff;
  max-width: calc(100% - 123px);
}
/*底部栏*/
.map-footer .footer-box-left.box-shrink[data-v-67caf7da] {
  width: 0;
  border-right: 0;
  opacity: 0;
}
/*底部*/
#alarm-map .map-footer[data-v-67caf7da] {
  position: relative;
  padding: 8px 16px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  width: 100%;
  height: 130px;
  background: #fff;
  border-radius: 8px 8px 0px 0px;
  -webkit-box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.shrink-container .map-footer[data-v-67caf7da] {
  height: 0;
}
.utm-shrink-button.shrink-footer[data-v-67caf7da] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  top: unset;
  bottom: -42px;
  left: 50%;
}
.utm-box .utm-shrink-button.shrink-footer.shrink-button1[data-v-67caf7da] {
  left: 50%;
}
.map-footer .footer-box-left[data-v-67caf7da] {
  position: relative;
  width: 485px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.footer-box-left .right-line[data-v-67caf7da] {
  position: absolute;
  right: 0;
  top: 12px;
  height: 92px;
  width: 1px;
  background-color: #dfdfdf;
}
.footer-box-left .date-container[data-v-67caf7da],
.footer-box-left .event-filter-box[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 8px;
}
.footer-box-left button[data-v-67caf7da] {
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer-box-right .footer-expand-btn[data-v-67caf7da] {
  width: 31px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#0598e8), to(#05b9e8));
  background: linear-gradient(180deg, #0598e8, #05b9e8);
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  z-index: 1;
}
.footer-box-right .event-msg-box[data-v-67caf7da] {
  margin-left: 16px;
  width: calc(100% - 31px);
  height: 100%;
  overflow-x: auto;
}
.footer-box-right .event-msg-box.no-data[data-v-67caf7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 31px;
}
.event-msg-box .event-msg-item[data-v-67caf7da] {
  margin: 0px 16px 16px 0;
  width: 40px;
  height: 40px;
  background: #059ae8;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
  cursor: pointer;
}
.map-footer .footer-box-right[data-v-67caf7da] {
  margin-top: 2px;
  padding: 10px 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*消息详情*/
#alarm-map .message-detail[data-v-67caf7da] {
  width: 360px;
  height: 116px;
  background: #ffffff;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  position: fixed;
  display: none;
  z-index: 10;
}
.message-detail .detail-content-box[data-v-67caf7da] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail-content-box .event-level[data-v-67caf7da] {
  width: 44px;
  height: 100%;
  opacity: 0.9;
  background: #f2c355;
  border-radius: 4px 0px 0px 4px;
  color: #fff;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-content-box .event-content[data-v-67caf7da] {
  padding: 8px 16px;
  font-size: 16px;
  width: calc(100% - 44px);
}
.event-content .event-name[data-v-67caf7da] {
  font-weight: bold;
}
.event-content .event-time[data-v-67caf7da] {
  color: rgba(153, 153, 153, 1);
}
.event-content .event-name[data-v-67caf7da],
.event-content .event-time[data-v-67caf7da],
.event-content .event-txt[data-v-67caf7da] {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px 0;
}
.footer-box-right .footer-expand-btn i[data-v-67caf7da] {
  color: #fff;
  font-size: 30px;
}
.alarm-map-device-icon[data-v-67caf7da] {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 18px;
  z-index: 1;
}
.alarm-map-device-icon[data-v-67caf7da]:hover {
  z-index: 2;
}
#map-case[data-v-67caf7da] .utm-location-icon.alarm-point-device {
  position: relative;
  top: 5px;
  left: 5px;
  margin-top: 0px;
  margin-left: 0px;
  display: block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
/*视频模态框*/
#alarm-map .video-info[data-v-67caf7da] {
  width: 100%;
}
#alarm-map .video-info .title[data-v-67caf7da] {
  margin: 15px 0;
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
#alarm-map .video-info .title span[data-v-67caf7da],
#alarm-map .video-info .title > div[data-v-67caf7da] {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#alarm-map .video-info .title span.device-name[data-v-67caf7da] {
  max-width: 330px;
}
#alarm-map .video-info .title span.map-name[data-v-67caf7da] {
  max-width: 135px;
  cursor: pointer;
}
#alarm-map .video-info .video-info-item[data-v-67caf7da] {
  display: inline-block;
  margin-top: 5px;
  width: 340px;
}
#alarm-map .circle-shape-tag[data-v-67caf7da] {
  display: inline-block;
  padding: 0 11px;
  margin: 4px 8px;
  margin-left: 8px;
  min-width: 52px;
  height: 22px;
  line-height: 19px;
  background: transparent;
  border: 1px solid #059fe8;
  color: #059fe8;
  text-align: center;
  border-radius: 10px;
  font-size: 14px;
}
.user-box-item[data-v-67caf7da] {
  width: 78px;
  height: 78px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-left: 12px;
  cursor: pointer;
}
#alarm-map .user-box-item[data-v-67caf7da]:hover {
  background: #eff6f9;
  cursor: pointer;
}
.change-type-item[data-v-67caf7da] {
  width: 126px;
  height: 78px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-left: 12px;
  cursor: pointer;
}
.change-type-item[data-v-67caf7da]:hover {
  background: #eff6f9;
  cursor: pointer;
}
.change-type-item.disEdit[data-v-67caf7da] {
  background: #dfdfdf;
}
.change-type-item.disEdit > i p[data-v-67caf7da] {
  color: #dfdfdf;
}
.user-box[data-v-67caf7da] {
  padding: 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-box-type[data-v-67caf7da] {
  position: absolute;
  top: 130px;
  padding: 0 12px;
}
.change-type[data-v-67caf7da] {
  position: absolute;
  top: 260px;
  padding: 0 8px;
}
.change-type p[data-v-67caf7da] {
  color: #333;
  font-size: 12px;
}
.change-type i[data-v-67caf7da] {
  margin-left: 45px;
}
.user-box-type p[data-v-67caf7da] {
  color: #333;
  font-size: 12px;
}
.user-box-type i[data-v-67caf7da] {
  margin-left: 15px;
}
.user-box-icon[data-v-67caf7da] {
  margin-top: 10px;
  margin-left: 50px;
  display: none;
}
.user-box-icon .step-node[data-v-67caf7da] {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.user-box-item.active[data-v-67caf7da] {
  color: #05aee8;
  border: 2px solid #05aee8;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(5, 154, 232, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(5, 154, 232, 0.16);
}
.user-box-type.active .user-box-type[data-v-67caf7da] {
  color: #05aee8;
}
.user-box-item.active .user-box-icon[data-v-67caf7da] {
  display: block;
}
.tip-box[data-v-67caf7da] {
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
.under-line[data-v-67caf7da] {
  width: 265px;
  height: 1px;
  background: #dfdfdf;
}
.status-child svg[data-v-67caf7da] {
  width: 24px;
  height: 24px;
}
.utm-tooltip[data-v-67caf7da] .ivu-tooltip-inner {
  background-color: rgba(0, 0, 0, 0.75) !important;
  border-radius: 4px !important;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15) !important;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.disabled[data-v-67caf7da] {
  pointer-events: none;
  opacity: 0.5;
}
.right-des[data-v-67caf7da] .utm-ellipsis-txt {
  color: #333333;
}

#virtual-patrol[data-v-5fd4c27a] {
  height: 100%;
  width: 100%;
}
#virtual-patrol .patrol-content[data-v-5fd4c27a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.patrol-content .patrol-left[data-v-5fd4c27a] {
  min-width: 245px;
  border-radius: 8px 0px 0px 8px;
  -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: relative;
}
.patrol-left.shrink[data-v-5fd4c27a] {
  width: 0;
  min-width: 0;
  opacity: 0;
}
.patrol-content .patrol-right[data-v-5fd4c27a] {
  width: 100%;
  padding: 16px 16px 16px 24px;
}
.patrol-content .utm-shrink-button[data-v-5fd4c27a] {
  left: 262px;
}
.patrol-content .utm-shrink-button.shrink-button1[data-v-5fd4c27a] {
  left: 16px;
}
#virtual-patrol .patrol-title[data-v-5fd4c27a] {
  font-size: 20px;
  font-weight: bold;
  padding: 8px 16px;
  display: inline-block;
}
.patrol-left .video-back-list[data-v-5fd4c27a] {
  overflow-y: auto;
  height: calc(100% - 46px);
}
.video-back-list .video-back-item[data-v-5fd4c27a] {
  width: 100%;
  margin-bottom: 8px;
  padding: 8px;
}
.video-back-list .video-back-item[data-v-5fd4c27a]:hover,
.video-back-list .video-back-item.active[data-v-5fd4c27a] {
  background: #effaff;
}
.video-back-item .video-box[data-v-5fd4c27a] {
  width: 100%;
  height: 120px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  border-radius: 4px;
}
.patrol-right .patrol-right-top[data-v-5fd4c27a] {
  position: relative;
}
.patrol-right-top .video-name[data-v-5fd4c27a] {
  font-size: 20px;
  font-weight: bold;
}
.patrol-right-top .patrol-operate-btn[data-v-5fd4c27a] {
  position: absolute;
  right: 0;
  top: 0;
}
.patrol-operate-btn button[data-v-5fd4c27a] {
  margin-right: 8px;
}
.patrol-right .current-video-box[data-v-5fd4c27a] {
  width: 100%;
  height: calc(100% - 230px);
  border: 1px dashed #999;
  border-radius: 4px;
  background: #bcbcbc;
  position: relative;
  margin-top: 16px;
}
.current-video-box .play-btn[data-v-5fd4c27a],
.ready-video-item .ready-video-play[data-v-5fd4c27a] {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.play-btn i[data-v-5fd4c27a] {
  display: block;
  font-size: 65px;
}
.patrol-right .ready-video-list[data-v-5fd4c27a] {
  margin-top: 16px;
  margin-right: 16px;
  height: 158px;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.ready-video-list .ready-video-item[data-v-5fd4c27a] {
  width: 280px;
  height: 158px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  display: inline-block;
  position: relative;
  margin-right: 16px;
}
.ready-video-play i[data-v-5fd4c27a] {
  display: block;
  font-size: 20px;
}
.utm-btn.read-play-btn[data-v-5fd4c27a] {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border: 1px solid #fff;
}

/***********patrol管理********/
.setting-box-top[data-v-5fd4c27a]{
  margin-bottom: -1px;
}
.setting-box-top .setting-tab[data-v-5fd4c27a] {
  background: #effaff;
  padding: 4px 24px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  margin-right: -3px;
  cursor: pointer;
}
.setting-box-top .setting-tab.active[data-v-5fd4c27a]{
  color: rgba(5,159,232,1);
  background: #fff;
  border: 1px solid;
  border-radius: 4px 4px 0 0;
  border-color: #99c7df #99c7df #fff #99c7df;
}
.utm-modal-body .setting-content[data-v-5fd4c27a]{
  border: 1px solid #99c7df;
  -webkit-box-shadow: 3px 3px 8px 0px rgba(5,154,232,0.16);
          box-shadow: 3px 3px 8px 0px rgba(5,154,232,0.16);
  border-radius: 0 0 4px 4px;
  padding: 16px 24px;
}
.setting-content .patrol-sequence[data-v-5fd4c27a]{
  font-size: 18px;
  font-weight: bold;
}
.setting-content .camera-desc[data-v-5fd4c27a]{
  margin: 8px 150px 8px 0;
  display: inline-block;
}
.setting-content .camera-manage[data-v-5fd4c27a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.camera-manage .manage-box-left[data-v-5fd4c27a]{
  width: 50%;
}
.camera-manage .manage-box-right[data-v-5fd4c27a]{
  width: 50%;
  height: 587px;
  background: #ffffff;
  border: 1px solid #b8b8b8;
  margin-left: 16px;
  padding: 8px 16px;
}
.manage-box-left .camera-view[data-v-5fd4c27a]{
  width: 100%;
  height: 450px;
  background: #eeeeee;
  border: 1px solid #99c7df;
}
.camera-view.selected[data-v-5fd4c27a],
.current-setting-patrol[data-v-5fd4c27a]{
  position: relative;
  background: rgba(239,250,255,1);
}
.camera-view.selected .utm-border-close[data-v-5fd4c27a]{
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 24px;
}
.camera-view .drag-tip[data-v-5fd4c27a]{
  font-size: 20px;
  color: rgba(153,153,153,1);
  margin-top: 30%;
  text-align: center;
}
.camera-view .drag-tip i[data-v-5fd4c27a]{
  font-size: 50px;
  color: rgba(153,153,153,1);
}
.manage-box-left .set-camera-list[data-v-5fd4c27a]{
  width: 100%;
  background: #eeeeee;
  overflow-x: scroll;
  overflow-y: hidden;
  border: 1px solid #b8b8b8;
  margin-top: 16px;
  padding: 16px;
  white-space: nowrap;
}

/*未设置摄像头*/
.set-camera-list .ready-set-camera[data-v-5fd4c27a]{
  width: 142px;
  height: 70px;
  border-radius: 4px;
  background: #eeeeee;
  border: 1px dashed #b8b8b8;
  color: rgba(184,184,184,1);
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin: 0 4px;
  position: relative;
  cursor: pointer;
}
.ready-set-camera .utm-add-icon[data-v-5fd4c27a]{
  display: block;
  color: rgba(184,184,184,1);
  font-size: 28px;
  margin-bottom: -8px;
}

/*选中*/
.ready-set-camera.active[data-v-5fd4c27a]:after{
  content: '';
  height: 82px;
  width: 154px;
  border: 2px solid #059fe8;
  display: inline-block;
  position: absolute;
  top: -7px;
  right: -7px;
  border-radius: 8px;
}

/*已设置摄像头*/
.set-camera-list .ready-set-camera.setting-camera[data-v-5fd4c27a]{
  background: #effaff;
  border: 1px solid #99c7df;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ready-set-camera.setting-camera .utm-camera-icon[data-v-5fd4c27a]{
  display: block;
  font-size: 28px;
  color: rgba(153,199,223,1);
}
.manage-box-right .search-camera-box[data-v-5fd4c27a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.manage-box-right .search-camera-item[data-v-5fd4c27a]{
  margin: 2px;
}
.manage-box-right .camera-list[data-v-5fd4c27a]{
  max-height: calc(100% - 45px);
  overflow-y: auto;
}
.camera-list .camera-item[data-v-5fd4c27a]{
  padding: 4px 0;
  cursor: move;
}
.camera-item i[data-v-5fd4c27a]{
  color: rgba(133,133,133,1);
  font-size: 24px;
}
.setting-content .patrol-time-operate[data-v-5fd4c27a]{
  text-align: right;
}
.setting-content .patrol-time-operate button[data-v-5fd4c27a]{
  margin: 0 4px;
}

#watch_list[data-v-ef383036]{
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#watch_list .event-content[data-v-ef383036]{
  background: #fff;
  height: calc(100% - 51px);
  width: 100%;
}

/*******************报表详情模态框******************************/
.particular-box-top[data-v-f6c16d80] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-f6c16d80] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-f6c16d80] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-f6c16d80] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-f6c16d80]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-f6c16d80] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-f6c16d80]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-f6c16d80]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-f6c16d80] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-f6c16d80]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-f6c16d80] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-f6c16d80] {
  margin-top: 7px;
}
.visitor-specific[data-v-f6c16d80]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-f6c16d80] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-f6c16d80]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-f6c16d80]{
  position: relative;
}
.visitor-point-content[data-v-f6c16d80]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-f6c16d80]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-f6c16d80]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-f6c16d80]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-f6c16d80] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-f6c16d80] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-f6c16d80] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-f6c16d80] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-f6c16d80]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-f6c16d80]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-f6c16d80]{
  display: none;
}
.addition-info-title[data-v-f6c16d80]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-f6c16d80]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-f6c16d80]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-f6c16d80]{
  color: #059FE8;
  cursor: pointer;
}
#currentUser-report[data-v-f6c16d80]{
  height: 100%;
}
.checkout-modal .utm-control-label[data-v-f6c16d80]{
  width: 170px;
}
.checkout-modal .utm-controls[data-v-f6c16d80]{
  margin-left: 170px;
}
.tip-box[data-v-f6c16d80]{
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
.tip-box span[data-v-f6c16d80]{
  vertical-align: middle;
}
#currentUser-report .utm-field-item .field-item-name[data-v-f6c16d80]{
  width: 175px;
}
#currentUser-report .utm-field-item .field-item-content[data-v-f6c16d80]{
  max-width: calc( 100% - 178px );
}
.field-item-content.user-name[data-v-f6c16d80]{
  width: calc( 100% - 178px );
  height: 30px;
  overflow: visible;
}
.field-item-content.user-name>span[data-v-f6c16d80]{
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 220px);
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-item-content.user-name button[data-v-f6c16d80]{
  margin-top: -5px;
  margin-left: 8px;
}
/* User 新增Profile Photo照片 */
.particular-box-substance .access-visitorStr[data-v-f6c16d80] {
    margin:0;
}
.access-visitorStr p[data-v-f6c16d80]{
  padding-left: 14px;
}
.particularContent[data-v-f6c16d80]{
  margin-bottom: 16px;
}
.utm-setting-table-header-operation[data-v-f6c16d80]{
    line-height: 0.28rem;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-c9a2d3d6] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-c9a2d3d6] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-c9a2d3d6] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-c9a2d3d6] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-c9a2d3d6]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-c9a2d3d6] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-c9a2d3d6]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-c9a2d3d6]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-c9a2d3d6] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-c9a2d3d6]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-c9a2d3d6] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-c9a2d3d6] {
  margin-top: 7px;
}
.visitor-specific[data-v-c9a2d3d6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-c9a2d3d6] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-c9a2d3d6]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-c9a2d3d6]{
  position: relative;
}
.visitor-point-content[data-v-c9a2d3d6]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-c9a2d3d6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-c9a2d3d6]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-c9a2d3d6]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-c9a2d3d6] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-c9a2d3d6] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-c9a2d3d6] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-c9a2d3d6] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-c9a2d3d6]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-c9a2d3d6]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-c9a2d3d6]{
  display: none;
}
.addition-info-title[data-v-c9a2d3d6]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-c9a2d3d6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-c9a2d3d6]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-c9a2d3d6]{
  color: #059FE8;
  cursor: pointer;
}
#currentUser-report[data-v-c9a2d3d6]{
  height: 100%;
}
.checkout-modal .utm-control-label[data-v-c9a2d3d6]{
  width: 170px;
}
.checkout-modal .utm-controls[data-v-c9a2d3d6]{
  margin-left: 170px;
}
.tip-box[data-v-c9a2d3d6]{
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
.tip-box span[data-v-c9a2d3d6]{
  vertical-align: middle;
}
#currentUser-report .utm-field-item .field-item-name[data-v-c9a2d3d6]{
  width: 175px;
}
#currentUser-report .utm-field-item .field-item-content[data-v-c9a2d3d6]{
  max-width: calc( 100% - 178px );
}
.field-item-content.user-name[data-v-c9a2d3d6]{
  width: calc( 100% - 178px );
  height: 30px;
  overflow: visible;
}
.field-item-content.user-name>span[data-v-c9a2d3d6]{
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 220px);
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-item-content.user-name button[data-v-c9a2d3d6]{
  margin-top: -5px;
  margin-left: 8px;
}
/* User 新增Profile Photo照片 */
.particular-box-substance .access-visitorStr[data-v-c9a2d3d6] {
    margin:0;
}
.access-visitorStr p[data-v-c9a2d3d6]{
  padding-left: 14px;
}
.particularContent[data-v-c9a2d3d6]{
  margin-bottom: 16px;
}
.utm-setting-table-header-operation[data-v-c9a2d3d6]{
    line-height: 0.28rem;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-3a088f61] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-3a088f61] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-3a088f61] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-3a088f61] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-3a088f61]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-3a088f61] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-3a088f61]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-3a088f61]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-3a088f61] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-3a088f61]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-3a088f61] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-3a088f61] {
  margin-top: 7px;
}
.visitor-specific[data-v-3a088f61]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-3a088f61] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-3a088f61]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-3a088f61]{
  position: relative;
}
.visitor-point-content[data-v-3a088f61]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-3a088f61]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-3a088f61]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-3a088f61]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-3a088f61] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-3a088f61] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-3a088f61] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-3a088f61] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-3a088f61]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-3a088f61]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-3a088f61]{
  display: none;
}
.addition-info-title[data-v-3a088f61]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-3a088f61]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-3a088f61]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-3a088f61]{
  color: #059FE8;
  cursor: pointer;
}
#current_vehicle_report[data-v-3a088f61]{
  height: 100%;
}
.checkout-modal .utm-control-label[data-v-3a088f61]{
  width: 170px;
}
.checkout-modal .utm-controls[data-v-3a088f61]{
  margin-left: 170px;
}
.tip-box[data-v-3a088f61]{
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
.tip-box span[data-v-3a088f61]{
  vertical-align: middle;
}
#current_vehicle_report .utm-field-item .field-item-name[data-v-3a088f61]{
  width: 175px;
}
#current_vehicle_report .utm-field-item .field-item-content[data-v-3a088f61]{
  max-width: calc( 100% - 178px );
}
.checkout-vehicle-list[data-v-3a088f61]{
  min-height: 40px;
  background: rgba(239,246,249,0.60);
  border-radius: 4px;
  padding: 4px 12px;
}
.checkout-vehicle-list .checkout-vehicle-item[data-v-3a088f61]{
  display: inline-block;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  padding: 4px;
}
.checkout-vehicle-list .checkout-vehicle-item i.utm-font[data-v-3a088f61]{
  font-size: 16px;
  color: #848484;
}
.field-item-content.user-name[data-v-3a088f61]{
  width: calc( 100% - 178px );
  height: 30px;
  overflow: visible;
}
.field-item-content.user-name>span[data-v-3a088f61]{
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 220px);
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-item-content.user-name button[data-v-3a088f61]{
  margin-top: -5px;
  margin-left: 8px;
}

.occupancy-monitoring-page[data-v-62cec844] {
  height: 100%;
  width: 100%;
}

.drawer-modal-header[data-v-0c04d71f]{
  font-size: 20px;
  font-weight: 700;
  color: #323537;
}
.search-box[data-v-0c04d71f]{
  height: 49px;
  border-bottom: 1px dashed #e1e4e6;
}
.search-item-title[data-v-0c04d71f]{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 700;
  color: rgba(0,0,0,0.85);
}
.search-item-content[data-v-0c04d71f]{
  display: inline-block;
  max-width: calc(100% - 150px);
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-left: 12px;
  white-space: normal;
  word-break: break-all;
}
.people-detail-ul[data-v-0c04d71f]{
  margin: 9px 0 0 -9px;
}
.people-detail-ul .people-detail-li[data-v-0c04d71f]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.people-detail-ul .people-detail-li[data-v-0c04d71f]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.people-detail-ul .people-detail-li[data-v-0c04d71f]:after{
  content: '';
  position: absolute;
  top: 6px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border: 2px solid #dfdfdf;
  border-radius: 50%;
}
.people-detail-ul .people-detail-li[data-v-0c04d71f]:first-child:after{
  display: none;
}
.people-detail-ul .people-detail-li[data-v-0c04d71f]:last-child:before{
  display: none;
}
.detail-li-icon[data-v-0c04d71f]{
  position: absolute;
  top: 7px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: var(--main-color);
  border-radius: 50%;
}
.drawer-modal-content[data-v-0c04d71f]{
  margin-top: 16px;
}
.modal-content-title[data-v-0c04d71f]{
  font-size: 16px;
  font-weight: 700;
  color: rgba(0,0,0,0.85);
}
.detail-li-time[data-v-0c04d71f]{
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
}
.detail-li-count[data-v-0c04d71f]{
  font-size: 14px;
  color: #333333;
}
.search-item-title-line[data-v-0c04d71f]{
  border-left: 1px solid #dfdfdf;
  margin-left: 8px;
  padding-left: 8px;
}
#report_detail .module-tab[data-v-0c04d71f]{
  padding: 4px 16px 0;
  border-bottom: 1px solid #dfdfdf;
}
#report_detail .module-tab .tab-item[data-v-0c04d71f]{
  display: inline-block;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
}
#report_detail .module-tab .tab-item span[data-v-0c04d71f]{
  display: inline-block;
  vertical-align: middle;
}
#report_detail .module-tab .tab-item.active[data-v-0c04d71f]{
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
  font-weight: bold;
}
.footer-box[data-v-0c04d71f]{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e1e4e6;
  padding: 16px;
  text-align: right;
}
.module-tab .tab-item[data-v-0c04d71f]{
  display: inline-block;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
}
.module-tab .tab-item span[data-v-0c04d71f]{
  display: inline-block;
  vertical-align: middle;
}
.module-tab .tab-item.active[data-v-0c04d71f]{
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}
.module-content[data-v-0c04d71f]{
  height: calc( 100% - 120px );
}
.monitoring-detail[data-v-0c04d71f]{
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.drawer-modal-header[data-v-120ca91a]{
    font-size: 20px;
    font-weight: 700;
    color: #323537;
}
.search-box[data-v-120ca91a]{
    height: 49px;
    border-bottom: 1px dashed #e1e4e6;
}
.search-item-title[data-v-120ca91a]{
    font-size: 16px;
    font-weight: 700;
    color: rgba(0,0,0,0.85);
}
.search-item-content[data-v-120ca91a]{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin-left: 12px;
    white-space: normal;
    word-break: break-all;
}
.people-detail-ul[data-v-120ca91a]{
    margin: 9px 0 0 -9px;
}
.people-detail-ul .people-detail-li[data-v-120ca91a]{
    position: relative;
    padding: 0 16px 12px 30px;
}
.people-detail-ul .people-detail-li[data-v-120ca91a]:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 14px;
    top: 16px;
    background: rgba(223,223,223,1);
}
.people-detail-ul .people-detail-li[data-v-120ca91a]:after{
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: 2px solid #dfdfdf;
    border-radius: 50%;
}
.people-detail-ul .people-detail-li[data-v-120ca91a]:first-child:after{
    display: none;
}
.people-detail-ul .people-detail-li[data-v-120ca91a]:last-child:before{
    display: none;
}
.detail-li-icon[data-v-120ca91a]{
    position: absolute;
    top: 7px;
    left: 10px;
    width: 10px;
    height: 10px;
    background: var(--main-color);
    border-radius: 50%;
}
.drawer-modal-content[data-v-120ca91a]{
    margin-top: 16px;
}
.modal-content-title[data-v-120ca91a]{
    font-size: 16px;
    font-weight: 700;
    color: rgba(0,0,0,0.85);
}
.detail-li-time[data-v-120ca91a]{
    font-size: 14px;
    font-weight: 400;
    color: #8c8c8c;
}
.detail-li-count[data-v-120ca91a]{
    font-size: 14px;
    color: #333333;
}
.search-item-title-line[data-v-120ca91a]{
    border-left: 1px solid #dfdfdf;
    margin-left: 8px;
    padding-left: 8px;
}
.footer-box[data-v-120ca91a]{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e1e4e6;
    padding: 16px;
    text-align: right;
}
.module-tab[data-v-120ca91a]{
    padding: 4px 16px 0;
    border-bottom: 1px solid #ddd;
}
.module-tab .tab-item[data-v-120ca91a]{
    display: inline-block;
    margin-right: 50px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
    color: #333;
    cursor: pointer;
}
.module-tab .tab-item span[data-v-120ca91a]{
    display: inline-block;
    vertical-align: middle;
}
.module-tab .tab-item.active[data-v-120ca91a]{
    color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
    font-weight: bold;
}
.module-content[data-v-120ca91a]{
    height: calc( 100% - 120px );
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-45be16d6] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-45be16d6] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-45be16d6] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-45be16d6] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-45be16d6]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-45be16d6] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-45be16d6]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-45be16d6]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-45be16d6] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-45be16d6]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-45be16d6] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-45be16d6] {
  margin-top: 7px;
}
.visitor-specific[data-v-45be16d6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-45be16d6] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-45be16d6]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-45be16d6]{
  position: relative;
}
.visitor-point-content[data-v-45be16d6]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-45be16d6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-45be16d6]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-45be16d6]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-45be16d6] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-45be16d6] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-45be16d6] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-45be16d6] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-45be16d6]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-45be16d6]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-45be16d6]{
  display: none;
}
.addition-info-title[data-v-45be16d6]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-45be16d6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-45be16d6]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-45be16d6]{
  color: #059FE8;
  cursor: pointer;
}
#overstay-vehicle-report[data-v-45be16d6]{
  height: 100%;
}
#overstay-vehicle-report .checkout-modal .utm-control-label[data-v-45be16d6]{
  width: 170px;
}
#overstay-vehicle-report .checkout-modal .utm-controls[data-v-45be16d6]{
  margin-left: 170px;
}
#overstay-vehicle-report .tip-box[data-v-45be16d6]{
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
#overstay-vehicle-report .tip-box span[data-v-45be16d6]{
  vertical-align: middle;
}
#overstay-vehicle-report .utm-field-item .field-item-name[data-v-45be16d6]{
  width: 175px;
}
#overstay-vehicle-report .utm-field-item .field-item-content[data-v-45be16d6]{
  max-width: calc( 100% - 178px );
}
#overstay-vehicle-report .checkout-vehicle-list[data-v-45be16d6]{
  min-height: 40px;
  background: rgba(239,246,249,0.60);
  border-radius: 4px;
  padding: 4px 12px;
}
.checkout-vehicle-list .checkout-vehicle-item[data-v-45be16d6]{
  display: inline-block;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  padding: 4px;
}
#overstay-vehicle-report .checkout-vehicle-item i[data-v-45be16d6]{
  color: #848484;
  font-size: 16px;
}
#overstay-vehicle-report .vehicle-number[data-v-45be16d6]{
  font-weight: 400;
  color: rgba(0,0,0,0.85);
  margin-left: 4px;
}
.field-item-content.user-name[data-v-45be16d6]{
  width: calc( 100% - 178px );
  height: 30px;
  overflow: visible;
}
.field-item-content.user-name>span[data-v-45be16d6]{
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 220px);
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-item-content.user-name button[data-v-45be16d6]{
  margin-top: -5px;
  margin-left: 8px;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-019610a5] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-019610a5] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-019610a5] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-019610a5] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-019610a5]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-019610a5] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-019610a5]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-019610a5]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-019610a5] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-019610a5]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-019610a5] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-019610a5] {
  margin-top: 7px;
}
.visitor-specific[data-v-019610a5]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-019610a5] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-019610a5]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-019610a5]{
  position: relative;
}
.visitor-point-content[data-v-019610a5]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-019610a5]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-019610a5]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-019610a5]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-019610a5] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-019610a5] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-019610a5] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-019610a5] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-019610a5]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-019610a5]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-019610a5]{
  display: none;
}
.addition-info-title[data-v-019610a5]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-019610a5]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-019610a5]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-019610a5]{
  color: #059FE8;
  cursor: pointer;
}
#overstayer-report[data-v-019610a5]{
  height: 100%;
}
.checkout-modal .utm-control-label[data-v-019610a5]{
  width: 170px;
}
.checkout-modal .utm-controls[data-v-019610a5]{
  margin-left: 170px;
}
.tip-box[data-v-019610a5]{
  padding: 16px;
  margin-bottom: 16px;
  background: #eff6f9;
}
.tip-box span[data-v-019610a5]{
  vertical-align: middle;
}
#overstayer-report .utm-field-item .field-item-name[data-v-019610a5]{
  width: 175px;
}
#overstayer-report .utm-field-item .field-item-content[data-v-019610a5]{
  max-width: calc( 100% - 178px );
}
.field-item-content.user-name[data-v-019610a5]{
  width: calc( 100% - 178px );
  height: 30px;
  overflow: visible;
}
.field-item-content.user-name>span[data-v-019610a5]{
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 220px);
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-item-content.user-name button[data-v-019610a5]{
  margin-top: -5px;
  margin-left: 8px;
}
#overstayer-report .ivu-col-span-3[data-v-019610a5] {
  text-align: right;
}
/* profile */
.particular-box-substance .access-visitorStr[data-v-019610a5] {
    margin:0;
}
.access-visitorStr p[data-v-019610a5]{
  padding-left: 14px;
}

.occupancy-monitoring-page[data-v-03a00ec4] {
    height: 100%;
    width: 100%;
}
.footer-box[data-v-03a00ec4]{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e1e4e6;
  padding: 16px;
  text-align: right;
}
.monitoring-detail[data-v-03a00ec4]{
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.download-form[data-v-dc2b2d68]{
  margin-top: 8px;
}

/*Report Selected*/
.checked-amount[data-v-dc2b2d68]{
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.divide-line[data-v-dc2b2d68]{
  border-bottom: 1px solid #dfdfdf;
  margin-top: 16px;
}
.template-preview[data-v-dc2b2d68]{
  width: 100%;
  height: 147px;
  background: #f0f5f7;
  border: 1px solid #dddddd;
  border-radius: 9px;
  overflow: auto;
  padding: 24px;
}
.template-preview p[data-v-dc2b2d68]{
  font-weight: 700;
}
.select-data[data-v-dc2b2d68]{
  line-height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.select-data[data-v-dc2b2d68]:last-child{
  border-width: 0px;
}
.select-data .select-data-item[data-v-dc2b2d68]{
  min-width: 120px;
  display: inline;
}
.select-data .select-data-item-icon[data-v-dc2b2d68]{
  text-align: right;
  margin-top: -40px;
}
.select-data .select-data-item-icon i[data-v-dc2b2d68] {
  font-size: 14px;
}

/*Report Header*/
.report-header-box[data-v-dc2b2d68] {
  height: 180px;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 16px;
  background: #eff6f9;
  white-space: nowrap;
}
.report-header-item[data-v-dc2b2d68]{
  display: inline-block;
  vertical-align: top;
}
.report-header-item[data-v-dc2b2d68]:first-child{
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #dfdfdf;
}
.report-header-title[data-v-dc2b2d68] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.upload-box[data-v-dc2b2d68]{
  position: relative;
  width: 120px;
  height: 120px;
}
.upload-box .upload-logo[data-v-dc2b2d68] {
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  overflow: hidden;
  background: #FFFFFF;
}
.upload-box .upload-logo img[data-v-dc2b2d68]{
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.upload-box .upload-logo i[data-v-dc2b2d68]{
 font-size: 28px;
  color: #dfdfdf;
}
.upload-box .upload-logo-delete-icon[data-v-dc2b2d68]{
  display: none;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 10px;
  background-color: #999;
}
.upload-box:hover .upload-logo-delete-icon[data-v-dc2b2d68]{
  display: block;
}
.report-header-textarea[data-v-dc2b2d68]{
  width: 478px;
  height: 120px;
  resize: none;
}

/*附件*/
.attachment-upload-icon[data-v-dc2b2d68]{
  color: #999;
  vertical-align: middle;
}
.attachment-upload-text[data-v-dc2b2d68] {
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
  vertical-align: middle;
}
.attachment-list[data-v-dc2b2d68] {
  width: 621px;
  background: #f9f9f9;
  border-radius: 4px;
  padding: 8px 16px;
}
.attachment-list .attachment-item[data-v-dc2b2d68] {
  word-break: break-all;
  word-wrap: break-word;
}
.attachment-list .attachment-item i[data-v-dc2b2d68] {
  color: #059ae8;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}

/*分组显示所有字段*/
.table-field-group[data-v-dc2b2d68]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-dc2b2d68]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-field-group .table-field-number[data-v-dc2b2d68]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-dc2b2d68]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-field-group .table-field-arrow[data-v-dc2b2d68]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-dc2b2d68]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.table-field-group .utm-checkbox.table-field-item[data-v-dc2b2d68]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}

/*字段排序*/
.table-field-box[data-v-dc2b2d68]{
  padding: 16px 10px 16px 0px;
}
.table-field-box .utm-tag[data-v-dc2b2d68]{
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-dc2b2d68] {
  background: #effaff;
  border: 1px solid #059fe8;
  cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-dc2b2d68]{
  position: absolute;
  right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #858585;
}
.tip-icon[data-v-dc2b2d68]{
  vertical-align: bottom;
}
.tip-icon i[data-v-dc2b2d68] {
  font-weight: 400;
}
.utm-fs-16[data-v-dc2b2d68]{
  font-size: 14px;
  color: var(--main-color);
}
#download-report .down-load-check-box[data-v-dc2b2d68]{
  vertical-align: bottom;
  line-height: 40px;
}
#download-report .down-load-tip[data-v-dc2b2d68]{
  color: #c61c1c;
  font-size: 14px;
}

/*自动发送邮件*/
.utm-account-wapper-content li[data-v-dc2b2d68]{
  text-align: left;
  margin: 8px;
}
.utm-account-wapper-content li.active[data-v-dc2b2d68]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-dc2b2d68]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-dc2b2d68] {
  width: 450px;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
}
.utm-account-wapper .utm-account-wapper-content[data-v-dc2b2d68] {
  padding: 8px 0 0 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-dc2b2d68]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
}
.owner-item-close[data-v-dc2b2d68]{
  color: #b4b4b4;
  font-size: 12px;
}
#download-report .account-item-title[data-v-dc2b2d68]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
#download-report .account-box[data-v-dc2b2d68]{
  padding: 0;
  margin-bottom: 12px;
}
#download-report .account-box .account-box-owner[data-v-dc2b2d68] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
#download-report .add-account-btn[data-v-dc2b2d68]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
#download-report .add-account-btn i[data-v-dc2b2d68]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-dc2b2d68] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-dc2b2d68]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-dc2b2d68]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-dc2b2d68]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-dc2b2d68]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-dc2b2d68]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-dc2b2d68] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-dc2b2d68]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-dc2b2d68]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}

/*自动发送邮件*/
.export-video-box[data-v-dc2b2d68] {
  width: 293px;
  height: 40px;
  background: rgba(0, 94, 184, 0.05);
  border-radius: 4px;
  padding-left: 12px;
}

/*
Table Fields
 */
.selectFields[data-v-dc2b2d68]{
     font-size: 16px;
      font-weight: bold;
      color: #333;
}
.selectFields[data-v-dc2b2d68]::before {
    content: '* ';
    font-size: 12px;
    color: #ed3f14;
    width: 8px;
}

.hourly-report-box[data-v-dc2b2d68]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 0 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
  color: #333;
}
.hourly-report-box .hourly-report-desc[data-v-dc2b2d68]{
  margin-left: 12px;
}
/*自动发送邮件*/
.utm-account-wapper-content li[data-v-dc2b2d68]{
  text-align: left;
  margin: 8px;
}
.utm-account-wapper-content li.active[data-v-dc2b2d68]{
  background: #d2f0ff
}
.utm-account-wapper-content li[data-v-dc2b2d68]:hover{
  background: rgba(239, 250, 255, 1)
}
.utm-account-wapper[data-v-dc2b2d68] {
  width: 450px;
  position: absolute;
  left: 0;
  margin-bottom: 2px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 9px #ccc;
          box-shadow: 1px 1px 9px #ccc;
  display: none;
  z-index: 1;
}
.utm-account-wapper .utm-account-wapper-content[data-v-dc2b2d68] {
  padding: 8px 0 0 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: unset;
}
.owner-item[data-v-dc2b2d68]{
  background: #f4f4f5;
  border: 1px solid #dfdfdf;
  padding: 6px;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 8px;
  display: inline-block;
}
.owner-item-close[data-v-dc2b2d68]{
  color: #b4b4b4;
  font-size: 12px;
}
.account-item-title[data-v-dc2b2d68]{
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
}
.account-box[data-v-dc2b2d68]{
  padding: 0;
  margin-bottom: 12px;
}
.account-box .account-box-owner[data-v-dc2b2d68] {
  background: #e8e8e8;
  border-radius: 8px;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 12px 0;
}
.add-account-btn[data-v-dc2b2d68]{
  background-color: #f5f5f5;
  height: 20px;
  padding: 0;
  opacity: 1;
}
.add-account-btn i[data-v-dc2b2d68]{
  color: var(--main-color);
  font-size: 16px;
  margin-right: 8px;
}
.notice-content[data-v-dc2b2d68] {
  width: 100%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 14px;
  overflow-y: auto;
}
.notice-content .email-subject[data-v-dc2b2d68]{
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-dc2b2d68]{
  width: 100%;
  padding: 8px;
}
.email-subject .email-subject-line[data-v-dc2b2d68]{
  width: 1px;
  height: 28px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
}
.download-switch[data-v-dc2b2d68]{
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
.switch-tip[data-v-dc2b2d68]{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.edit-tab[data-v-dc2b2d68] {
  color: var(--main-color);
  cursor: pointer;
}
.receiver-format[data-v-dc2b2d68]{
  position: relative;
  width: 100%;
  padding: 6px 16px 6px 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 5px;
  margin-top: 12px;
}
.receiver-format .receiver-format-close[data-v-dc2b2d68]{
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  color: #333;
}
/*自动发送邮件*/

.rdt-timeperiod-item .mx-input{
  height: 40px;
  color: #333;
}
.rdt-timeperiod-item .mx-input:hover, .rdt-timeperiod-item .mx-input:focus {
  border-color: var(--main-color);
}
.mx-calendar-content{
  color: #333;
}
.mx-table-date .today {
  color: var(--main-color);
}
.mx-calendar-week-mode .mx-date-row:hover {
  background-color: rgba(var(--main-color-rgb),.1);
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: rgba(var(--main-color-rgb),.1);
}
/*People Counting 的统计*/
.people-counting-box[data-v-2113ec68]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    overflow-y: auto;
    overflow-x: hidden;
}
.people-counting-box .traffic-statistic-search[data-v-2113ec68]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    margin-bottom: 12px;
}
.traffic-statistic-search .search-time-box.traffic-statistic-type[data-v-2113ec68]{
    height: 36px;
}
.traffic-statistic-search .search-time-box.traffic-statistic-type .search-time-item[data-v-2113ec68]{
    height: 34px;
    width: unset;
    padding: 0 16px;
}
.traffic-statistic-search .search-time-right[data-v-2113ec68]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.traffic-statistic-search .search-time-box[data-v-2113ec68]{
    display: inline-block;
    height: 40px;
    border: 1px solid var(--main-color);
    border-radius: 4px;
    margin-right: 8px;
}
.traffic-statistic-search .search-time-box .search-time-item[data-v-2113ec68]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 104px;
    height: 38px;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.traffic-statistic-search .search-time-box .search-time-item.active[data-v-2113ec68]{
    color: #fff;
    background: var(--main-color);
}
.traffic-statistic-search .search-time-select[data-v-2113ec68]{
    width: 120px;
    margin-right: 8px;
}
.people-counting-box .traffic-statistic-content[data-v-2113ec68]{
    position: relative;
    height: 100%;
}
.traffic-statistic-content .traffic-loading[data-v-2113ec68]{
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -160px;
}
.traffic-statistic-content div[data-v-2113ec68]{
    width: 100%;
    height: 100%;
}
.check-substance-box ul[data-v-2113ec68] {
    padding-left: 24px;
}

#watch_list_tab[data-v-0e665b84] {
  background: #fff;
  height: 100%;
  width: 100%;
}

.utm-selected-tag-count[data-v-0e665b84]{
  color: rgba(0,0,0,.85);
  display: inline-block;
  margin-left: 16px;
}
.utm-modal-body .transform-tip[data-v-0e665b84] {
  color: #393939;
}
.utm-modal-body .transform-box[data-v-0e665b84]{
  margin: 16px -12px 0;
}
.transform-box .user-option[data-v-0e665b84]{
  width: 154px;
  height: 154px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 12px;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}
.user-option .user-type-font[data-v-0e665b84]{
  height: 50px;
  width: 50px;
}
.user-info .user-type-txt[data-v-0e665b84]{
  text-align: center;
   font-size: 18px;
}
.user-option.active[data-v-0e665b84]:after{
  content: '\E6E7';
  font-family: 'utmfont', sans-serif;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--main-color);
  border-radius: 50%;
  position: absolute;
  color: #fff;
  text-align: center;
  line-height: 24px;
  right: 8px;
  top: 8px;
}
.user-option.active .user-info .user-type-txt[data-v-0e665b84]{
  font-weight: 700;
  color: var(--main-color);
}
.utm-details-content-info[data-v-0e665b84]{
  width: 100%;
  padding: 0;
  overflow-x: hidden;
  padding-top: 6px;
}
.particular-box-img[data-v-0e665b84]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.utm-details-content-img[data-v-0e665b84]{
  min-width: 96px;
  margin-left: 16px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.utm-details-user-photo[data-v-0e665b84]{
  width: 96px;
  height: 112px;
  -o-object-fit: cover;
     object-fit: cover;
}
.utm-details-user-photo-type[data-v-0e665b84]{
  font-size: 14px;
  color: #b4b4b4;
  margin-bottom: 8px;
  text-align: center;
}
.utm-details-content-info .utm-controls[data-v-0e665b84]{
  margin-left: 0;
}
.utm-details-content-info .field-item-content[data-v-0e665b84]{
  width: calc(100% - 175px);
}
.utm-details-content-info .field-item-content.user-name[data-v-0e665b84]{
  height: 30px;
  overflow: visible;
}
.utm-details-content-info .field-item-content.user-name>span[data-v-0e665b84]{
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 170px);
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-details-content-info .field-item-content.user-name button[data-v-0e665b84]{
  margin-top: -5px;
  margin-left: 8px;
}
.utm-details-content-more-info .utm-details-content-more-info-header span[data-v-0e665b84]{
  font-size: 16px;
}
.utm-details-content-more-info .utm-details-content-more-info-header .arrow[data-v-0e665b84]{
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.utm-details-content-more-info .utm-details-content-more-info-header .arrow.open[data-v-0e665b84]{
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.photo-uploader[data-v-0e665b84] .user-img-box ul {
  min-width: 104px;
}
.paragraph-title[data-v-0e665b84] {
  height: 40px;
  background: rgba(210,240,255,1);
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  border-radius: 4px 4px 0 0;
}
.particular-box-substance[data-v-0e665b84]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border: 1px solid #dfdfdf;
  border-radius: 0 0 4px 4px;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

#account_and_role[data-v-7b23b810]{
  background: #fff;
  height: 100%;
  width: 100%;
}
#account_and_role .utm-tabs[data-v-7b23b810]{
  background-color: transparent;
}
#account_and_role .utm-tabs .utm-tab-item.active[data-v-7b23b810]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
}
#account_and_role .utm-tab-content[data-v-7b23b810]{
  padding: 8px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
          box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
}
.operate-type[data-v-7b23b810]{
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid var(--main-color);
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: var(--main-color);
  line-height: 16px;
  margin-top: 5px;
}
.operate-type-delete[data-v-7b23b810]{
  border-color:  #c61c1c;
  color: #c61c1c;
}
.operate-type-create[data-v-7b23b810]{
  border-color: #16ae4d;
  color: #16ae4d;
}
.utm-field-item .field-item-name.right-name[data-v-7b23b810]{
  width: 148px;
  text-align: right;
  font-weight: 700;
}
.utm-field-item .field-item-content.normal-fs[data-v-7b23b810]{
  font-style: normal;
  font-weight: 500;
}

#account_and_role[data-v-c96a2d1e]{
  background: #fff;
  height: 100%;
  width: 100%;
}
#account_and_role .utm-tabs[data-v-c96a2d1e]{
  background-color: transparent;
}
#account_and_role .utm-tabs .utm-tab-item.active[data-v-c96a2d1e]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
}
#account_and_role .utm-tab-content[data-v-c96a2d1e]{
  padding: 8px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
          box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
}
.operate-type[data-v-c96a2d1e]{
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid var(--main-color);
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: var(--main-color);
  line-height: 16px;
  margin-top: 5px;
}
.operate-type-delete[data-v-c96a2d1e]{
  border-color:  #c61c1c;
  color: #c61c1c;
}
.operate-type-create[data-v-c96a2d1e]{
  border-color: #16ae4d;
  color: #16ae4d;
}
.utm-field-item .field-item-name.right-name[data-v-c96a2d1e]{
  text-align: right;
  font-weight: 700;
}
.utm-field-item .field-item-content.normal-fs[data-v-c96a2d1e]{
  font-style: normal;
  font-weight: 500;
}
.ac-info[data-v-c96a2d1e]{
    color: #8C8C8C;
    font-style: italic;
}

#data_change_report[data-v-29c2accf] {
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#data_change_report .event-content[data-v-29c2accf] {
  background: #fff;
  height: calc(100% - 51px);
  width: 100%;
  overflow-y: auto;
}
#data_change_report .utm-tab-item[data-v-29c2accf]{
  width: 280px;
}

.utm-field-item .field-item-name[data-v-09f09e1f] {
  width: 150px;
  text-align: right;
  font-weight: 700;
}
.utm-field-item .field-item-content[data-v-09f09e1f] {
  max-width: calc( 100% - 176px );
  font-style: normal;
}
.utm-field-item .field-item-content.normal-fs[data-v-09f09e1f]{
font-style: normal;
font-weight: 500;
}
.operate-type[data-v-09f09e1f]{
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid var(--main-color);
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: var(--main-color);
  line-height: 16px;
}
.operate-type-delete[data-v-09f09e1f]{
border-color:  #c61c1c;
color: #c61c1c;
}
.operate-type-create[data-v-09f09e1f]{
border-color: #16ae4d;
color: #16ae4d;
}
.utm-tabs[data-v-09f09e1f]{
background-color: transparent;
}
.utm-tabs .utm-tab-item.active[data-v-09f09e1f]{
border: 1px solid;
border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
border-radius: 8px 8px 0 0;
margin-bottom: -1px;
margin-left: 0;
}
.utm-tab-content[data-v-09f09e1f]{
padding: 8px 16px;
border: 1px solid #DFDFDF;
border-radius: 0 8px 8px 8px;
-webkit-box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
        box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
}
.utm-icon-hide[data-v-09f09e1f]{
font-size: 16px;
}
.validity-time[data-v-09f09e1f]{
color: #999999;
font-size: 14px;
}
.ellipsis-txt-name[data-v-09f09e1f]{
width: 180px;
white-space: nowrap;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.class-PublicHoliday[data-v-09f09e1f]{
padding: 16px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.class-PublicHoliday-first-child[data-v-09f09e1f]{
white-space:nowrap;
font-weight: bold;
width: 70px;
}
.PublicHoliday-more[data-v-09f09e1f]{
padding: 16px 0;
color: #004EB8;
cursor: pointer;
width: 60px;
}
.class-Schedule[data-v-09f09e1f]{
padding: 8px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.class-Schedule-first-child[data-v-09f09e1f]{
white-space:nowrap;
font-weight: bold;
width: 45px;
}
.class-Schedule-second-child[data-v-09f09e1f]{
width: 290px;
white-space: pre-line;
}

#system_device_configuration[data-v-6adc7972] {
  background: #fff;
  height: 100%;
  width: 100%;
}
#system_device_configuration .utm-tabs[data-v-6adc7972] {
  background-color: transparent;
}
#system_device_configuration .utm-tabs .utm-tab-item.active[data-v-6adc7972] {
  border: 1px solid;
  border-color: #dfdfdf #dfdfdf #fff #dfdfdf;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
}
#system_device_configuration .utm-tab-content[data-v-6adc7972] {
  padding: 8px 16px;
  border: 1px solid #dfdfdf;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 3px 0 6px 0 rgba(223, 223, 223, 0.8);
          box-shadow: 3px 0 6px 0 rgba(223, 223, 223, 0.8);
}
.operate-type[data-v-6adc7972] {
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid var(--main-color);
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: var(--main-color);
  line-height: 16px;
  margin-top: 5px;
}
.operate-type-delete[data-v-6adc7972] {
  border-color: #c61c1c;
  color: #c61c1c;
}
.operate-type-create[data-v-6adc7972] {
  border-color: #16ae4d;
  color: #16ae4d;
}
.utm-field-item .field-item-name.right-name[data-v-6adc7972] {
  width: 160px;
  text-align: right;
  font-weight: 700;
}
.utm-field-item .field-item-content.normal-fs[data-v-6adc7972] {
  font-style: normal;
  font-weight: 500;
}
.more-click-box[data-v-6adc7972]{
  padding: 10px 0;
}
.addition-info-isAZNewMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isBPAZNewMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isAZOldMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isBPAZOldMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isOPDNewMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isBoardNewMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isBoardTwoNewMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isBoardTwoOldMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isOPDOldMore[data-v-6adc7972]{
  display: none;
}
.addition-info-isBoardOldMore[data-v-6adc7972]{
  display: none;
}
.more-click-icon[data-v-6adc7972]{
  cursor: pointer;
}
.more-click-icon .ivu-icon-ios-arrow-down.expand[data-v-6adc7972]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-click-icon span[data-v-6adc7972]{
  color: var(--main-color);
}
.more-click-icon i[data-v-6adc7972]{
  color: var(--main-color);
}
.out-put-title[data-v-6adc7972]{
  width: 131px;
  display: inline-block;
  text-align: left;
}
.out-put-content[data-v-6adc7972]{
  margin-left: 12px;
  display: inline-block;
}

#system_setting[data-v-6f474bc1]{
  background: #fff;
  height: 100%;
  width: 100%;
}
.operate-type[data-v-6f474bc1]{
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid var(--main-color);
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: var(--main-color);
  line-height: 16px;
  margin-top: 5px;
}
.operate-type-delete[data-v-6f474bc1]{
  border-color:  #c61c1c;
  color: #c61c1c;
}
.operate-type-create[data-v-6f474bc1]{
  border-color: #16ae4d;
  color: #16ae4d;
}

#user-information[data-v-1c22b7fa]{
  height: 100%;
}
#user-information .item-name[data-v-1c22b7fa]{
  font-size: 16px;
  font-weight: 400;
  color: #333;
  cursor: pointer;
}
.operate-type[data-v-1c22b7fa]{
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid var(--main-color);
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: var(--main-color);
  line-height: 16px;
  margin-top: 5px;
}
.operate-type-delete[data-v-1c22b7fa]{
  border-color:  #c61c1c;
  color: #c61c1c;
}
.operate-type-create[data-v-1c22b7fa]{
  border-color: #16ae4d;
  color: #16ae4d;
}
.addition-info-title[data-v-1c22b7fa]{
  color: #0F5EF7;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-1c22b7fa]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.addition-info[data-v-1c22b7fa] {
  margin-top: -16px;
  display: none;
}
.operate-point-box[data-v-1c22b7fa]{
  background: #eff6f9;
  border-radius: 4px;
  display: none;
  padding: 10px 16px ;
}
.department-tooltip[data-v-1c22b7fa]
{
  position: relative;
  top: 2px;
  right: -6px;
}
#user-information .utm-tabs[data-v-1c22b7fa]{
  background-color: transparent;
}
#user-information .utm-tabs .utm-tab-item.active[data-v-1c22b7fa]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
}
#user-information .utm-tab-content[data-v-1c22b7fa]{
  padding: 8px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
          box-shadow: 3px 0 6px 0 rgba(223,223 ,223 ,0.8);
}
#user-information .utm-icon-hide[data-v-1c22b7fa]{
  font-size: 16px;
}
#user-information .validity-time[data-v-1c22b7fa]{
  color: #999999;
  font-size: 14px;
}
.ellipsis-txt-name[data-v-1c22b7fa]{
  width: 180px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utm-field-item .field-item-name.right-name[data-v-1c22b7fa]{
  width: 148px;
  text-align: right;
  font-weight: 700;
}
.utm-field-item .field-item-content.normal-fs[data-v-1c22b7fa]{
  font-style: normal;
  font-weight: 500;
}
.ac-info[data-v-1c22b7fa]{
  color: #8C8C8C;
  font-style: italic;
}
.class-DcsZones[data-v-1c22b7fa]{
  padding: 16px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.class-DcsZones div[data-v-1c22b7fa]:first-child{
  white-space:nowrap;
  font-weight: bold;
}
.dcs-zone-more[data-v-1c22b7fa]{
  padding: 16px 0;
  color: #005EB8;
  cursor: pointer;
  width: 60px;
}

/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/

/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-1c22b7fa] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-1c22b7fa]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-1c22b7fa]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-1c22b7fa]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-1c22b7fa]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-1c22b7fa]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-1c22b7fa] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-1c22b7fa]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-1c22b7fa]{
  padding-left: 32px;
}

/*地图框*/
.particular-box-substance .particular-map-box[data-v-1c22b7fa] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-1c22b7fa]{
  width: 100%;
}
.box-trapezoid[data-v-1c22b7fa] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-1c22b7fa] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-1c22b7fa] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-1c22b7fa]{
  margin-bottom: 0;
}
.map-name-text[data-v-1c22b7fa]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-1c22b7fa]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-1c22b7fa]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-1c22b7fa] {
  display: inline-block;
}
.access-visitorStr p[data-v-1c22b7fa]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-1c22b7fa] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-1c22b7fa] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-1c22b7fa]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-1c22b7fa] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-1c22b7fa] {
  margin-top: 7px;
}
.visitor-specific[data-v-1c22b7fa]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-1c22b7fa] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-1c22b7fa]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-1c22b7fa]{
  position: relative;
}
.visitor-point-content[data-v-1c22b7fa]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}

/*详情中地图点位*/
.particular-map-box .point-location[data-v-1c22b7fa] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-1c22b7fa] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}

/*通行状态*/
.visitor-specific-content.access-state[data-v-1c22b7fa] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-1c22b7fa]{
  display: none;
}
.addition-info-title[data-v-1c22b7fa]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-1c22b7fa]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*tab 标签*/
.utm-primary-tabs[data-v-1c22b7fa]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-1c22b7fa]{
  color: var(--main-color);
}

/*特殊信息样式*/
.bag-text[data-v-1c22b7fa]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-1c22b7fa]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-1c22b7fa]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-1c22b7fa]{
  border-bottom: 1px solid  #eeeeee;
}

/*更多信息*/
.item-count-text[data-v-1c22b7fa]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-1c22b7fa]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}

/*************************************详情样式************************************/

/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-1c22b7fa]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-1c22b7fa]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-1c22b7fa]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-1c22b7fa]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-1c22b7fa]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-1c22b7fa]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-1c22b7fa]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-1c22b7fa]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-1c22b7fa]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-1c22b7fa] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-1c22b7fa]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-1c22b7fa] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-1c22b7fa]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-1c22b7fa] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-1c22b7fa]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-1c22b7fa]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-1c22b7fa]{
  background: rgba(149,185,255,1);
}

/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-1c22b7fa]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-1c22b7fa]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-1c22b7fa]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-1c22b7fa]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-1c22b7fa]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-1c22b7fa]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}

/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-1c22b7fa]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-1c22b7fa]{
  display: block;
}
.report-modul-device .device-info-left[data-v-1c22b7fa]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-1c22b7fa]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-1c22b7fa]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-1c22b7fa]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-1c22b7fa]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-1c22b7fa] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-1c22b7fa]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}

/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-1c22b7fa]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-1c22b7fa]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-1c22b7fa]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-1c22b7fa]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-1c22b7fa]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-1c22b7fa]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-1c22b7fa]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-1c22b7fa]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-1c22b7fa]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-1c22b7fa]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-1c22b7fa]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-1c22b7fa]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-1c22b7fa]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-1c22b7fa]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-1c22b7fa]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-1c22b7fa]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-1c22b7fa]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-1c22b7fa]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-1c22b7fa]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-1c22b7fa]{
  display: block;
}
.report-history-item .process-task-span[data-v-1c22b7fa]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-1c22b7fa]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-1c22b7fa]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-1c22b7fa]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-1c22b7fa] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-1c22b7fa] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-1c22b7fa] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-1c22b7fa] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}

#device-page[data-v-71ff7cae]{
  height: 100%;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-1e5704a9] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-1e5704a9] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-1e5704a9] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-1e5704a9] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-1e5704a9]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-1e5704a9] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-1e5704a9]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-1e5704a9]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-1e5704a9] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-1e5704a9]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-1e5704a9] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-1e5704a9] {
  margin-top: 7px;
}
.visitor-specific[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-1e5704a9] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-1e5704a9]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-1e5704a9]{
  position: relative;
}
.visitor-point-content[data-v-1e5704a9]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-1e5704a9]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-1e5704a9]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-1e5704a9] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-1e5704a9] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-1e5704a9] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-1e5704a9] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-1e5704a9]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-1e5704a9]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-1e5704a9]{
  display: none;
}
.addition-info-title[data-v-1e5704a9]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-1e5704a9]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-1e5704a9]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-1e5704a9]{
  color: #059FE8;
  cursor: pointer;
}
#notification-window[data-v-1e5704a9]{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ebeff2;
  z-index: 9999;
}
#notification-window .top-nav[data-v-1e5704a9]{
  height: 64px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
}
#notification-window .top-nav .top-nav-logo[data-v-1e5704a9]{
  width: 252px;
  height: 64px;
  text-align: center;
  overflow: hidden;
}
#notification-window .top-nav .top-nav-logo .logo1[data-v-1e5704a9] {
  margin-top: 10px;
  max-width: 105px;
  vertical-align: middle;
  border: 0;
}
.center-box[data-v-1e5704a9]{
  border: 1px solid transparent;
  margin: 0 auto;
  width: calc( 100% - 280px );
  min-width: 690px;
  height: 100%;
}
#notification-window .nav-title-container[data-v-1e5704a9]{
  margin-top: 16px;
}
.center-box .content[data-v-1e5704a9]{
  padding: 16px 24px 0 24px;
  height: calc( 100% - 49px );
  background-color: #fff;
}
.header[data-v-1e5704a9]{
  position: relative;
  margin-bottom: 16px;
  height: 40px;
  line-height: 40px;
}
.header .title[data-v-1e5704a9]{
  font-size: 20px;
  font-weight: 700;
}
.header .right-content[data-v-1e5704a9]{
  position: absolute;
  right: 0px;
  top: -2px;
  left: 300px;
  white-space: nowrap;
  text-align: right;
}
.header .right-content .item[data-v-1e5704a9]{
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  text-align: left;
}
.header .right-content .item.utm-btn[data-v-1e5704a9]{
  text-align:center;
}
.no-record[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.no-record[data-v-1e5704a9],
.main[data-v-1e5704a9]{
  height: calc( 100% - 46px );
}
.main .top-item[data-v-1e5704a9]{
  width: 100%;
  max-width: calc( 100% - 10px );
  height: 290px;
  border-radius: 9px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}
.main .top-item.center[data-v-1e5704a9]{
  margin: 0 auto;
}
.main .top-item.right[data-v-1e5704a9]{
  margin-left: 10px;
}
.main .top-header[data-v-1e5704a9]{
  position: relative;
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
}
.main .top-header.yellow-bg[data-v-1e5704a9]{
  background-color: #fcefdc;
}
.main .top-header.light-blue-bg[data-v-1e5704a9]{
  background-color: #effaff;
}
.main .top-header .title[data-v-1e5704a9]{
  font-size: 18px;
  font-weight: 700;
}
.main .top-header-right[data-v-1e5704a9]{
  position: absolute;
  right: 24px;
  top: 0;
  max-width: calc( 100% - 186px );
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999999;
}
.main .top-footer[data-v-1e5704a9]{
  text-align: center;
}
.main .top-footer .avatar-box[data-v-1e5704a9]{
  position: relative;
  margin: 0 auto;
  width: 90px;
  height: 90px;
}
.main .top-footer .user-type[data-v-1e5704a9]{
  position: absolute;
  bottom: 0;
  left: 5px;
  height: 20px;
  width: 80px;
  border-radius: 10px;
  background-color: #ccc;
  color: #fff;
  line-height: 20px;
  font-size: 14px;
}
.main .top-footer .user-type.staff[data-v-1e5704a9]{
  background-color: #F2B253;
}
.main .top-footer .user-type.visitor[data-v-1e5704a9]{
  background-color: #059AE8;
}
.main .top-footer .user-type.vendor[data-v-1e5704a9]{
  background-color: #16AE4D;
}
.main .top-footer .avatar[data-v-1e5704a9]{
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ddd;
  -o-object-fit:contain;
     object-fit:contain;
  overflow: hidden;
}
.main .top-footer .avatar .utm-font[data-v-1e5704a9]{
  line-height: 90px;
  font-size: 30px;
}
.main .top-footer .user-name[data-v-1e5704a9]{
  margin-left: 12px;
  width: calc(100% - 24px);
  overflow: hidden;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  line-height: 34px;
  text-overflow: ellipsis;
}
.main .top-footer .user-info[data-v-1e5704a9]{
  padding: 0 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: #8C8C8C;
  font-size: 16px;
  line-height: 26px;
}
.main .top-footer .footer-btns[data-v-1e5704a9]{
  position: absolute;
  bottom: 8px;
  right: 24px;
}
.main .top-footer .footer-btns .utm-font[data-v-1e5704a9]{
  margin-left: 10px;
}
.main .divide-line[data-v-1e5704a9]{
  margin: 24px 0;
  height: 1px;
  background-color: #dfdfdf;
}
.main .item-content[data-v-1e5704a9] {
  width: 100%;
  height: calc( 100% - 424px );
  min-height: 120px;
  background-color: #fff;
}
.main .item-content .notice-list[data-v-1e5704a9]{
  position: relative;
  margin: 0px auto;
  max-width: 1086px;
  width: 100%;
}
.main .item-content .item[data-v-1e5704a9]{
  position: relative;
  margin: 0 auto 18px;
  width: 100%;
  height: auto;
  max-width: 1086px;
  min-height: 88px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
  clear: both;
}
.main .item-left[data-v-1e5704a9]{
  float: left;
  width: 60px;
  height: 100%;
  line-height: 104px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 30px;
}
.main .item .item-left[data-v-1e5704a9]{
  width: 88px;
  height: 88px;
}
.main .item-left .avatar[data-v-1e5704a9]{
  position: relative;
  margin: 16px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ddd;
  -o-object-fit:contain;
     object-fit:contain;
  overflow: hidden;
}
.main .item-left .avatar span[data-v-1e5704a9]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 24px;
  line-height: 55px;
  text-align: center;
}
.main .item-right[data-v-1e5704a9]{
  float: left;
  padding: 0px 10px 0 16px;
  width: 365px;
  height: 100%;
  line-height: 25px;
}
.main .item .item-right[data-v-1e5704a9]{
  padding: 10px 0px;
  width: calc( 100% - 104px );
  height: auto;
  font-size: 0;
  line-height: 34px;
}
.main .item-right .title[data-v-1e5704a9] {
  margin-top: 14px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .item-right-left[data-v-1e5704a9]{
  display: inline-block;
  vertical-align: top;
  width: 180px;
  color: #333333;
  font-weight: 700;
  font-size: 20px;
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.main .item-right-left[data-v-1e5704a9]:hover{
  text-decoration: underline;
  color: #059FE8;
}
.main .item-right-right[data-v-1e5704a9]{
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  padding-left: 4px;
  width: calc( 100% - 180px );
  color: #999999;
  font-size: 14px;
  line-height: 38px;
  text-align: right;
  height: 34px;
}
.main .item-right-bottom[data-v-1e5704a9]{
  position: relative;
  min-height: 34px;
  font-size: 16px;
  color: #666666;
}
.main .item-right-bottom .bold[data-v-1e5704a9]{
  font-weight: 700;
}
/*顶部动画*/
.main-container[data-v-1e5704a9]{
  height: 290px;
}
.notice-row-item[data-v-1e5704a9]{
  display: inline-block;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.notice-row-enter[data-v-1e5704a9]{
  -webkit-transform: translateX(-100%) scale(0.5);
          transform: translateX(-100%) scale(0.5);
}
.notice-row-leave-to[data-v-1e5704a9]{
  position: absolute;
  right: -100%;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
}
.notice-row-move[data-v-1e5704a9] {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
/*列表动画*/
.notice-list[data-v-1e5704a9]{
  position: relative;
}
.notice-list .item[data-v-1e5704a9]{
  display: inline-block;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.notice-list-enter[data-v-1e5704a9],
.notice-list-leave-to[data-v-1e5704a9]{
  opacity: 0;
  -webkit-transform: translateY(-90px) ;
          transform: translateY(-90px) ;
}
.notice-list-move[data-v-1e5704a9] {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
#notification-window .utm-tabs[data-v-1e5704a9] {
  background-color: transparent;
}
#notification-window .utm-tabs .utm-tab-item.active[data-v-1e5704a9] {
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
}
#notification-window .is-enter-btn[data-v-1e5704a9]:hover {
  background-color: rgba(5, 159, 232, 0.1);
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-1e5704a9] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-1e5704a9]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-1e5704a9]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-1e5704a9]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-1e5704a9]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-1e5704a9]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-1e5704a9] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-1e5704a9]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-1e5704a9]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-1e5704a9] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-1e5704a9]{
  width: 100%;
}
.box-trapezoid[data-v-1e5704a9] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-1e5704a9] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-1e5704a9] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-1e5704a9]{
  margin-bottom: 0;
}
.map-name-text[data-v-1e5704a9]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-1e5704a9]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-1e5704a9]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-1e5704a9] {
  display: inline-block;
}
.access-visitorStr p[data-v-1e5704a9]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-1e5704a9] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-1e5704a9] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-1e5704a9]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-1e5704a9] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-1e5704a9] {
  margin-top: 7px;
}
.visitor-specific[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-1e5704a9] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-1e5704a9]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-1e5704a9]{
  position: relative;
}
.visitor-point-content[data-v-1e5704a9]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-1e5704a9] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-1e5704a9] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-1e5704a9] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-1e5704a9]{
  display: none;
}
.addition-info-title[data-v-1e5704a9]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-1e5704a9]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-1e5704a9]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-1e5704a9]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-1e5704a9]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-1e5704a9]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-1e5704a9]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-1e5704a9]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-1e5704a9]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-1e5704a9]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-1e5704a9]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-1e5704a9]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-1e5704a9]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-1e5704a9]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-1e5704a9]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-1e5704a9]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-1e5704a9]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-1e5704a9]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-1e5704a9] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-1e5704a9]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-1e5704a9] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-1e5704a9]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-1e5704a9] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-1e5704a9]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-1e5704a9]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-1e5704a9]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-1e5704a9]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-1e5704a9]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-1e5704a9]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-1e5704a9]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-1e5704a9]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-1e5704a9]{
  display: block;
}
.report-modul-device .device-info-left[data-v-1e5704a9]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-1e5704a9]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-1e5704a9]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-1e5704a9]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-1e5704a9]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-1e5704a9] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-1e5704a9]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-1e5704a9]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-1e5704a9]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-1e5704a9]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-1e5704a9]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-1e5704a9]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-1e5704a9]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-1e5704a9]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-1e5704a9]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-1e5704a9]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-1e5704a9]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-1e5704a9]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-1e5704a9]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-1e5704a9]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-1e5704a9]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-1e5704a9]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-1e5704a9]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-1e5704a9]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-1e5704a9]{
  display: block;
}
.report-history-item .process-task-span[data-v-1e5704a9]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-1e5704a9]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-1e5704a9]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-1e5704a9]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-1e5704a9] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-1e5704a9] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-1e5704a9] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-1e5704a9] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#user-access[data-v-1e5704a9]{
  width: 100%;
  height: 100%;
}
#user-access .card-icon[data-v-1e5704a9]{
  font-size: 17px; color: #059fe8
}
.particular-box-substance .access-visitorStr[data-v-1e5704a9] {
  margin: 0;
}
#user-access .utm-tabs[data-v-1e5704a9]{
  background-color: transparent;
}
#user-access .utm-tabs .utm-tab-item.active[data-v-1e5704a9]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
}
.box[data-v-1e5704a9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  padding-right: 8px;
}
.box .access-visitorStr[data-v-1e5704a9] {
  margin: 0 0px;
}
.box .access-visitorStr img[data-v-1e5704a9]{
  margin-left: 16px;
  width: 96px;
}
.box .access-visitorStr>p[data-v-1e5704a9]{
  color: #999999;
  text-align: center;
  padding-left: 16px;
}

.event-monitoring-page[data-v-34cda77c] {
  height: 100%;
  padding: 0 16px 16px;
  background-color: #EBEFF2;
}
.event-monitoring-page .no-search-data[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-monitoring-swapper[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background-color: #FBFBFB;
  border-radius: 8px;
}

/* 设置视频监控区域 */
.event-monitoring-setting[data-v-34cda77c] {
  position: relative;
  width: 264px;
  min-width: 264px;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  height: 100%;
  border-right: 1px solid #DFDFDF;
}
.setting-close[data-v-34cda77c] {
  width: 1px !important;
  min-width: 1px !important;
}
.event-monitoring-setting .is-camera-flag[data-v-34cda77c] {
  display: none;
}
.event-monitoring-setting .monitoring-setting-shrink[data-v-34cda77c] {
  position: absolute;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  width: 16px;
  color: white;
  text-align: center;
  font-weight: bold;
  right: -16px;
  top: 50%;
  margin-top: -50px;
  background: var(--main-color);
  border-radius: 0 16px 16px 0;
  cursor: pointer;
}
.monitoring-setting-shrink .is-shrink[data-v-34cda77c] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.camera-list-box[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.camera-list-box .camera-list-header[data-v-34cda77c] {
  min-height: 112px;
}
.camera-list-title-box[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  height: 54px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #dfdfdf;
}
.camera-list-box .camera-list-header .camera-list-title[data-v-34cda77c] {
  margin-right: 0;
  line-height: 57px;
}
.camera-list-box .camera-list-header .search-section[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}
.camera-list-box .camera-list-header .event-area-btn-box[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 16px 16px 0 16px;
}
.camera-list-box .camera-list-header .event-area-btn-box button[data-v-34cda77c] {
  width: 48%;
  font-size: 14px;
  padding: 0;
  color: var(--main-color);
}
.camera-list-box .camera-list-header .event-area-btn-box .active[data-v-34cda77c] {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#0598e8), to(#05b9e8));
  background: linear-gradient(90deg, #0598e8, #05b9e8);
}
.camera-list-box .options-box[data-v-34cda77c] {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.camera-list-box .options-box .node-name[data-v-34cda77c] {
  color: #393939;
  font-size: 18px;
  font-weight: 700;
}
.camera-list-box .options-box.options-box1[data-v-34cda77c] {
  padding-left: 0;
}
.camera-list-box .options-box.options-box1 .utm-list-page-box[data-v-34cda77c] {
  height: unset;
  width: 100%;
}
.camera-list-box .options-box .utm-controls-zone-item[data-v-34cda77c] {
  padding-right: 16px;
}
.camera-list-box .options-box2 ul[data-v-34cda77c] {
  padding-left: 8px;
}
.camera-list-box ul li[data-v-34cda77c] {
  position: relative;
  padding: 4px 0;
}

/* 背景色的变化 */
.camera-list-box .tree-item-swapper[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  border-radius: 4px;
  padding-left: 16px;
  cursor: pointer;
}
.camera-list-box .tree-item-swapper>div[data-v-34cda77c] {
  width: 100%;
}
.camera-list-box .tree-item-swapper.tree-item-swapper-li5[data-v-34cda77c] {
  padding-left: 0;
}
.camera-list-box ul li .arrow[data-v-34cda77c] {
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -8px;
  top: 12px;
  cursor: pointer;
}
.camera-list-box ul li>div>div[data-v-34cda77c] {
  display: inline-block;
}
.camera-list-box ul li .arrow i[data-v-34cda77c] {
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.camera-list-box ul li .arrow.open i[data-v-34cda77c] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.camera-list-box .utm-checkbox-wrapper[data-v-34cda77c] {
  width: 100%;
  padding: 0;
  margin-right: 0;
}
.camera-list-box .utm-checkbox-wrapper .camera-placeholder-content[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 32px;
  min-height: 32px;
}
.camera-list-box .utm-checkbox-wrapper .camera-placeholder-content[data-v-34cda77c]:hover {
  background-color: rgb(5, 159, 232,.1);
}

/* **控制 tree拖动时的样式*** */
.tree-item-swapper .camera-drag-active.utm-checkbox-wrapper .camera-placeholder-content[data-v-34cda77c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  background-color: #fff;
  color: var(--main-color);
  opacity: 1;
}
.tree-item-swapper .camera-drag-active.utm-checkbox-wrapper i[data-v-34cda77c] {
  color: var(--main-color) !important;
}

/************************************************************ 视频监控区域 Start*****************************************/
.event-monitoring-content[data-v-34cda77c] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.event-monitoring-content .page-pre-style[data-v-34cda77c] {
  cursor: pointer;
  z-index: 100;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 33%;
  background-color: rgb(128, 128, 128,1);
}
.event-monitoring-content .page-next-style[data-v-34cda77c] {
  cursor: pointer;
  z-index: 100;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: rgb(128, 128, 128,1);
  position: absolute;
  right: 0;
  top: 33%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.event-monitoring-content .event-area-cell-setting[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  padding: 16px 16px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-area-cell-setting .event-area-operate[data-v-34cda77c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-area-cell-setting .event-area-operate .event-area-name[data-v-34cda77c] {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.event-area-cell-setting .event-area-cell-box[data-v-34cda77c] {
  padding: 0 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  background: #eeeeee;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
}
.event-area-cell-setting .event-area-right-box[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-area-cell-setting .event-area-right-box .tab-btn[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--main-color);
  background-color: #fff;
  border-radius: 4px;
  margin-right: 10px;
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item[data-v-34cda77c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 32px;
  border-radius: 16px;
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item i[data-v-34cda77c] {
  color: #B4B4B4;
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item.active[data-v-34cda77c] {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
}
.event-area-cell-setting .event-area-cell-box .event-area-cell-item:hover i[data-v-34cda77c],
.event-area-cell-setting .event-area-cell-box .event-area-cell-item.active i[data-v-34cda77c] {
  color: var(--main-color);
}
.event-monitoring-content .event-area-cell-swapper[data-v-34cda77c] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px;
  overflow: hidden;
}
.event-monitoring-content .face-detection-swapper[data-v-34cda77c] {
  height: 200px;
  min-height: 200px;
  border-top: 1px solid #DFDFDF;
  padding: 16px 0;
}
.event-monitoring-content .event-area-cell-operate[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
  min-height: 72px;
  border-top: 1px solid #DFDFDF;
}
.event-monitoring-content .event-area-cell-operate .utm-btn[data-v-34cda77c] {
  margin: 0 12px;
}

/* ******************************多宫格视频的样式************************** */
.event-area-cell-swapper .video-resource-box[data-v-34cda77c] {
  height: 100%;
}
.event-area-cell-swapper .video-resource-box ul[data-v-34cda77c] {
  height: 100%;
  font-size: 0;
}
.event-area-cell-swapper .video-resource-box .video-resource-li[data-v-34cda77c] {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  padding: 4px;
  vertical-align: top;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-16md[data-v-34cda77c] {
  width: 25%;
  height: 25%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-9md[data-v-34cda77c] {
  width: 33.3%;
  height: 33.3%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-4md[data-v-34cda77c] {
  width: 50%;
  height: 50%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li.video-resource-li-1md[data-v-34cda77c] {
  width: 100%;
  height: 100%;
}
.event-area-cell-swapper .video-resource-box .video-resource-li .video-resource-video[data-v-34cda77c] {
  position: relative;
  height: 100%;
  background: #ebeff2;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.event-area-cell-swapper .video-resource-box .video-resource-li .video-resource-show[data-v-34cda77c] {
  border: 3px solid #4AB9F5;
}
.event-area-cell-swapper .video-resource-box .video-resource-li .video-resource-video img[data-v-34cda77c] {
  width: 50%;
  height: 50%;
}
.video-resource-video .video-resource-content[data-v-34cda77c] {
  height: 100%;
  width: 100%;
}
.video-resource-video .video-resource-content .video-active-icon[data-v-34cda77c] {
  background: #2BA3FD;
}

/* 元素被拖动占位的样式 */
.video-resource-video .camera-chosen[data-v-34cda77c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #e2f2fa;
  border: 1px dashed #059fe8;
  border-radius: 4px;
  opacity: 1;
}
.video-resource-video .camera-chosen .camera-placeholder-content[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-name[data-v-34cda77c],
.video-resource-video .camera-chosen .camera-placeholder-content video.video-resource-item[data-v-34cda77c] {
  display: none;
}
.video-resource-video .camera-chosen .camera-placeholder-content .abnormal-style[data-v-34cda77c] {
  color: red !important;
}
.video-resource-video .camera-chosen .camera-placeholder-content .disabled-style[data-v-34cda77c] {
  color: green !important;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon[data-v-34cda77c] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
}
.video-box .camera-icon .show-camera-info[data-v-34cda77c] {
  position: absolute;
  font-size: 14px;
  background: rgba(0, 0, 0, .6);
  padding: 10px;
  font-weight: 400;
  border-radius: 5px;
  text-align: left;
  color: #ffffff;
  top: 38px;
  left: 0;
  display: none;
}
.video-box .camera-icon .custom-icon[data-v-34cda77c] {
  position: absolute;
  top: 30px;
  left: 5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, .6);
  display: none;
}
.video-box .camera-icon:hover .show-camera-info[data-v-34cda77c] {
  display: inline-block;
}
.video-box .camera-icon:hover .custom-icon[data-v-34cda77c] {
  display: inline-block;
}
.video-box .camera-get-fail[data-v-34cda77c] {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 50%;
  height: 70px;
  margin-top: -35px;
  margin-right: -70px;
  width: 140px;
  text-align: center;
}
.video-box .camera-get-fail span[data-v-34cda77c] {
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #ffffff;
}
.video-box .camera-icon-remove[data-v-34cda77c] {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  background: #E84A2B;
  display: none;
}
.video-box .camera-icono-full[data-v-34cda77c] {
  position: absolute;
  bottom: 12px;
  right: 6px;
  width: 20px;
  height: 20px;
  display: none;
}
.video-box:hover .camera-icon-remove[data-v-34cda77c] {
  display: block;
}
.video-box:hover .camera-icono-full[data-v-34cda77c] {
  display: block;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon i[data-v-34cda77c] {
  color: var(--main-color) !important;
  margin-right: 0 !important;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon[data-v-34cda77c]::after {
  content: '';
  position: absolute;
  width: 94px;
  height: 94px;
  margin-left: -47px;
  margin-top: -47px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(var(--main-color-rgb), 5%);
  border-radius: 50%;
  z-index: 1;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon[data-v-34cda77c]::before {
  content: '';
  position: absolute;
  width: 74px;
  height: 74px;
  margin-left: -37px;
  margin-top: -37px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(var(--main-color-rgb), 10%);
  border-radius: 50%;
  z-index: 1;
}
.video-resource-video .camera-chosen .camera-placeholder-content .camera-icon i[data-v-34cda77c]::after {
  content: '';
  position: absolute;
  width: 56px;
  height: 56px;
  margin-left: -28px;
  margin-top: -28px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(var(--main-color-rgb), 15%);
  border-radius: 50%;
  z-index: 1;
}
.video-resource-video .camera-drag-active[data-v-34cda77c] {
  opacity: 1;
}
.video-resource-video .camera-tree-dragg-active .video-resource-content[data-v-34cda77c] {
  opacity: 1;
}

/* **控制tree拖动时的样式*** */
.tree-item-swapper .camera-drag-active.utm-checkbox-wrapper .camera-placeholder-content[data-v-34cda77c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: unset;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  background-color: #fff;
  color: var(--main-color);
  opacity: 1;
}
.tree-item-swapper .camera-drag-active.utm-checkbox-wrapper i[data-v-34cda77c] {
  color: var(--main-color) !important;
}

/* 有摄像头的样式 */
.video-box[data-v-34cda77c] {
  width: 100%;
  height: 100%;
}
.video-box .video-resource-item[data-v-34cda77c] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  border-radius: 4px;
}
.video-box .camera-icon[data-v-34cda77c] {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  top: 8px;
  left: 8px;
  background: rgba(255, 255, 255, .4);
  border-radius: 8px;
  z-index: 2;
}
video[data-v-34cda77c]::-webkit-media-controls-fullscreen-button,
video[data-v-34cda77c]::-webkit-media-controls-volume-slider,
video[data-v-34cda77c]::-webkit-media-controls-timeline,
video[data-v-34cda77c]::-webkit-media-controls-overflow-menu,
video[data-v-34cda77c]::-webkit-media-controls-mute-button {
  display: none;
}

/* 没有摄像头的提示 */
.no-camera-tips[data-v-34cda77c] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.no-camera-tips .camera-icon[data-v-34cda77c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);
}
.no-camera-tips .no-camera-tips_text[data-v-34cda77c] {
  display: inline-block;
  width: 140px;
  font-size: 14px;
  text-align: center;
  color: #999;
  line-height: 20px;
}

/* **********人脸抓拍的样式************ */
.face-detection-swapper .face-detection-header[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px 8px;
  line-height: 22px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}
.face-detection-swapper .face-detection-content[data-v-34cda77c] {
  padding: 0 8px;
}
.face-detection-swapper .face-detection-content .face-detection-ul[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  list-style: none;
  min-height: 136px;
  height: 136px;
}
.face-detection-content .face-detection-ul .face-detection-photo[data-v-34cda77c] {
  position: relative;
}
.face-detection-ul .face-detection-photo .face-detection-li[data-v-34cda77c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 96px;
  width: 96px;
  height: 120px;
  margin: 0 8px;
  border-radius: 8px;
  opacity: hidden;
  -webkit-transition: width .35s linear, height .35s linear;
  transition: width .35s linear, height .35s linear;
  cursor: pointer;
}
.face-detection-swapper .face-detection-content .face-detection-li[data-v-34cda77c]:hover {
  height: 136px;
  min-width: 109px;
  width: 109px;
}
.face-detection-swapper .face-detection-content .face-detection-li:hover .face-detection-img[data-v-34cda77c] {
  border: 2px solid #059fe8;
  min-width: 100% !important;
  min-height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.face-detection-swapper .face-detection-content .face-detection-li .face-detection-operate[data-v-34cda77c] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  bottom: 12px;
  z-index: 1;
}
.face-detection-swapper .face-detection-content .face-detection-li .face-detection-operate-content[data-v-34cda77c] {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 8px;
  background: rgba(var(--main-color-rgb), .8);
  border-radius: 12px;
}
.face-detection-swapper .face-detection-content .face-detection-li:hover .face-detection-operate-content[data-v-34cda77c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.face-detection-swapper .face-detection-content .face-detection-li .vertical-divider-line[data-v-34cda77c] {
  display: inline-block;
  height: 12px;
  width: 1px;
  margin: 0 4px;
  background: #fff;
}
.face-detection-swapper .face-detection-content .face-detection-li .face-detection-more[data-v-34cda77c] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 86%;
  text-align: center;
  border-radius: 8px;
  opacity: 0.4;
  height: 97%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000000;
  font-weight: bold;
  color: white;
}

/* 视频监控区域 End*/

/* Watch List Start */
.watch-list-swapper[data-v-34cda77c] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 350px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  background-color: #ffffff;
  border-radius: 0 8px 8px 0;
  border-left: 1px solid #DFDFDF;
}
.watchList-close[data-v-34cda77c] {
  width: 1px !important;
  min-width: 1px !important;
}
.is-watchList-flag[data-v-34cda77c] {
  display: none;
}
.watch-list-swapper .watch-list-shrink[data-v-34cda77c] {
  position: absolute;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  width: 16px;
  color: white;
  text-align: center;
  font-weight: bold;
  left: -16px;
  top: 50%;
  margin-top: -50px;
  background: var(--main-color);
  border-radius: 16px 0 0 16px;
  cursor: pointer;
}
.watch-list-shrink .is-shrink[data-v-34cda77c] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.watch-list-swapper .watch-list[data-v-34cda77c] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-width: 350px;
}
.watch-list-swapper .watch-list .watch-list-title[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 53px;
  padding: 0 16px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 18px;
  color: #000000;
  font-weight: 700;
}
.watch-list .watch-list-title .watch-list-count[data-v-34cda77c] {
  display: inline-block;
  width: 33px;
  height: 21px;
  background-color: rgba(5, 159, 232, .1);
  border-radius: 11px;
  text-align: center;
  line-height: 21px;
  margin-left: 4px;
}
.watch-list .watch-list-title .watch-list-count span[data-v-34cda77c] {
  color: #059fe8;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
}
.watch-list-swapper .watch-list .watch-list-ul[data-v-34cda77c] {
  min-width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  padding: 17px 16px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  overflow: auto;
}
.watch-list .watch-list-ul .watch-list-li[data-v-34cda77c] {
  display: inline-block;
  width: 94px;
  height: 120px;
  cursor: pointer;
  margin-bottom: 12px;
  margin-right: 8px;
  list-style-type: none;
}
.watch-list-li .user-head-sculpture[data-v-34cda77c] {
  position: relative;
}
.watch-list-li .user-head-sculpture .user-head-img[data-v-34cda77c] {
  width: 94px;
  height: 120px;
  border-radius: 8px;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-text[data-v-34cda77c] {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  padding: 0 8px;
  bottom: 6px;
  line-height: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 25px;
  opacity: 0.8;
  background: #059fe8;
  display: none;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-text .cover-tooltip[data-v-34cda77c] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.watch-list-li .user-head-sculpture:hover .user-head-sculpture-text[data-v-34cda77c] {
  display: block;
}
.watch-list-li .user-head-sculpture .user-head-sculpture-bg[data-v-34cda77c] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  display: none;
}
.watch-list-li:hover .user-head-sculpture-bg[data-v-34cda77c] {
  display: inline-block;
}
.user-head-sculpture .user-head-sculpture-bg .user-head-sculpture-content[data-v-34cda77c] {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 20px;
  font-size: 14px;
}
.user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-operate[data-v-34cda77c] {
  position: absolute;
  background: #fff;
  right: 4px;
  top: 4px;
  text-align: center;
  border-radius: 4px;
  height: 19px;
  width: 19px;
  line-height: 19px;
}
.user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-box[data-v-34cda77c] {
  position: absolute;
  display: none;
  padding: 4px 0;
  top: 25px;
  left: 20px;
  background: #fff;
  z-index: 99;
  -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
          box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
  border-radius: 4px;
}
.watch-list-ul li:nth-child(3n) .user-head-sculpture-bg .user-head-sculpture-content .user-head-sculpture-box[data-v-34cda77c] {
  left: -80px;
}
.user-head-sculpture-content:hover .user-head-sculpture-box[data-v-34cda77c] {
  display: inline-block;
}
.user-head-sculpture-content .user-head-sculpture-box .user-head-sculpture-item[data-v-34cda77c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0 12px;
  color: #333;
  cursor: pointer;
}

/* Watch List End */
.icon-red[data-v-34cda77c]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  width: 8px;
}

/*******************报表详情模态框******************************/
.particular-box-top[data-v-34cda77c] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-34cda77c] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-34cda77c] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-34cda77c] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-34cda77c]{
  margin-bottom: 0;
}

/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-34cda77c] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-34cda77c]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-34cda77c]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-34cda77c] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-34cda77c]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-34cda77c] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-34cda77c] {
  margin-top: 7px;
}
.visitor-specific[data-v-34cda77c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-34cda77c] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-34cda77c]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-34cda77c]{
  position: relative;
}
.visitor-point-content[data-v-34cda77c]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}

/* 用户名的样式 */
.field-item-content-user[data-v-34cda77c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-34cda77c]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-34cda77c]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}

/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-34cda77c] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-34cda77c] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-34cda77c] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}

/*通行状态*/
.visitor-specific-content.access-state[data-v-34cda77c] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-34cda77c]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-34cda77c]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-34cda77c]{
  display: none;
}
.addition-info-title[data-v-34cda77c]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-34cda77c]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*tab 标签*/
.utm-primary-tabs[data-v-34cda77c]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-34cda77c]{
  color: #059FE8;
  cursor: pointer;
}

.utm-controls-zone-item[data-v-de3fb746] {
  padding: 0 16px;
  width: 100%;
  overflow: auto;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort[data-v-de3fb746]{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.utm-controls-role-permission .apply-box-left .apply-box-left-sort i[data-v-de3fb746]{
  color: #243A81;
  font-size: 20px;
  margin-right: 8px;
}
.check-substance-box .apply-box-left > ul[data-v-de3fb746]{
  max-height: 420px;
}
.check-substance-box ul[data-v-de3fb746]{
  padding-left: 24px;
}
.check-substance-box ul li[data-v-de3fb746]{
  position: relative;
}
.check-substance-box ul li .arrow[data-v-de3fb746]{
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  left: -24px;
  top: 12px;
  cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-de3fb746]{
  -webkit-transform-origin: center;
          transform-origin: center;
  color: #333;
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-de3fb746]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
/**************选择tag****************/
.utm-multiple-check[data-v-de3fb746] {
  width: 400px;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-de3fb746] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-de3fb746] {
  width: 100%;
  max-height: 200px;
  min-height: 40px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .check-option[data-v-de3fb746] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-de3fb746]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-de3fb746]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-de3fb746]:hover,
.multiple-check-panel .check-option.active[data-v-de3fb746] {
  background: #d2f0ff;
}
.multiple-check-panel .check-option.active[data-v-de3fb746]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #059AE8;
}
.utm-multiple-check .utm-tag[data-v-de3fb746] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-de3fb746] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-de3fb746] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-de3fb746]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-de3fb746]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-de3fb746]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-de3fb746] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-de3fb746]{
  color: #059FE8;
  line-height: 40px;
  font-size: 16px;
}
.site-check-box[data-v-de3fb746]{
  padding: 16px;
  background: rgba(0,94,184,0.05);
  border-radius: 4px;
}
.site-check-tip[data-v-de3fb746]{
  color: #333;
  font-weight: 500;
}
.site-check-box p[data-v-de3fb746] {
  font-size: 14px;
}
.site-check-box hr[data-v-de3fb746]{
  margin-top: 8px;
  border-color: rgba(0,94,184,0.05);
}
#door_access_control .check-substance-box .substance-left[data-v-de3fb746] {
  padding: 8px 0 0 16px;
  width: 60%;
}
#door_access_control .check-substance-box .substance-right[data-v-de3fb746]{
  width: 40%;
}
#door_access_control .check-substance-box .substance-right .selected-list > ul[data-v-de3fb746]{
  margin-left: 16px;
}
#door_access_control .substance-right .selected-list .selected-item[data-v-de3fb746] {
  padding: 4px 27px 4px 0;
  overflow: unset;
}
#door_access_control .selected-item-text[data-v-de3fb746]{
  display: inline-block;
  padding: 4px 0;
}
#door_access_control .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-de3fb746]{
  right: -16px;
  top: 6px;
}


#virtual_portal_work[data-v-4b48aced]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px 16px;
  background-color: #EBEFF2;
}
.virtual-portal-box[data-v-4b48aced]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 12px;
  overflow: hidden;
}
#virtual_portal_work .top-content[data-v-4b48aced]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#virtual_portal_work .top-content .content-left[data-v-4b48aced]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.no-padding-option[data-v-4b48aced]{
  padding: 0;
}
.no-padding-option div[data-v-4b48aced]{
  padding: 7px 24px 7px 16px;
}
/* ********************巡逻路线的样式 Start********************* */
.virtual-portal-header[data-v-4b48aced]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
}
/* 虚拟巡逻路线的Css */
.virtual-portal-list[data-v-4b48aced]{
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0;
}
.virtual-portal-list .virtual-portal-swapper[data-v-4b48aced]{
  width: calc(100% - 100px);
  overflow: hidden;
}
.virtual-portal-list .virtual-portal-data[data-v-4b48aced]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-transition: -webkit-transform .15s linear;
  transition: -webkit-transform .15s linear;
  transition: transform .15s linear;
  transition: transform .15s linear, -webkit-transform .15s linear;
}
/* 巡逻路径 */
.virtual-portal-swapper .virtual-portal-path[data-v-4b48aced]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* 巡逻任务的翻页按钮 */
.virtual-portal-list .turn-page[data-v-4b48aced]{
  position: relative;
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  cursor: pointer;
}
.virtual-portal-list .turn-page.disable[data-v-4b48aced]{
  opacity: 0.6;
  cursor: not-allowed;
}
.virtual-portal-list .turn-page i[data-v-4b48aced]{
  font-size: 24px;
  color: var(--main-color);
}
.virtual-portal-list .turn-page.right-page[data-v-4b48aced]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* *******每个巡逻点的样式****** */
.virtual-portal-data .virtual-portal-item[data-v-4b48aced]{
  position: relative;
  margin: 0 8px; 
  border-radius: 8px;
  cursor: pointer;
  color: #999;
  border: 1px solid #dce3e8;
}
.virtual-portal-item .virtual-portal-image[data-v-4b48aced]{
  position: relative;
  width: 248px;
  height: 120px;
  border-radius: 7px 7px 0 0;
  background-color: #333;
}
.virtual-portal-item .play-status[data-v-4b48aced]{
  position: absolute;
  right: 0;
  top: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 8px;
  color: #fff;
  border-radius: 12px 0 0 12px;
  background-color: rgba(0, 0, 0, 0.2); /* 设置背景色，这里使用半透明白色 */
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px); /* 添加模糊效果，10px为模糊半径 */
}
.virtual-portal-item .play-status-icon[data-v-4b48aced]{
  position: absolute;
  bottom: -16px;
  right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 16px;
}
.virtual-portal-item .virtual-portal-info[data-v-4b48aced]{
  padding: 8px 12px;
}
/* 巡逻点的名字 */
.virtual-portal-item .virtual-portal-name[data-v-4b48aced]{
  max-width: 84px;
  font-size: 12px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 摄像头的名字 */
.virtual-portal-item .virtual-portal-camera-name[data-v-4b48aced]{
  font-weight: bold;
  font-size: 14px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 未播放的 */
.virtual-portal-item.unPlay[data-v-4b48aced]{
  pointer-events: none;
}
.virtual-portal-item.unPlay .utm-status[data-v-4b48aced]{
  background-color: #999;
}
/* 已经播放完成的 */
.virtual-portal-item.played[data-v-4b48aced]{
  background-color: #fff;
}
.virtual-portal-item.played .virtual-portal-camera-name[data-v-4b48aced]{
  color: #333;
}
.virtual-portal-item.played .utm-status[data-v-4b48aced]{
  background-color: #4CBE8A;
}
/* 正在播放的巡逻点 */
.virtual-portal-item.playing[data-v-4b48aced]{
  border: 1px dashed var(--main-color);
  pointer-events: none;
}
.virtual-portal-item.playing .virtual-portal-camera-name[data-v-4b48aced]{
  color: var(--main-color);
}
.virtual-portal-item.playing .utm-status[data-v-4b48aced]{
  background-color:#F1B719;
}
/* 等待播放的 */
.virtual-portal-item.inProgress .utm-status[data-v-4b48aced]{
  background-color: var(--main-color);
}
.virtual-portal-item.inProgress[data-v-4b48aced]:hover{
  border: 1px solid var(--main-color);
}
/* *****************巡逻上报记录 Start***************** */
.virtual-portal-box .desc-swapper[data-v-4b48aced]{
  min-width: 400px;
  height: 100%;
  margin-left: 12px;
  background: #ffffff;
  border-radius: 8px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.desc-swapper .virtual-portal-attentions[data-v-4b48aced]{
  max-height: 50%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.desc-swapper .virtual-portal-attentions .virtual-portal-attentions-title[data-v-4b48aced]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  height: 50px;
  min-height: 50px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px dashed #dce3e8;
}
.desc-swapper .virtual-portal-attentions .virtual-portal-attentions-content[data-v-4b48aced]{
  border-bottom: 1px dashed #dce3e8;
  white-space: pre-line;
  -ms-flex-wrap: 1;
      flex-wrap: 1;
  overflow: auto;
  padding: 16px;
}
.desc-swapper .virtual-portal-remark[data-v-4b48aced]{
  min-height: 50%;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.desc-swapper .virtual-portal-remark-title[data-v-4b48aced]{
  display: block;
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: bold;
}
.desc-swapper .virtual-portal-remark-content[data-v-4b48aced]{
  height: calc(100% - 40px);
  padding: 8px 16px 16px;
}
/* *****************巡逻上报记录 End***************** */
/* **************************播放的摄像头的css Start****************************** */
.virtual-portal-box .video-content[data-v-4b48aced]{
  background: #000;
  border-radius: 8px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  overflow: hidden;
}
.virtual-portal-box .video-content.no-virtual-portal-data[data-v-4b48aced]{
  height: 100%;
  width: 50%;
  background-color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.virtual-portal-box .video-content.no-virtual-portal-data p[data-v-4b48aced]{
  margin-top: 16px;
}
.video-content .play-video-box[data-v-4b48aced]{
  position: relative;
  height: 100%;
  text-align: center;
  min-width: 800px;
}
/* 视频加载中 */
.video-content .play-video-box .play-video-loading[data-v-4b48aced]{
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
}
.video-content .play-video-box .play-video-loading .utm-custom-loading[data-v-4b48aced]::before{
  font-size: 40px;
  color:#666;
}
/* 没有视频 */
.video-content .play-video-box .play-video-noData[data-v-4b48aced]{
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  font-size: 16px;
  color:#fff;
}
.video-content .play-video-box video[data-v-4b48aced]{
  width: auto;
  height: 100%;
}
.video-content .play-video-box #playbackVideo[data-v-4b48aced]{
  height: 100%;
}
/* 当前摄像头的信息 */
.video-content .play-video-info[data-v-4b48aced]{
  position: absolute;
  top: 16px;
  left: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-content .play-video-info .camera-icon[data-v-4b48aced]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--main-color);
  border-radius: 8px;
}
.video-content .play-video-info .camera-name[data-v-4b48aced]{
  display: inline-block;
  height: 32px;
  padding: 0 16px;
  margin-left: 8px;
  line-height: 30px;
  color: #fff;
  border-radius: 8px;
  background-color: rgba(51, 51, 51, 0.3); 
  -webkit-backdrop-filter: blur(12px); 
          backdrop-filter: blur(12px);
}
/* 当前播放倒计时   */
.video-content .video-paly-duration[data-v-4b48aced]{
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 16px;
  top: 16px;
  height: 24px;
  padding: 0 8px;
  background: #ff9a36;
  border-radius: 12px;
  color: #fff;
}
.video-content .replay-loading-tip[data-v-4b48aced]{
  position: absolute;
  left: 50%;
  top: 32px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 152px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
  font-size: 14px;
  color: #fff;
}
/* 摄像头的操作按钮  */
.video-content .handle-camera[data-v-4b48aced]{
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-content .handle-camera.handle-camera-left[data-v-4b48aced]{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  left: 16px;
  margin-top: -84px;
}
.video-content .handle-camera.handle-camera-right[data-v-4b48aced]{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  right: 16px;
  margin-top: -84px;
}
.video-content .handle-camera.handle-camera-bottom[data-v-4b48aced]{
  bottom: 56px;
  right: 16px;
}
.video-content .handle-camera .camera-btn[data-v-4b48aced]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  background-color: rgba(51, 51, 51, 0.3); 
  -webkit-backdrop-filter: blur(6px); 
          backdrop-filter: blur(6px); 
  border-radius: 10px;
  cursor: pointer;
  z-index: 1;
}
.video-content .handle-camera .camera-btn[data-v-4b48aced]:nth-child(1){
  z-index: 3;
}
.video-content .handle-camera .camera-btn[data-v-4b48aced]:nth-child(2){
  z-index: 2;
}
.video-content .handle-camera.handle-camera-bottom .camera-btn[data-v-4b48aced]{
  margin-left: 16px;
}
.video-content .handle-camera.handle-camera-left .camera-btn[data-v-4b48aced],
.video-content .handle-camera.handle-camera-right .camera-btn[data-v-4b48aced]{
  margin-top: 16px;
}
.video-content .handle-camera .camera-btn i[data-v-4b48aced]{
  color: #fff;
}
.video-content .handle-camera .camera-btn:hover i[data-v-4b48aced]{
  color: var(--main-color);
}
.video-content .handle-camera .camera-btn.disabled i[data-v-4b48aced],
.video-content .handle-camera .camera-btn.disabled:hover i[data-v-4b48aced]{
   color: #999;
}
/*回放播放按钮倒计时 */
.video-content .camera-btn .replay-count-down[data-v-4b48aced]{
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 47px;
  height: 32px;
  color: #fff;
  background: rgba(51,51,51,0.40);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.video-content .handle-camera.handle-camera-left .camera-btn .replay-count-down[data-v-4b48aced]{
   left: 56px;
}
.video-content .handle-camera.handle-camera-right .camera-btn .replay-count-down[data-v-4b48aced]{
  right: 56px;
}
.video-content .handle-camera.handle-camera-bottom .camera-btn .replay-count-down[data-v-4b48aced]{
  bottom: 56px;
}

#add_virtual_portal .utm-control-label{
    float: none;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
}
#add_virtual_portal .utm-controls{
    
    margin-left: 0;
}
#add_virtual_portal .utm-page-footer .utm-control-group{
    width: 33.33%;
    display: inline-block;
    padding-right: 16px;
}
  /* 摄像头时间配置的样式 */
.camera-path-swapper .camera-duration .duration-input-box .ivu-input-number-handler-wrap{
  display: none!important;
}
.camera-path-swapper .camera-duration .duration-input-box .ivu-input-number{
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
}
.camera-path-swapper .camera-duration .duration-input-box .ivu-input-number-input{
  text-align: center
}
/* ***********************配置虚拟巡逻线路的样式********************************* */
#add_virtual_portal .utm-page-header[data-v-6644a302]{
        padding: 0 0 16px;
}
#add_virtual_portal .utm-page-footer[data-v-6644a302]{
        padding: 16px 16px 0;
        overflow: unset;
}
#add_virtual_portal .utm-module-title[data-v-6644a302]{
        border-bottom: none;
}
.module-content.basic-module[data-v-6644a302]{
        position: relative;
        padding-top: 6px;
        margin-top: 16px;
}
.utm-page-footer .module-content.basic-module[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
}
.module-content.basic-module[data-v-6644a302]::before{
        content: '';
        position: absolute;
        top: 0;
        left: -16px;
        width: calc(100% + 32px);
        height: 1px;
        background-color: #EEEEEE;
}
    /* 保存按钮 */
.save-btn[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 140px;
        margin: 24px auto;
}
    /* 整体的布局 */
#add_virtual_portal[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%;
        padding: 0 16px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        background: #ebeff2;
}
.virtual-portal-left[data-v-6644a302]{
        position: relative;
        width: calc(100% - 385px);
        height: 100%;
        padding-right: 32px;
        -webkit-transition: width .25s linear;
        transition: width .25s linear;
}
.virtual-portal-left.virtual-portal-left-no-add[data-v-6644a302]{
        padding-right: 0;
}
.virtual-portal-right[data-v-6644a302]{
        width: 385px;
        min-width: 385px;
        height: 100%;
        border-right: 0;
        background: #fff;
        border-radius: 8px;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
        z-index: 1;
        overflow: hidden;
}
.virtual-portal-right-shrink .virtual-portal-left[data-v-6644a302]{
        width: 100%;
}
.virtual-portal-right-shrink .virtual-portal-right[data-v-6644a302]{
        width: 0;
        min-width: 0;
}
    /* *选择摄像头界面的收缩按钮** */
.add-virtual-portal-page .virtual-portal-shrink[data-v-6644a302]{
        position: absolute;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100px;
        width: 16px;
        right: 0;
        top: 50%;
        margin-top: -50px;
        background: var(--main-color);
        border-radius: 6px 0 0 6px;
        cursor: pointer;
}
.add-virtual-portal-page .utm-arrow-left[data-v-6644a302]{
        font-size: 16px;
        color: #fff;
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transition: -webkit-transform ease-in .15s;
        transition: -webkit-transform ease-in .15s;
        transition: transform ease-in .15s;
        transition: transform ease-in .15s, -webkit-transform ease-in .15s;
}
.add-virtual-portal-page .utm-arrow-left.open[data-v-6644a302]{
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
}
.virtual-portal-config-info[data-v-6644a302]{
        height: calc(100% - 72px);
        border-bottom: 16px solid #fff;
        border-radius: 8px;
        overflow-y: auto;
        overflow-x: hidden;
        line-height: normal;
}
.virtual-portal-config-info .utm-page-footer[data-v-6644a302]{
        height: 182px;
        margin-bottom: 8px;
}
.virtual-portal-config-info .virtual-portal-footer[data-v-6644a302]{
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding: 16px 16px 0;
        background-color: #fff;
        border-radius: 8px 8px 0 0;
}
.virtual-portal-config-info .virtual-portal-footer .camera-group[data-v-6644a302]{
        margin-bottom: 0;
}
    /* 虚拟巡逻的路线 */
.utm-controls-camera[data-v-6644a302]{
        background: #F2F3F7;
        padding: 0 12px 0 8px;
}
.utm-controls-camera .camera-path-box[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        font-size: 14px;
}
.utm-controls-camera .camera-path-box .camera-path-li[data-v-6644a302]{
        position: relative;
        padding: 16px;
}
.camera-path-swapper[data-v-6644a302]{
        position: relative;
        width: 100%;
        height: 115px;
        padding: 36px 24px 12px;
        background: #ffffff;
        border: 1px solid var(--main-color);
        border-radius: 4px;
        text-align: center;
        cursor: move;
}
.camera-path-swapper .drag-move-bg[data-v-6644a302]{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
}
    /* 收起右边tree的时候 */
.camera-path-swapper.camera-path-swapper-shrink-right[data-v-6644a302]{
        min-width: 274px;
}
    /* 收起左边的菜单栏的时候 */
.camera-path-swapper.camera-path-swapper-shrink-menu[data-v-6644a302]{
        min-width: 320px;
}
    /*右边tree和左边的菜单栏都收起的时候 */
.camera-path-swapper.camera-path-swapper-shrink-both[data-v-6644a302]{
        min-width: 328px;
}
    /* 将时间应用与摄像头 */
.apply-to-camera[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 40px;
        height: 40px;
        margin-left: 16px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: rgba(153,153,153,1);
        border-radius: 4px;
        vertical-align: middle;
        cursor: pointer;
}
.apply-to-camera.apply-to-camera-disabled[data-v-6644a302]{
        pointer-events: none;
}
.apply-to-camera.active[data-v-6644a302]{
        background: var(--main-color);
}
    /* 打开添加摄像头的按钮 */
.camera-path-box .camera-path-add .camera-path-swapper[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        border: 1px dashed var(--main-color);
        color: var(--main-color);
        cursor: pointer;
}
.camera-path-box .camera-path-add:hover .camera-path-swapper[data-v-6644a302]{
        border: 1px solid var(--main-color);
}
    /*被拖动元素的占位时的样式*/
.camera-path-box .camera-path-li-placeholder[data-v-6644a302]::before,
    .camera-path-box .camera-path-li-placeholder[data-v-6644a302]::after{
        content: " ";
        position: absolute;
        left: 13px;
        width: 11px;
        height: 3px;
        background: rgba(0,94,184,1);
        z-index: 2;
}
.camera-path-box .camera-path-li-placeholder[data-v-6644a302]::before{
        top: 16px;
        left: -3px;
}
.camera-path-box .camera-path-li-placeholder[data-v-6644a302]::after{
        bottom: 16px;
        left: -3px;
}
.camera-path-box .camera-path-li-placeholder .camera-path-swapper[data-v-6644a302]::before{
        content: " ";
        position: absolute;
        left: -16px;
        top: 0;
        width: 3px;
        height: 100%;
        background: rgba(0,94,184,1);
        z-index: 2;
}
.camera-path-box .camera-path-li-placeholder .cope-1[data-v-6644a302]{
        position: absolute;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        background: #ffffff;
        border: 1px solid var(--main-color);
        border-radius: 4px;
        top: 11px;
        right: 11px;
}
.camera-path-box .camera-path-li-placeholder .cope-2[data-v-6644a302]{
        position: absolute;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
        background: #ffffff;
        border: 1px solid var(--main-color);
        border-radius: 4px;
        top: 6px;
        right: 6px;
}
.camera-path-box .camera-path-li-placeholder .camera-path-swapper.camera-path-swapper-single[data-v-6644a302]{
        display: block!important;
        background: #E5EEF8;
}
.camera-path-box .camera-path-li-placeholder .camera-path-swapper.camera-path-swapper-more[data-v-6644a302]{
        display: none!important;
}
    /* 当拖动多个摄像头时 */
.camera-path-swapper.camera-path-swapper-more[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: 40px;
        padding: 0 12px;
        background-color: rgba(var(--main-color-rgb),.1);
}
.camera-path-swapper.camera-path-swapper-more .camera-drag-number[data-v-6644a302]{
        font-size: 16px;
        color: var(--main-color);
}
    /* 元素被拖动时的样式 */
.camera-path-box .camera-path-li-active .camera-path-swapper[data-v-6644a302]{
        opacity: .2;
}
    /* 删除摄像头 */
.camera-path-box .camera-path-swapper .delete-btn[data-v-6644a302]{
        z-index: 1;
        position: absolute;
        right: -10px;
        top: -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #EF4C5D;
}
    /* 顺序及节点名字 */
.camera-path-swapper .camera-location[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        height: 24px;
        padding: 0 8px 0 4px;
        background-color: var(--main-color);
        border-radius: 2px 0px 4px 0px;
}
.camera-path-swapper .camera-location .camera-path-num[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 20px;
        height: 20px;
        color: var(--main-color);
        background-color: #fff;
        border-radius: 10px;
}
.camera-path-swapper .camera-location .camera-location-name[data-v-6644a302]{
        display: inline-block;
        margin-left:4px;
        font-size: 12px;
        color: #fff;
}
    /* 摄像头的状态 */
.camera-path-swapper .camera-status[data-v-6644a302] {
        position: absolute;
        top: 4px;
        right: 0;
        margin-right: 12px;
        font-size: 12px;
}
.camera-path-swapper .camera-status .camera-status-shape[data-v-6644a302]{
        margin-right: 4px;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
}
    /* 摄像头的名字及图标 */
.camera-path-swapper .camera-name[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        margin-bottom: 2px;
}
.camera-path-swapper .camera-name .camera-icon[data-v-6644a302]{
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        margin-right: 10px; 
        border-radius: 50%;
}
.camera-path-swapper .camera-name .camera-icon span[data-v-6644a302]{
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
}
.camera-path-swapper .camera-name .name-text[data-v-6644a302]{
        max-width: calc(100% - 34px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: initial;
}
    /*摄像头观看时间的配置*/
.camera-path-swapper .camera-duration[data-v-6644a302]{
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
}
.camera-path-swapper .camera-duration i[data-v-6644a302]{
        font-size: 24px;
        color: #8C8C8C;
}
.camera-path-swapper .camera-duration .duration-input-box[data-v-6644a302]{
        width: 100%;
        margin: 0 8px 4px; 
        border: none;
        border-bottom: 1px solid var(--main-color);
}
    /* *********************摄像头tree结构的列表************************* */
.camera-list-box[data-v-6644a302]{
        height: 100%;
}
.camera-list-box .camera-list-header[data-v-6644a302]{
        min-height: 194px;
}
.camera-list-box .camera-list-header .camera-list-title[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 16px;
        height: 64px;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px solid #dfdfdf;
}
.camera-list-box .camera-list-header .camera-list-operate-tips[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 16px 16px 0;
        font-size: 14px;
}
.camera-list-box .camera-list-header .search-section[data-v-6644a302]{
        padding: 16px;
}
.camera-list-box .options-box[data-v-6644a302]{
        width: 100%;
        height: calc(100% - 242px);
        padding-left: 16px;
        overflow-y: auto;
        overflow-x: hidden;
}
.camera-list-box .options-box .utm-controls-zone-item[data-v-6644a302]{
        padding-right: 16px;
}
.camera-list-box ul[data-v-6644a302]{
        padding-left: 20px;
}
.camera-list-box ul li[data-v-6644a302]{
        position: relative;
        padding: 4px 0;
}
    /* 背景色的变化 */
.camera-list-box .tree-item-swapper[data-v-6644a302]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 32px;
        border-radius: 4px;
        padding-left: 4px;
        cursor: pointer;
}
.camera-list-box .tree-item-swapper[data-v-6644a302]:hover{
        background: rgba(36,124,207,.1);
}
.camera-list-box .tree-item-drag[data-v-6644a302],
    .camera-list-box .tree-item-drag[data-v-6644a302]:hover{
        background: rgba(36,124,207,.25);
}
.camera-list-box .tree-item-swapper > div[data-v-6644a302]{
        width: 100%;
}
.camera-list-box ul li .arrow[data-v-6644a302]{
        position: absolute;
        width: 16px;
        height: 16px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 16px;
        left: -20px;
        top: 12px;
        cursor: pointer;
}
.camera-list-box ul li > div > div[data-v-6644a302]{
        display: inline-block;
}
.camera-list-box ul li .arrow i[data-v-6644a302]{
        -webkit-transform-origin: center;
                transform-origin: center;
        color: #333;
        -webkit-transition: -webkit-transform .15s ease-in;
        transition: -webkit-transform .15s ease-in;
        transition: transform .15s ease-in;
        transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.camera-list-box ul li .arrow.open i[data-v-6644a302]{
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
}
.camera-list-box .utm-checkbox-wrapper[data-v-6644a302]{
        width: 100%;
        height: 32px;
        min-height: 32px;
        padding: 0;
}
.camera-list-box .utm-checkbox-wrapper .utm-checkbox[data-v-6644a302] {
        width: 0;
        opacity: 0;
}
.camera-list-box .utm-checkbox-wrapper .utm-checkbox-text[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 0;
        height: 32px;
        width: 100%;
}
.camera-list-box .camera-list-status[data-v-6644a302]{
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-left: 47px;
        width: 100%;
        height: 48px;
        background-color: #fff;
}
.camera-list-box .camera-list-status[data-v-6644a302]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); 
        width: 353px;
        border-top: 1px solid #DFDFDF;
}
.camera-list-box .camera-list-status .camera-list-status-span[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 40px;
}
.camera-list-box .camera-list-status .camera-list-status-shape[data-v-6644a302]{
        display: inline-block;
        margin-right: 8px;
        width: 12px;
        height: 12px;
        border-radius: 2px;
}
.camera-list-box .camera-list-status .camera-list-status-span:nth-child(1) .camera-list-status-shape[data-v-6644a302]{
        background-color: var(--main-color);
}
.camera-list-box .camera-list-status .camera-list-status-span:nth-child(2) .camera-list-status-shape[data-v-6644a302]{
        background-color: #F66F6A;
}
.camera-list-box .camera-list-status .camera-list-status-span:nth-child(3) .camera-list-status-shape[data-v-6644a302]{
        background-color: #ABABAB;
}
    /* **控制tree拖动时的样式*** */
.camera-list-box .camera-path-swapper[data-v-6644a302]{
        display: none;
}
.camera-list-box .camera-tree-dragg-active .utm-checkbox-wrapper[data-v-6644a302]{
        display: none;
}
.camera-list-box .camera-tree-dragg-active .camera-path-swapper[data-v-6644a302]{
        display: block;
        opacity: 0.3;
}
.camera-list-box .camera-tree-dragg-active .camera-path-swapper.camera-path-swapper-more[data-v-6644a302]{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        opacity: 1;
}
.camera-path-box .camera-path-li-placeholder .utm-checkbox-wrapper[data-v-6644a302]{
        display: none;
}
.camera-path-box .camera-path-li .utm-checkbox-wrapper[data-v-6644a302]{
        display: none;
}

#task_configuration[data-v-392c0832]{
  height: 100%;
}
.path-content[data-v-392c0832]{
  position: relative;
  width: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: rgba(0, 94, 184, .05);
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.path-content .add-path[data-v-392c0832]{
  position: relative;
  width: 150px;
  height: 80px;
  padding: 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px dashed var(--main-color);
  border-radius: 6px;
  color: var(--main-color);
  font-size: 14px;
  cursor: pointer;
}
.path-content .add-path[data-v-392c0832]:hover{
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
          box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
}
.path-content .add-path i[data-v-392c0832]{
  font-size: 24px;
  color: var(--main-color);
}
.path-content .user-list[data-v-392c0832],
.path-content .portal-list[data-v-392c0832]{
  z-index: 10;
  position: absolute;
  top: 70px;
  left: 0;
  display: none;
  max-height: 150px;
  width: 240px;
  overflow-y: auto;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
  background-color: #fff;
  color: #333;
}
.path-content .user-list .no-list-data[data-v-392c0832],
.path-content .portal-list .no-list-data[data-v-392c0832]{
  text-align: center;
  line-height: 160px;
  color: #bbb;
}
.user-list .user-item[data-v-392c0832],
.portal-list .user-item[data-v-392c0832]{
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-392c0832]:hover,
.portal-list .user-item[data-v-392c0832]:hover{
  background: rgba(var(--main-color-rgb), .1);
}
.path-content .selected-portal[data-v-392c0832]{
  position: relative;
  width: 150px;
  height: 80px;
  margin-right: 44px;
  margin-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  background: #fff;
  border: 1px solid var(--main-color);
  border-radius: 6px;
}
.path-content .selected-portal .point-name[data-v-392c0832]{
  max-width: 126px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.path-content .selected-portal .portal-index[data-v-392c0832]{
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 21px;
  text-align: center;
  background: var(--main-color);
  border-radius: 6px 0px 6px 0px;
  color: #fff;
}
.path-content .selected-portal .cancel-portal[data-v-392c0832]{
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ef4c5d;
  border-radius: 50%;
}
.path-content .selected-portal .cancel-portal[data-v-392c0832]:hover{
  background: rgba(239,76,93, .7);
}
.path-content .selected-portal .cancel-portal i[data-v-392c0832]{
  font-size: 16px;
  color: #fff;
}
.path-content .selected-portal .add-index-portal[data-v-392c0832]{
  position: absolute;
  right: -34px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.path-content .selected-portal .add-index-portal i[data-v-392c0832]{
  font-size: 24px;
  color: var(--main-color);
}
.path-content .selected-portal .add-index-portal i[data-v-392c0832]:hover{
  color: rgba(var(--main-color-rgb), .8)
}

#virtual_portal_setting[data-v-a8d897b8]{
  background-color: #fff;
  height: 100%;
}

#virtual-portal-setting[data-v-cbc60bde] {
    background: #ebeff2;
    height: 100%;
    width: 100%;
}
#virtual-portal-setting .virtual-portal-content[data-v-cbc60bde] {
    background: #fff;
    height: calc(100% - 51px);
    width: 100%;
    overflow-y: auto;
}

#system-setting[data-v-3aca1c40] {
    background: #ebeff2;
    height: 100%;
    width: 100%;
}
#system-setting .system-content[data-v-3aca1c40] {
    background: #fff;
    height: calc(100% - 51px);
    width: 100%;
    overflow-y: auto;
}

#generated-report[data-v-4e68450a]{
    height: 100%;
}
#generated-report .download-title[data-v-4e68450a]{
    font-weight: bold;
}
#generated-report .download-option[data-v-4e68450a]{
    color: #393939;
    margin: 16px 0;
}
.download-option .option-item[data-v-4e68450a]{
    width: 250px;
    height: 135px;
    border: 1px solid transparent;
    display: inline-block;
    border-radius: 8px;
    text-align: center;
    color: #1E4D6D;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    margin: 16px 16px 0 0;
}
.download-option .option-item div[data-v-4e68450a]{
    padding: 35px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #dddddd;
}
.download-option .option-item.active[data-v-4e68450a],
  .download-option .option-item.active>div[data-v-4e68450a]{
    border: 1px solid #059fe8;
}
.download-option .option-item.active>div>p[data-v-4e68450a]{
    color: #059fe8;
}
.option-item .check-status[data-v-4e68450a]{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #059fe8;
    position: absolute;
    right: 8px;
    top: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.option-item.active .check-status[data-v-4e68450a]{
    background-color: #059fe8;
}
.check-status .ivu-icon[data-v-4e68450a]{
    color: #fff;
}
.option-item .utm-font[data-v-4e68450a]{
    color: #1E4D6D;
    font-size: 24px;
}
.download-title .utm-icon-hide[data-v-4e68450a]{
    color: #059fe8;
    vertical-align: middle;
}
.utm-input.psd-input[data-v-4e68450a]{
    width: 560px;
}

#recurring_report_generation_record[data-v-48d394c1] {
  background: #fff;
  height: 100%;
  width: 100%;
}
.down-load-box[data-v-48d394c1]{
  padding: 0;
}
.down-load-box p[data-v-48d394c1]{
 line-height: 40px;
  padding-left: 12px;
}
.down-load-box p[data-v-48d394c1]:hover {
  background: rgba(var(--main-color-rgb),.1);
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}

#server-disk[data-v-0f85dd43] {
    height: calc(100% - 75px);
    width: 100%;
}
.server-body[data-v-0f85dd43]{
    height: calc(100% - 48px);
    width: 100%;
    margin-top: 16px;
}
.legend-item[data-v-0f85dd43] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
}
.legend-color[data-v-0f85dd43] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin-right: 8px;
}
.legend-color.green[data-v-0f85dd43] {
    background: #4cbe8a;
}
.legend-color.red[data-v-0f85dd43] {
    background: #f66f6a;
}
.legend-color.yellow[data-v-0f85dd43] {
    background: #FFB900;
}
.legend-desc[data-v-0f85dd43] {
    font-size: 14px;
}
.number-rate[data-v-0f85dd43] {
    width: 112px;
    height: 32px;
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #effaff;
    border-radius: 8px;
}
.number-rate>div[data-v-0f85dd43]:first-of-type {
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.number-rate>div[data-v-0f85dd43]:last-of-type {
    font-size: 14px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.server-header>div[data-v-0f85dd43]:first-of-type {
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.line-blue[data-v-0f85dd43] {
    display: inline-block;
    width: 4px;
    height: 24px;
    background: #059fe8;
    margin-right: 8px;
}
.server-header .line[data-v-0f85dd43] {
    height: 16px;
    border: 1px solid #dfdfdf;
    width: 1px;
    background-color: rgba(223, 223, 223, 1);
    margin: 0 8px;
}
.server-header[data-v-0f85dd43] {
    width: 100%;
}
.server-list[data-v-0f85dd43] {
    width: calc((100% - 48px) /2);
    margin-left: 16px;
    height: 300px;
    background: #ffffff;
    border-radius: 8px;
    display: inline-block;
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 16px;
}
.dashboard-content[data-v-0f85dd43] {
    width: 100%;
    height: calc(100% - 128px);
    overflow: auto;
    padding-bottom: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.dashboard-header[data-v-0f85dd43] {
    height: 40px;
    margin-top: 16px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.server-name .server-title[data-v-0f85dd43] {
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.server-name span[data-v-0f85dd43] {
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.server-statistics[data-v-0f85dd43] {
    width: 794px;
    height: 674px;
    background: #ffffff;
    border-radius: 8px;
    margin-left: 16px;
}
.server-one-top[data-v-0f85dd43] {
    width: 375px;
    height: 40px;
    background: #effaff;
    border: 1px solid #dfdfdf;
    border-radius: 8px 8px 0px 0px;
    line-height: 40px;
}
.server-one-top .server-icon[data-v-0f85dd43] {
    width: 24px;
    height: 24px;
    background: rgba(5, 159, 232, 0.10);
    border-radius: 50%;
    line-height: 21px;
    text-align: center;
    margin: 0 8px 0 12px;
}
.server-one-top .server-icon>i[data-v-0f85dd43] {
    font-size: 12px;
    color: var(--main-color);
}
.server-one-body[data-v-0f85dd43] {
    width: 375px;
    height: 563px;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-top: none;
    border-radius: 0px 0px 8px 8px;
}
#server-echarts1[data-v-0f85dd43] {
    width: 50%;
    height: 250px;
}
#server-echarts2[data-v-0f85dd43] {
    width: 50%;
    height: 250px;
}
.server-cpu-and-ram[data-v-0f85dd43] {
    width: 100%;
    height: 250px;
}
.dashed-line[data-v-0f85dd43] {
    width: calc(100% - 48px);
    margin: 0 24px;
    border-top: 1px dashed #dfdfdf;
    opacity: 0.8;
    height: 0;
}
.dashboard[data-v-0f85dd43] {
    width: 100%;
    height: 100%;
    background-color: #ebeff2;
}
.server-select-one[data-v-0f85dd43] .ivu-select-item-selected  {
    background: rgba(5,159,232,0.20);
    border-radius: 8px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #2f3234;
}
.server-select-one[data-v-0f85dd43] .ivu-select-item{
    width: calc(100% - 16px);
    margin-left:8px;
    margin-top: 4px;
}
.server-select-one[data-v-0f85dd43] .ivu-select-item:hover{
    background: rgba(5,159,232,0.10);
    border-radius: 8px;
}
.dashboard[data-v-0f85dd43] .ivu-select-selected-value {
    height: 40px;
    line-height: 40px;
}
.dashboard[data-v-0f85dd43] .ivu-select-selection {
    height: 40px;
    line-height: 40px;
}
.select-status-custom[data-v-0f85dd43] .ivu-input-suffix {
    line-height: 40px;
}
.select-status-custom[data-v-0f85dd43] .ivu-input {
    height: 40px;
}


#tile-map[data-v-29cfa3e6] .ivu-switch-checked{
  border-color: var(--main-color);
  background-color: var(--main-color);
}
.save[data-v-29cfa3e6]{
    width: 140px;
    height: 40px;
    background: -webkit-gradient(linear,left top, right top,from(#05b8e8), to(#0598e8));
    background: linear-gradient(90deg,#05b8e8, #0598e8);
    border: 1px solid rgba(74,185,245,0.80);
    border-radius: 4px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 40px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.utm-clear-input.utm-prefix-input-dashboard .clear-input-icon[data-v-29cfa3e6] {
    right: 0.04rem;
    top: 0.12rem;
    font-size: .16rem;
    display: none;
}
#tile-map[data-v-29cfa3e6]{
    width: 100%;
    height: 100%;
    background-color: #ebeff2;
}
#tile-map .utm-control-group[data-v-29cfa3e6]{
    width: 49%;
}
.form[data-v-29cfa3e6]{
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
}
.hive-content[data-v-29cfa3e6]{
    width: 100%;
    height: calc(100% - 150px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.utm-box[data-v-29cfa3e6]{
   background-color: #FFF;
   padding: 16px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
   padding-top: 24px;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}
/**************************查询没有设置的地图 Start************************************/
.set-map-box[data-v-29cfa3e6]{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4.68rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background-color: rgba(255,255,255,1);
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  z-index: 150;
  display: none;
}
.set-map-box .set-map-tab[data-v-29cfa3e6]{
  text-align: left;
  border-bottom: 1px #eee solid;
}
.set-map-box .set-map-item[data-v-29cfa3e6]{
  font-size: .16rem;
  color: #333;
  display: inline-block;
  padding: .16rem 0;
  margin: 0 .16rem;
  position: relative;
  cursor: pointer;
}
.set-map-box .set-map-item[data-v-29cfa3e6]:after{
  content: '';
  position: absolute;
  bottom: -0.01rem;
  left: 0;
  height: 0.04rem;
  width: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
.set-map-box .set-map-item.active[data-v-29cfa3e6]:after{
  -webkit-transform: scale(1);
          transform: scale(1);
  background: #059FE8;
}
.set-map-box .set-map-item.active[data-v-29cfa3e6]{
  color: #059FE8;
}
.set-map-box .search-item-box[data-v-29cfa3e6]{
  position: relative;
  display: block;
  padding: 0.08rem .16rem;
}
.set-map-box ul[data-v-29cfa3e6]{
  max-height: 194px;
  overflow: auto;
  margin-bottom: .16rem;
}
.set-map-box ul li[data-v-29cfa3e6]{
  height: .4rem;
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.1rem;
  color: #333;
  font-size: 0.16rem;
}
.set-map-box ul li[data-v-29cfa3e6]:hover{
  background: rgba(236, 226, 211, 1);
  cursor: pointer;
}
.set-map-box ul li i[data-v-29cfa3e6]{
  margin-right: .08rem;
  font-size: 0.2rem;
}
.set-map-box ul li span[data-v-29cfa3e6]{
  display: inline-block;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.set-map-box .no-data[data-v-29cfa3e6]{
  color: #868686;
  min-height: 1.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: .16rem;
}
/**************************查询没有设置的地图 End************************************/

#beehive-box-edit[data-v-618aa1e2] .utm-ellipsis-manualView-btn{
   right: -200px;
   position: relative;
}

.beehive-box{
  text-align: center;
}
.beehive-box.beehive-box-add{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.beehive-box-show span:not(.utm-ellipsis-txt,.utm-ellipsis-manualView-btn),
.beehive-box-show .beehive-item-each span:not(.utm-ellipsis-txt,.utm-ellipsis-manualView-btn){
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.beehive-box-add span{
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.beehive-box .beehive-item{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.beehive-item-each{
  position: absolute;
}
.beehive-item-each .beehive-item-text{
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #BCA480;
  font-size: 12px;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#beehive-box-edit .beehive-item-each .beehive-item-text {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #BCA480;
  font-size: 12px;
  width: 50%;
  height: 100%;
  top: -5%;
  left: 42%;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  scale: 0.9;
}
.beehive-item-each .beehive-item-text:before,
.beehive-item-each .beehive-item-text:after{
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  position: absolute;
  z-index: 8;
}
.beehive-item-each .beehive-item-text:after{
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.beehive-item-each .beehive-item-text:before{
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
}
.beehive-item-each .beehive-item-text.incident-map{
  color: #FBB64E;
}
.beehive-item-each .beehive-item-text.device-map{
  color: #243A81;
}
.beehive-item-each .beehive-item-text>span{
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
.beehive-item-each .beehive-item-text.beehive-item-text-content.beehive-item-text-content-bg .map-name,
.beehive-item-each .beehive-item-text.beehive-item-text-content.beehive-item-text-content-bg .utm-font,
.beehive-item-each .beehive-item-text .map-message-count{
  position: absolute !important;
  bottom: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFF;
  font-size: 10px;
  text-align: center;
  line-height: 16px;
  display: block !important;
}
.beehive-item-each .beehive-item-text .map-name{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
/*根据蜂窝的大小决定图标大小*/
.beehive-item-each .beehive-item-text .utm-font{
  font-size: 14px;
  color: #FFFFFF;
}
/*事件类的虚拟蜂窝是正金色的*/
.beehive-item-each .beehive-item-text.incident-map .utm-font{
  color: #FFFFFF;
}
.beehive-item-each .beehive-item-text.device-map .utm-font{
  color: #FFFFFF;
}
.beehive-item-each .beehive-item-text .beehive-text-lg .utm-font{
  font-size: 60px;
  display: block;
  height: 60px;
  line-height: 60px;
}
.beehive-item-each .beehive-item-text .beehive-text-md .utm-font{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
.beehive-item-each .beehive-item-text .beehive-text-sm .utm-font{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
.beehive-item-each .beehive-item-text .beehive-text-xm .utm-font{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
.beehive-item-each .beehive-item-text .beehive-text-nm .utm-font{
  font-size:  40px;
  display: block;
  height: 40px;
  line-height: 40px;
}
/*不同蜂窝大小的名字和数量的文字大小*/
/*需要添加内容，有加号时*/
.beehive-item-each .beehive-item-text.beehive-item-text-add{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add .utm-font{
  margin-top: 0;
  color: #dfdfdf;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-xm .utm-font{
  font-size: 16px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-sm .utm-font{
  font-size: 20px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-md .utm-font{
  font-size: 24px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.beehive-text-lg .utm-font{
  font-size: 32px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover .utm-font{
  display: inline-block;
  color: #999;
}
#beehive-box-edit .beehive-item-polygon.no-fill{
  stroke: var(--main-color);
  stroke-dasharray: 5, 5;
}
.beehive-item-each:hover .beehive-item-polygon.no-fill{
  fill: #EFFAFF !important;
}
#beehive-box-edit .beehive-item-polygon{
  stroke:#FFFFFF;
  stroke-width:1;
  font-size: 0;
  cursor: pointer;
  scale: 0.9;
}
.beehive-item-each .beehive-item-polygon{
  stroke:#dfdfdf;
  stroke-width:1px;
  font-size: 0;
  cursor: pointer;
}
.beehive-item-each .beehive-item-polygon.no-fill:hover{
  fill: #EFFAFF !important;
}
.beehive-item-each svg{
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
/*移入蜂窝上显示蓝色的边框*/
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover,
.beehive-item-each .beehive-item-text.beehive-item-text-add.active,
.beehive-item-each .beehive-item-text.beehive-item-text-content:hover,
.beehive-item-each .beehive-item-text.beehive-item-text-content.active{
  border-bottom: 1px solid #0E6FE4;
  border-top: 1px solid #0E6FE4;
}
/*移入蜂窝上显示蓝色的边框*/
.beehive-item-each .beehive-item-text.abnormal:hover,
.beehive-item-each .beehive-item-text.abnormal.active{
  border-bottom: 1px solid #E04444 !important;
  border-top: 1px solid #E04444 !important;
}
/*因为最多有128个蜂窝，所以最高定129就可以了*/
.beehive-item-each.beehive-item-each-zoom.search-active{
  z-index: 129;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg,
.beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg,
.beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg,
.beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg{
  position: absolute;
  z-index: 9;
  left: 0;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg .beehive-item-polygon,
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg .beehive-item-polygon,
.beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg .beehive-item-polygon,
.beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg .beehive-item-polygon{
  z-index: 9;
  stroke:#0E6FE4;
  stroke-width:1px;
}
.beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg .abnormal,
.beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg .abnormal,
.beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg .abnormal,
.beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg .abnormal{
  z-index: 9;
  stroke:#E04444 !important;
  stroke-width:1px;
}
#beehive-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-add.active + svg .abnormal,
#beehive-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-add:hover + svg .abnormal,
#beehive-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-content.active + svg .abnormal,
#beehive-box-edit .beehive-item-each .beehive-item-text.beehive-item-text-content:hover + svg .abnormal{
  z-index: 9;
  stroke:#FFF !important;
  stroke-width:1px;
}
#beehive-box-edit .beehive-item-abnormal-absolute{
  stroke:#E04444 !important;
  stroke-width:1px;
}
#beehive-box-edit .beehive-item-normal-absolute{
  stroke:var(--main-color) !important;
  stroke-width:1px;
}
.no-fill:hover{
  fill: #EFFAFF !important;
}
#beehive-box-edit .beehive-item-each:hover .beehive-item-polygon.no-fill{
  fill: #FFF !important;
}
/*有内容时*/
.beehive-item-each.beehive-item-each-zoom{
  z-index: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.beehive-item-each.beehive-item-each-zoom:hover{
  z-index: 130;
}
#beehive-box-edit .beehive-item-each:hover .beehive-item-polygon.fill{
  scale: 0.8;
  -webkit-transform: translate(6%, 6%);
          transform: translate(6%, 6%);
}
.beehive-item-each:hover{
  z-index: 130;
}
/*根据地图名字搜索之后需要隐藏的蜂窝*/
.beehive-item-each.hiveMap-hide{
  opacity: 0;
}
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.normal-map{
  fill: url(#bg_yellow);
}
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.critical-map{
  fill: url(#bg_red);
}
/*闪烁效果*/
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.critical-map.flashing{
  -webkit-animation: flicker-red 1.3s ease-in-out both infinite;
          animation: flicker-red 1.3s ease-in-out both infinite;
}
.beehive-item-each .beehive-item-text.beehive-item-text-content + svg .beehive-item-polygon.normal-map.flashing{
  -webkit-animation: flicker-yellow 1.4s ease-in-out both infinite;
          animation: flicker-yellow 1.4s ease-in-out both infinite;
}
/*闪烁*/
@-webkit-keyframes flicker-red
{
0% {fill: url(#bg_red)
}
50% {fill: url(#bg_red_flicker)
}
100% {fill: url(#bg_red)
}
}
@keyframes flicker-red
{
0% {fill: url(#bg_red)
}
50% {fill: url(#bg_red_flicker)
}
100% {fill: url(#bg_red)
}
}
@-webkit-keyframes flicker-yellow
{
0% {fill: url(#bg_yellow)
}
50% {fill: url(#bg_yellow_flicker)
}
100% {fill: url(#bg_yellow)
}
}
@keyframes flicker-yellow
{
0% {fill: url(#bg_yellow)
}
50% {fill: url(#bg_yellow_flicker)
}
100% {fill: url(#bg_yellow)
}
}
.beehive-item-each .beehive-item-text:last-of-type{
  border-bottom: 1px solid #dfdfdf;
}
#beehive-box-edit .beehive-item-each .beehive-item-text:last-of-type{
  border-bottom: 1px solid transparent;
  border-top:1px solid transparent;
}
/*拖动蜂窝*/
.beehive-item-each.hiveMap-drop-active .beehive-item-text.beehive-item-text-add .utm-font{
  display: none;
}
.hiveMap-drop-active{
  z-index: 998;
}
.beehive-item-each.hiveMap-drop-active .beehive-item-polygon{
  fill:rgba(0,0,0,0);
  stroke:#0E6FE4;
  stroke-width: 1px;
  font-size: 0;
  cursor: pointer;
}
.beehive-item-each.ui-draggable-dragging .beehive-item-text.beehive-item-text-content{
  border: 0;
}
.beehive-item-each.ui-draggable-dragging .delete-hive-map.utm-font{
  font-size: 20px;
  color: #999;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: -8px;
  top: -8px;
  opacity: 1;
  z-index: 9;
  display: none;
}
/*发生事件的具体数量*/
.beehive-item-each:hover .incident-specific-box{
  display: block;
  z-index: 200;
}
.beehive-item-each.beehive-item-each-zoom:hover .incident-specific-box{
  display: block;
  z-index: 200;
}
.incident-specific-box{
  position: absolute;
  display: none;
  left: 50%;
  z-index: 200;
  width: 248px;
  min-height: 198px;
  background: rgba(0,0,0,0.75);
  border-radius: 4px;
  top:75%;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.incident-map-name{
  width: 100%;
  color: #FFFFFF;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
}
.incident-map-name > i {
  font-size: 16px;
  font-weight: 400;
}
.incident-map-name >div{
  font-style: italic;
  margin-left: 4px;
}
.incident-functional-tile-name{
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #FFF;
  width: 100%;
  text-align: left;
  margin-top: 16px;
  margin-bottom: 4px;
}
.incident-item {
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  height: 16px;
  line-height: 16px;
  margin-top: 12px;
}
/****没有蜂窝地图 **/
.no-tile-map{
  display: inline-block;
}
.no-tile-map .utm-no-tile-map-icon{
  font-size: 50px;
  color: rgb(217, 212, 196);
}
.no-tile-map .no-tile-map-txt{
  color: rgb(153, 153, 153);
  font-size: 16px;
}
.delete-map{
  padding: 0 12px;
  border-radius: 4px;
  position: fixed;
  border: 1px solid #dfdfdf;
  background-color: #FFFFFF;
  z-index: 200;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.delete-map:active{
  background-color: #d2f0ff;
}
.my-incident-box::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #303745;
}
/*定义滚动条轨道 内阴影+圆角*/
.my-incident-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 1.5px;
  background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
.my-incident-box::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #aaa;
}

#notification[data-v-1d3296f4] {
  height: 100%;
  background-color: #fff;
}
.utm-table-box[data-v-1d3296f4] {
  margin-top: 16px;
}


.server-health-recode .ivu-drawer-mask,
.server-health-recode .ivu-drawer-wrap {
  z-index: 500;
}

#notification[data-v-58e74898]{
  height: 100%;
}
#notification .table-operator-icon[data-v-58e74898]{
  font-size: 24px;
}

.server-health-recode .ivu-drawer-mask , .server-health-recode .ivu-drawer-wrap{
 z-index: 500;
}

.rdt-timeperiod-item .mx-input{
  height: 40px;
  color: #333;
}
.rdt-timeperiod-item .mx-input:hover, .rdt-timeperiod-item .mx-input:focus {
  border-color: var(--main-color);
}
.mx-calendar-content{
  color: #333;
}
.mx-table-date .today {
  color: var(--main-color);
}
.mx-calendar-week-mode .mx-date-row:hover {
  background-color: rgba(var(--main-color-rgb),.1);
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: rgba(var(--main-color-rgb),.1);
}
/*People Counting 的统计*/
.health-status-box[data-v-4f6b6eec]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 16px;
}
.health-status-box .traffic-statistic-search[data-v-4f6b6eec]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    margin-bottom: 12px;
}
.traffic-statistic-search .search-time-box.traffic-statistic-type[data-v-4f6b6eec]{
    height: 36px;
}
.traffic-statistic-search .search-time-box.traffic-statistic-type .search-time-item[data-v-4f6b6eec]{
    height: 34px;
    width: unset;
    padding: 0 16px;
}
.traffic-statistic-search .search-time-right[data-v-4f6b6eec]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.traffic-statistic-search .search-time-box[data-v-4f6b6eec]{
    display: inline-block;
    height: 40px;
    border: 1px solid var(--main-color);
    border-radius: 4px;
    margin-right: 8px;
}
.traffic-statistic-search .search-time-box .search-time-item[data-v-4f6b6eec]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 104px;
    height: 38px;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.traffic-statistic-search .search-time-box .search-time-item.active[data-v-4f6b6eec]{
    color: #fff;
    background: var(--main-color);
}
.traffic-statistic-search .search-time-select[data-v-4f6b6eec]{
    width: 120px;
    margin-right: 8px;
}
  /* 图列 */
.traffic-statistic-legend[data-v-4f6b6eec]{
  padding: 0;
  text-align: right;
}
.select-time-range[data-v-4f6b6eec]{
  background-color: #effaff;
  border-radius: 4px;
  overflow: hidden;
}
.select-time-range > div[data-v-4f6b6eec]{
  width: 146px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #333333;
}
.select-time-range > div.active[data-v-4f6b6eec]{
  background: #059fe8;
  color: #ffffff;
}
.traffic-statistic-legend .legend-item[data-v-4f6b6eec]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
}
.traffic-statistic-legend .legend-color[data-v-4f6b6eec]{     
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 8px;
}
.traffic-statistic-legend .legend-color.green[data-v-4f6b6eec]{
  background: #4cbe8a;
}
.traffic-statistic-legend .legend-color.red[data-v-4f6b6eec]{
  background: #f66f6a;
}
.traffic-statistic-legend .legend-color.yellow[data-v-4f6b6eec]{
  background: #FFB900;
}
.traffic-statistic-legend .legend-desc[data-v-4f6b6eec]{
  font-size: 14px;
}
.select-status-custom[data-v-4f6b6eec] .ivu-input-suffix{
   line-height: 40px;
}
.select-status-custom[data-v-4f6b6eec] .ivu-input{
  height: 40px;
}
.health-status-box .traffic-statistic-content[data-v-4f6b6eec]{
  position: relative;
  height: calc(100% - 88px);
  margin-top: 16px;
}
.traffic-statistic-content .traffic-loading[data-v-4f6b6eec]{
  position: absolute;
  top:50%;
  left: 50%;
  margin-top: -160px;
}
.traffic-statistic-content div[data-v-4f6b6eec]{
  width: 100%;
  height: 100%;
}
.check-substance-box ul[data-v-4f6b6eec] {
  padding-left: 24px;
}

.server-health-recode .ivu-drawer-close{
    width: 30px;
    height: 30px;
    border: 2px solid #dce3e8;
    border-radius: 8px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    line-height: 32px;
    text-align: center;
}
.server-health-recode .ivu-drawer-close .ivu-icon-ios-close{
    top: 0px !important;
}
.details-record-wapper .utm-box .utm-box-left{
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.details-record-wapper #search-bar{
    border-left: 0;
}
.desc-swapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 36px;
    padding-bottom: 16px;
    font-size: 16px;
    border-bottom: 1px dashed #dfdfdf;
    margin: 16px;
    color: #333;
}
.desc-swapper .desc-item-title{
  display: inline-block;
  margin-right: 8px;
  font-weight: bold;
}
  
.drawer-modal-header[data-v-14cc6900]{
    font-size: 20px;
    font-weight: 700;
    color: #323537;
}
.details-record-wapper[data-v-14cc6900]{
    height: calc(100% - 64px);
    overflow: auto;
}
.footer-box[data-v-14cc6900]{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e1e4e6;
    padding: 16px;
    text-align: right;
}
.incident-tags[data-v-14cc6900]{
    padding-left: 16px;
    margin-top: 16px;
}
.incident-tags > div[data-v-14cc6900]{
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    padding: 0 12px;
}
.incident-tags > div.active[data-v-14cc6900]{
    background: #effaff;
    color: #059FE8;
}


















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* 第二行  */
/* h1156 w1668 */
/* 服务器异常率 */
.service-abnormal[data-v-4ce36928] {
  width: 32%;
  height: 100%;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px;
}
.abnormal-rates[data-v-4ce36928] {
  width: 100%;
  height: 158px;
  margin-top: 16px;
}
.abnormal-rate[data-v-4ce36928] {
  width: calc((100% - 12px) / 2);
  height: 100%;
  border-radius: 12px;
  padding: 12px;
}
.abnormal-rate .abnormal-title[data-v-4ce36928] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.abnormal-title-icon[data-v-4ce36928] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  line-height: 24px;
  text-align: center;
  margin-right: 8px;
}
.abnormal-title-icon > i[data-v-4ce36928] {
  font-size: 18px;
}
.abnormal-rate-number[data-v-4ce36928] {
  font-size: 32px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin: 20px 0;
  height: 32px;
  line-height: 32px;
}
.number-unit[data-v-4ce36928] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  height: 16px;
  line-height: 16px;
  padding-top: 2px;
}
.progress-title > span[data-v-4ce36928]:first-of-type {
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #858585;
}
.progress-title > span[data-v-4ce36928]:last-of-type {
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: rgba(51, 51, 51, 1);
}
.progress-line[data-v-4ce36928] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  position: relative;
  margin-top: 8px;
}
.progress-line > div[data-v-4ce36928] {
  height: 8px;
  border-radius: 4px;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
/* 设备异常率 */
.device-abnormal[data-v-4ce36928] {
  width: calc(100% - 32% - 24% - 32px );
  height: 100%;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px;
}
.device-abnormal-rates-line1[data-v-4ce36928] {
  width: 100%;
  height: 75px;
  margin-top: 16px;
}
.device-abnormal-rates-line2[data-v-4ce36928] {
  width: 100%;
  height: 75px;
  margin-top: 12px;
}
.device-abnormal-content[data-v-4ce36928] {
  width: 100%;
  height: calc(100% - 22px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.device-abnormal-rate[data-v-4ce36928] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  border-radius: 8px;
  margin-right: 16px;
  padding: 12px;
}
.device-abnormal-rate-left[data-v-4ce36928] {
  width: calc(100% - 32px);
}
.device-abnormal-rate-left > div[data-v-4ce36928]:first-of-type {
  font-size: 24px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  height: 24px;
  line-height: 24px;
}
.device-abnormal-rate-left > div[data-v-4ce36928]:last-of-type {
  font-size: 12px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #858585;
  margin-top: 8px;
}
.device-abnormal-rate-left .device-abnormal-number-unit[data-v-4ce36928] {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  padding-top: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 服务异常率 */
.server-abnormal-right[data-v-4ce36928] {
  font-size: 32px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.server-abnormal[data-v-4ce36928] {
  width: 24%;
  height: 100%;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px;
}
.server-abnormal-content[data-v-4ce36928] {
  width: 100%;
  height: calc(100% - 38px);
  margin-top: 16px;
}
.server-abnormal-abnormal[data-v-4ce36928] {
  width: 100%;
  height: 76px;
  border-radius: 12px;
  padding: 26px 16px 26px 12px;
}
.server-abnormal-left-text[data-v-4ce36928] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.server-abnormal-left-icon[data-v-4ce36928] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  line-height: 24px;
  text-align: center;
  margin-right: 8px;
}
.server-abnormal-left-icon > i[data-v-4ce36928] {
  font-size: 16px;
  font-weight: bold;
}
/* 服务异常率 */
.select-disk[data-v-4ce36928] {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
/* 第三行 */
.usage-rate-title[data-v-4ce36928] {
  margin-bottom: 4px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.usage-rate[data-v-4ce36928] {
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  height: 100%;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  min-height: 434px;
}
.top-title[data-v-4ce36928] {
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.top-title > .title-line[data-v-4ce36928] {
  width: 4px;
  height: 22px;
  background: #059fe8;
  margin-right: 8px;
}
.usage-progress[data-v-4ce36928] {
  height: 16px;
  width: calc(100% - 50px);
  background: #f8f8f8;
  position: relative;
}
.progress-real[data-v-4ce36928] {
  height: 100%;
  background: linear-gradient(78deg, #cdf7e4 10%, #4cbe8a 95%);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  z-index: 5;
  -webkit-transform: skew(-15deg);
          transform: skew(-15deg);
}
.progress-skew[data-v-4ce36928] {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.progress-one-skew[data-v-4ce36928] {
  width: 8px;
  height: 16px;
  -webkit-transform: skew(-15deg);
          transform: skew(-15deg);
}
.usage-rate-body[data-v-4ce36928] {
  width: 100%;
  height: calc(100% - 46px);
  overflow: hidden;
}
.usage-rate-body > div[data-v-4ce36928] {
  margin-top: 16px;
}
.usage-rate-body > div[data-v-4ce36928]:first-of-type {
  margin-top: 0px;
}
.dash-table[data-v-4ce36928] {
  width: 100%;
  min-height: 354px;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 第一行四个展示*/
.number-of-type[data-v-4ce36928] {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 24px;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px 24px 12px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.number-of-type[data-v-4ce36928]:last-of-type {
  margin-right: 0;
}
.number-of-type .device-icon[data-v-4ce36928] {
  width: 56px;
  height: 56px;
  background: #e5f5fd;
  border-radius: 8px;
  text-align: center;
  list-style: none;
  line-height: 56px;
}
.number-of-type .device-icon > i[data-v-4ce36928] {
  color: #21befb;
  font-size: 32px;
}
.left-line[data-v-4ce36928] {
  width: 5px;
  height: 100%;
  border-radius: 3px;
}
.bg-blue[data-v-4ce36928] {
  background: #21befb;
}
.bg-green[data-v-4ce36928] {
  background: #4dc691;
}
.bg-purple[data-v-4ce36928] {
  background: #7568f6;
}
.bg-orange[data-v-4ce36928] {
  background: #ffa84b;
}
.device-content[data-v-4ce36928] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 30px;
  height: 100%;
}
/* 第一行四个展示 */
.dashboard-content[data-v-4ce36928] {
  width: 100%;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: calc(100% - 56px);
  overflow: auto;
  padding-bottom: 16px;
}
.device-content > .device-title[data-v-4ce36928] {
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #858585;
  margin-top: 10px;
  height: 16px;
  line-height: 16px;
}
.device-content > .device-number[data-v-4ce36928] {
  font-size: 40px;
  font-family: Lato, Lato-Black, sans-serif;
  font-weight: 900;
  text-align: left;
  color: #333333;
  line-height: 48px;
  margin-top: 8px;
  height: 48px;
}
.device-content > .device-number > .device-unit[data-v-4ce36928] {
  font-size: 20px;
  font-family: Lato, Lato-Black, sans-serif;
  font-weight: 900;
  text-align: left;
  color: #333333;
  height: 20px;
  line-height: 20px;
  margin-bottom: 8px;
  margin-left: 8px;
}
.server-statistics[data-v-4ce36928] {
  width: 794px;
  height: 674px;
  background: #ffffff;
  border-radius: 8px;
  margin-left: 16px;
}
.server-one-top[data-v-4ce36928] {
  width: 375px;
  height: 40px;
  background: #effaff;
  border: 1px solid #dfdfdf;
  border-radius: 8px 8px 0px 0px;
  line-height: 40px;
}
.server-one-top .server-icon[data-v-4ce36928] {
  width: 24px;
  height: 24px;
  background: rgba(5, 159, 232, 0.1);
  border-radius: 50%;
  line-height: 21px;
  text-align: center;
  margin: 0 8px 0 12px;
}
.server-one-top .server-icon > i[data-v-4ce36928] {
  font-size: 12px;
  color: var(--main-color);
}
.text-green-center[data-v-4ce36928] {
  text-align: center;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: rgba(76, 190, 138, 0.1);
  color: rgba(76, 190, 138, 1);
}
.text-green-center[data-v-4ce36928]:hover{
  background-color: #4CBE8A;
  color: #FFF;
}
.text-green-center:hover .utm-more-info-icon[data-v-4ce36928]{
  color:#FFF
}
.text-red-center:hover .utm-more-info-icon[data-v-4ce36928]{
  color:#FFF
}
.text-red-center[data-v-4ce36928]{
  text-align: center;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: rgba(246,111,106,0.10);
  color: #F66F6A;
}
.text-red-center[data-v-4ce36928]:hover{
  background-color: #F66F6A;
  color: #FFF
}
.server-one-body[data-v-4ce36928] {
  width: 375px;
  height: 563px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-top: none;
  border-radius: 0px 0px 8px 8px;
}
#server-echarts1[data-v-4ce36928] {
  width: 50%;
  height: 250px;
}
#server-echarts2[data-v-4ce36928] {
  width: 50%;
  height: 250px;
}
.server-cpu-and-ram[data-v-4ce36928] {
  width: 100%;
  height: 250px;
}
.dashboard[data-v-4ce36928] .ivu-table-cell {
  padding: 0;
  text-align: center;
  width: 100%;
}
.dashboard[data-v-4ce36928] .utm-table .ivu-table td {
  padding: 1px;
}
.dashboard[data-v-4ce36928] .utm-table .ivu-table td,
.utm-table .ivu-table th[data-v-4ce36928] {
  border-bottom: none;
}
.dashboard[data-v-4ce36928] .ivu-table-tbody .ivu-table-column-left > .ivu-table-cell {
  background: rgba(76, 190, 138, 0.1);
  height: 48px;
}
.dashed-line[data-v-4ce36928] {
  width: calc(100% - 48px);
  margin: 0 24px;
  border-top: 1px dashed #dfdfdf;
  opacity: 0.8;
  height: 0;
}
.dashboard[data-v-4ce36928] {
  width: 100%;
  height: 100%;
  background-color: #ebeff2;
}
.change-rate-number[data-v-4ce36928]{
  margin-left: 6px;
  height: 16px;
  font-size: 14px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: right;
  color: #333333;
  line-height: 16px;
  width: 45px;
}
.change-rate-arrow[data-v-4ce36928]{
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    margin-left: 2px;
}
.change-rate-arrow > i[data-v-4ce36928]{
  font-size: 12px;
}
.change-rate-arrow > i[data-v-4ce36928]::before{
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.change-rate-arrow > .arrowUp[data-v-4ce36928]::before{
  display: block;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.select-disk[data-v-4ce36928] .ivu-select-selection{
  height: 40px;
}
.select-disk[data-v-4ce36928] .ivu-select-selected-value{
 height: 40px;
 line-height: 40px;
}
.health-monitoring-disk > .Partition[data-v-4ce36928]{
  margin-top: 0px;
}
.Partition[data-v-4ce36928]{
  margin-top: 4px;
}
.Partition > div[data-v-4ce36928]:first-of-type{
  margin-right: 4px;
}
.table-icon[data-v-4ce36928]{
  color: rgba(5,159,232,1);
  cursor: pointer;
  font-size: 20px;
  margin: 15px;
  position: absolute;
  right: 16px;
  top: 42px;
  z-index: 10;
}

.server-statistics[data-v-afdca848]{
    width: 794px;
    height: 674px;
    background: #ffffff;
    border-radius: 8px;
    margin-left: 16px;
}
.server-one-top[data-v-afdca848]{
    width: 375px;
    height: 40px;
    background: #effaff;
    border: 1px solid #dfdfdf;
    border-radius: 8px 8px 0px 0px;
    line-height: 40px;
}
.server-one-top .server-icon[data-v-afdca848]{
    width: 24px;
    height: 24px;
    background: rgba(5,159,232,0.10);
    border-radius: 50%;
    line-height: 21px;
    text-align: center;
    margin: 0 8px 0 12px;
}
.server-one-top .server-icon > i[data-v-afdca848]{
    font-size: 12px;
    color: var(--main-color);
}
.server-one-body[data-v-afdca848]{
    width: 375px;
    height: 563px;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-top:none;
    border-radius: 0px 0px 8px 8px;
}
#server-echarts1[data-v-afdca848]{
    width: 50%;
    height: 250px;
}
#server-echarts2[data-v-afdca848]{
    width: 50%;
    height: 250px;
}
.server-cpu-and-ram[data-v-afdca848]{
    width: 100%;
    height: 250px;
}
.dashed-line[data-v-afdca848]{
    width: calc(100% - 48px);
    margin: 0 24px;
    border-top: 1px dashed #dfdfdf;
    opacity: 0.8;
    height: 0;
}
.dashboard[data-v-afdca848]{
    width: 100%;
    height: 100%;
    background-color: #ebeff2 ;
}


.ivu-tooltip-popper.ivu-tooltip-dark[data-v-0aeb96e8] {
  display: block !important;
}
.dashboard-content-main[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100% - 2.917vw);
  overflow: auto;
  margin-bottom: 0.781vw;
  overflow-x: hidden;
  overflow-y: auto;
}
.dashboard-content-cover[data-v-0aeb96e8] {
  padding: 0 0 0 0.833vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ebeff2;
  height: 100%;
  margin-bottom: 0.833vw;
  width: 100%;
}
.service-item-green[data-v-0aeb96e8] {
  background-color: #4cbe8a;
}
.service-item-red[data-v-0aeb96e8] {
  background-color: #f66f6a;
}
.service-item-green[data-v-0aeb96e8]:active {
  background-color: #17AC68
}
.service-item-red[data-v-0aeb96e8]:active {
  background-color: #DE4C47
}

/* border */
.server-list-border-green[data-v-0aeb96e8]:hover {
  border: 0.104vw solid #17AC68;
}
.server-list-border-red[data-v-0aeb96e8]:hover {
  border: 0.104vw solid #DE4C47;
}
.server-left[data-v-0aeb96e8] {
  width: 47.88%;
}

/* 柱状图样式 */
.Server-histogram[data-v-0aeb96e8] {
  width: 100%;
  height: 35.104vw;
  background: #ffffff;
  border-radius: 0.417vw;
  cursor: pointer;
}
.Server-histogram-box[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.usage-rate-body[data-v-0aeb96e8] {
  max-height: 12.5vw;
  overflow-y: auto;
  font-size: 0.729vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.usage-rate-title[data-v-0aeb96e8] {
  margin-top: 1.042vw;
}
.utm-icon[data-v-0aeb96e8] {
  position: relative;
}
.utm-icon-item[data-v-0aeb96e8]::after {
  position: absolute;
  bottom: 0.156vw;
  left: 27%;
  content: "";
  display: inline-block;
  width: 0.625vw;
  height: 0.052vw;
  background: #8967fe;
}

/* 柱状图结束 */
.server-progress-title[data-v-0aeb96e8] {
  font-size: 0.729vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}

/* 图标列表样式开始 */
.server-list-box-cover[data-v-0aeb96e8] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.server-list-box[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.server-list-box>li[data-v-0aeb96e8] {
  width: 2.083vw;
  height: 2.083vw;
  margin-left: 0.833vw;
  margin-bottom: 0.625vw;
  position: relative;
  /* 为了里面的元素可以相对于这个元素定位 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ivu-tooltip-popper[data-v-0aeb96e8] {
  position: relative;
  top: 24.896vw !important;
}
.server-list-box.one[data-v-0aeb96e8] {
  margin-bottom: 0.625vw;
}
.server-list-cover[data-v-0aeb96e8] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 19.219vw;
  margin-top: 0.729vw;
  border-radius: 0.417vw;
  border-top: 0.052vw solid #ffffff;
  background: #ffffff;
}
.ivu-tooltip-inner[data-v-0aeb96e8] .Server-Icon-plo-title {
  max-width: 20.833vw !important;
  font-size: 0.833vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}
#dashboard .server-list-item[data-v-0aeb96e8] .ivu-tooltip-inner {
  max-width: 20.833vw;
  background: rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0vw 0.104vw 0.417vw 0vw rgba(0, 0, 0, 0.15);
          box-shadow: 0vw 0.104vw 0.417vw 0vw rgba(0, 0, 0, 0.15);
  padding: 0.625vw;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#dashboard .server-list-item[data-v-0aeb96e8] .health-monitoring-dashboard-z-index .ivu-tooltip-inner {
  background-color: rgba(70, 76, 91, 0.9);
  max-width: none;
}

/* 设置mask */
.mask-layer-box[data-v-0aeb96e8] {
  position: relative !important;
  z-index: 999 !important;
}
.ivu-tooltip-dark[data-v-0aeb96e8] {
  position: relative !important;
  z-index: 999 !important;
}
.utm-ellipsis[data-v-0aeb96e8] {
  position: relative !important;
  z-index: 0 !important;
}
.ivu-tooltip[data-v-0aeb96e8] .ivu-tooltip-popper {
  left: 10.417vw;
  width: 25.521vw;
}
.mask-layer-txt[data-v-0aeb96e8] {
  font-size: 0.833vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0.833vw;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 11.979vw;
  white-space: normal;
  word-wrap: break-word;
}
.mask-layer-list[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mask-layer-item[data-v-0aeb96e8] {
  font-size: 0.729vw;
  margin-bottom: 0.625vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}
.mask-layer-item.one[data-v-0aeb96e8] {
  width: 7.604vw;
}
.unhealthReason[data-v-0aeb96e8] {
  position: relative;
  width: 8.854vw;
  word-wrap: break-word;
  /* 或者 overflow-wrap: break-word; */
  white-space: normal;
  /* 确保没有设置为 nowrap */
}
.mask-layer-item[data-v-0aeb96e8]:last-child {
  margin-right: 0;
}
.server-list-box-cover[data-v-0aeb96e8] .ivu-tooltip-popper.ivu-tooltip-dark {
  position: relative;
  z-index: 4;
  width: 20.833vw;
}
.mask-layer-item[data-v-0aeb96e8] .ivu-tooltip p {
  width: 8.854vw !important;
  /* 隐藏超出的内容 */
  overflow: hidden;
  /* 防止文本换行 */
  white-space: nowrap;
  /* 使用省略号来表示超出的文本 */
  text-overflow: ellipsis;
}

/* 图标列表样式结束 */
.pie-num[data-v-0aeb96e8] {
  width: 2.917vw;
  height: 2.917vw;
  border-radius: 50%;
  position: absolute;
  top: 1.979vw;
  right: 1.979vw;
  background: #ffffff;
  -webkit-box-shadow: 0vw 0vw 0.313vw 0vw rgba(0, 0, 0, 0.1);
          box-shadow: 0vw 0vw 0.313vw 0vw rgba(0, 0, 0, 0.1);
  font-size: 0.833vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: center;
  color: #333333;
  line-height: 2.917vw;
  cursor: pointer;
}
.server-progress-box[data-v-0aeb96e8] {
  padding: 0.833vw 1.25vw 0.833vw 1.25vw;
}
.server-middle[data-v-0aeb96e8] {
  width: 24.72%;
  margin: 0 0.965% 0 0.965%;
  border-radius: 0.417vw;
  height: 26.563vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.server-middle-portion[data-v-0aeb96e8] {
  border-top: 0.052vw solid #ffffff;
  border-bottom: 0.052vw solid #ffffff;
  background: #ffffff;
  border-radius: 0.417vw;
}
.server-middle-top[data-v-0aeb96e8] {
  margin: 0 0.833vw 0.833vw 0.833vw;
  border-left: 0.208vw solid #059fe8;
  line-height: 1.25vw;
  cursor: pointer;
}
.server-middle-top.one[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.server-middle-top.two[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 0.833vw;
}
.server-middle-top-title[data-v-0aeb96e8] {
  margin-left: 0.417vw;
  width: 7.969vw;
  height: 1.146vw;
  font-size: 0.938vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 1.146vw;
}
.server-graph-box[data-v-0aeb96e8] {
  position: relative;
  margin-left: 0.833vw;
  width: 19.688vw;
  height: 7.188vw;
  border-radius: 0.625vw;
  margin-bottom: 0.625vw;
}
.server-graph-box.first[data-v-0aeb96e8] {
  background: rgba(137, 103, 254, 0.03);
  border-radius: 0.625vw;
}
.server-graph-box.two[data-v-0aeb96e8] {
  background: rgba(5, 113, 243, 0.03);
  border-radius: 0.625vw;
}
.server-graph-box.three[data-v-0aeb96e8] {
  background: rgba(32, 199, 212, 0.03);
  border-radius: 0.625vw;
  margin-bottom: 0;
}
.server-graph-box[data-v-0aeb96e8]:last-child {
  margin-bottom: 0.833vw;
}
.server-graph-cover[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.833vw 0.833vw 0.833vw 0.625vw;
}
.server-graph-icon[data-v-0aeb96e8] {
  width: 1.25vw;
  height: 1.25vw;
  background: rgba(137, 103, 254, 0.1);
  border-radius: 0.208vw;
}
.server-graph-title-txt[data-v-0aeb96e8] {
  position: relative;
  top: -0.156vw;
  width: 9.844vw;
  height: 0.99vw;
  font-size: 0.833vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 0.99vw;
  margin-left: 0.417vw;
}
.server-graph-number[data-v-0aeb96e8] {
  position: relative;
  height: 2.031vw;
  font-size: 1.667vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 2.292vw;
  margin-bottom: 0.625vw;
}
.server-graph-num[data-v-0aeb96e8]::after {
  content: '%';
  display: inline-block;
  position: relative;
  top: -0.781vw;
  right: -0.052vw;
  font-size: 0.625vw;
  font-weight: 700;
  color: #333333;
}
.Abnormal-graph-tatal[data-v-0aeb96e8] {
  height: 0.781vw;
  font-size: 0.625vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #858585;
}
.Abnormal-graph-tatal-color[data-v-0aeb96e8] {
  height: 0.781vw;
  font-size: 0.625vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #8967fe;
  line-height: 0.781vw;
}
.Abnormal-graph-tatal-color.two[data-v-0aeb96e8] {
  height: 0.781vw;
  font-size: 0.625vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #0571f3;
  line-height: 0.781vw;
}
.Abnormal-graph-tatal-color.three[data-v-0aeb96e8] {
  width: 2.083vw;
  height: 0.781vw;
  font-size: 0.625vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #20c7d4;
  line-height: 0.781vw;
}
.server-graph-percent[data-v-0aeb96e8] {
  position: absolute;
  top: -0.313vw;
  left: 2.083vw;
  display: inline-block;
  font-size: 0.833vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  color: #333333;
}

/* system events相关的class */
.overview-right[data-v-0aeb96e8] {
  width: 24%;
  height: 46.615vw;
  background: #ffffff;
  border-radius: 0.417vw;
  margin-right: 0.313vw;
  padding: 0.833vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.overview-right .right-top>div[data-v-0aeb96e8]:first-of-type {
  height: 1.25vw;
  font-size: 0.938vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 1.25vw;
}
.overview-right .right-top>div[data-v-0aeb96e8]:nth-of-type(2) {
  font-size: 0.729vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #333333;
}
.overview-right .right-top .blue-line[data-v-0aeb96e8] {
  width: 0.208vw;
  height: 1.25vw;
  background: #059fe8;
  margin-right: 0.417vw;
}
.event-card[data-v-0aeb96e8] {
  width: calc(100%);
  height: calc(100% / 7 - 0.833vw);
  background: #ffffff;
  border-radius: 0.417vw;
  margin-top: 0.833vw;
  border: 0.052vw solid #ff8a00;
  padding: 0.833vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
}
.event-card[data-v-0aeb96e8]:last-child {
  margin-top: 0.625vw;
}
.event-card .left-rect[data-v-0aeb96e8] {
  width: 2.5vw;
  height: 2.5vw;
  background: #ff8a00;
  border-radius: 0.417vw;
  -webkit-box-shadow: 0vw 0vw 0.625vw 0vw rgba(38, 38, 38, 0.12);
          box-shadow: 0vw 0vw 0.625vw 0vw rgba(38, 38, 38, 0.12);
  text-align: center;
  color: #ffffff;
  line-height: 2.5vw;
}
.event-card .right-des[data-v-0aeb96e8] {
  width: 14.063vw;
  overflow: hidden;
  margin-left: 0.833vw;
}
.event-card .right-des>div[data-v-0aeb96e8] {
  width: 100%;
  overflow: hidden;
}
.event-card .right-des>div[data-v-0aeb96e8]:first-of-type {
  width: 100%;
  height: 0.938vw;
  font-size: 0.833vw;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  line-height: 0.938vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.event-card .right-des>div[data-v-0aeb96e8]:nth-of-type(2) {
  height: 0.833vw;
  font-size: 0.729vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 0.833vw;
  margin-top: 0.625vw;
}
.event-card .right-des .right-des-time[data-v-0aeb96e8] {
  margin-top: 0.625vw;
  text-align: right;
  width: 100%;
  height: 0.833vw;
  font-size: 0.625vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #b4b4b4;
  line-height: 0.833vw;
}
.message-list2-enter-active[data-v-0aeb96e8] {
  position: relative;
  -webkit-transform: translateY(-6.406vw);
          transform: translateY(-6.406vw);
}
.message-list2-enter-to[data-v-0aeb96e8] {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* system events相关的class */
.server-right-All[data-v-0aeb96e8] {
  height: 0.885vw;
  font-size: 0.729vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #005eb8;
  line-height: 0.885vw;
}
.server-left-Abnormal-cover[data-v-0aeb96e8] {
  margin-bottom: 0.781vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 10.729vw;
  width: 100%;
}
.server-leftAbnormal-box[data-v-0aeb96e8] {
  margin-right: 0.833vw;
  background-color: #ffffff;
  border-radius: 0.417vw;
  width: 7.6vw;
}
.server-right-Abnormal-box[data-v-0aeb96e8] {
  width: calc(100% - 7.6vw - 0.8333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  border-radius: 0.417vw;
  position: relative;
  z-index: 5;
}
.server-left-Abnormal-box[data-v-0aeb96e8] {
  position: relative;
  width: 7.604vw;
  height: 10.729vw;
  border-radius: 0.417vw;
  padding-top: 0.625vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.server-left-Abnormal-box.two[data-v-0aeb96e8] {
  text-align: center;
  margin: 0 1.25vw 0 1.25vw;
}
.Abnormal-box-title[data-v-0aeb96e8] {
  width: 6.25vw;
  height: 0.885vw;
  font-size: 0.729vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #858585;
  line-height: 0.885vw;
}
.Abnormal-box-title.one[data-v-0aeb96e8] {
  margin: 0.625vw 0 0.677vw 0.625vw;
}
.Abnormal-box-rectangle[data-v-0aeb96e8] {
  position: absolute;
  text-align: center;
  bottom: 0;
  width: 5.833vw;
  height: 8.594vw;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
  cursor: pointer;
}
.Abnormal-box-rectangle.one[data-v-0aeb96e8] {
  margin: 0 0.885vw;
}
.classNameBgFist[data-v-0aeb96e8]::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 5.833vw;
  left: 0;
  height: 0;
  background: #FFF6EC;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
  z-index: -1;
  -webkit-transition: height .25s linear;
  transition: height .25s linear;
}
.server-leftAbnormal-box:hover .classNameBgFist[data-v-0aeb96e8]::after {
  height: 100%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
}

/* 右边第一个css动画 */
.bg[data-v-0aeb96e8]::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.833vw;
  height: 0;
  background: #FDF2F2;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
  z-index: -1;
  -webkit-transition: height .25s linear;
  transition: height .25s linear;
}
.server-left-Abnormal-box:hover .bg[data-v-0aeb96e8]::after {
  height: 100%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
}

/* 右边第二个css动画 */
.bg2[data-v-0aeb96e8]::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.833vw;
  height: 0;
  background: #FFF3E5;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
  z-index: -1;
  -webkit-transition: height .25s linear;
  transition: height .25s linear;
}
.server-left-Abnormal-box:hover .bg2[data-v-0aeb96e8]::after {
  height: 100%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
}

/* 右边第三个css动画 */
.bg3[data-v-0aeb96e8]::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.833vw;
  height: 0;
  background: #FFFBE5;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
  z-index: -1;
  -webkit-transition: height .25s linear;
  transition: height .25s linear;
}
.server-left-Abnormal-box:hover .bg3[data-v-0aeb96e8]::after {
  height: 100%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
}

/* 右边第四个css动画 */
.bg4[data-v-0aeb96e8]::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.833vw;
  height: 0;
  background: #E5FAFF;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
  z-index: -1;
  -webkit-transition: height .25s linear;
  transition: height .25s linear;
}
.server-left-Abnormal-box:hover .bg4[data-v-0aeb96e8]::after {
  height: 100%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  border-radius: 0.625vw 0.625vw 0vw 0vw;
}
.Abnormal-box-circle[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2.5vw;
  height: 2.5vw;
  background: rgba(255, 168, 75, 0.1);
  border-radius: 1.25vw;
  margin: 0.625vw 1.667vw 0vw 1.667vw;
}
.Abnormal-box-circle-warning[data-v-0aeb96e8] {
  width: 1.667vw;
  height: 1.667vw;
  line-height: 1.667vw;
}
.Abnormal-box-number[data-v-0aeb96e8] {
  text-align: center;
  height: 2.5vw;
  font-size: 2.083vw;
  font-family: Lato, Lato-Black, sans-serif;
  font-weight: 900;
  color: #333333;
  line-height: 2.5vw;
  margin-top: 0.833vw;
}
.Abnormal-box-txt[data-v-0aeb96e8] {
  width: 3.125vw;
  height: 0.885vw;
  font-size: 0.729vw;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #858585;
  line-height: 1.458vw;
  margin: 0 1.354vw 0.833vw 1.354vw;
}
.server-statistics[data-v-0aeb96e8] {
  background: #ffffff;
  border-radius: 0.417vw;
  margin-left: 0.833vw;
}
.server-one-top[data-v-0aeb96e8] {
  width: 19.2vw;
  height: 2.083vw;
  background: #effaff;
  border: 0.052vw solid #dfdfdf;
  border-radius: 0.417vw 0.417vw 0vw 0vw;
  line-height: 2.083vw;
}
.server-one-top .server-select[data-v-0aeb96e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.server-one-top .server-select .open[data-v-0aeb96e8]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.server-one-top .server-select-box[data-v-0aeb96e8] {
  position: absolute;
  width: 80%;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #dce3e8;
  border-radius: 0px 0px 8px 8px;
  z-index: 10;
  opacity: 0;
}
.server-one-top .server-select-block[data-v-0aeb96e8] {
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.server-one-top .server-select-box .select-item[data-v-0aeb96e8] {
  white-space: nowrap;
  border-radius: 8px;
  padding: 0 10px;
  color: #2f3234;
  font-weight: 400;
  font-family: Lato, Lato-Regular, sans-serif;
  font-size: 16px;
}
.server-one-top .server-select-box .select-item-active[data-v-0aeb96e8] {
  background: rgba(5,159,232,0.20);
}
.server-one-top .server-icon[data-v-0aeb96e8] {
  width: 1.25vw;
  height: 1.25vw;
  background: rgba(5, 159, 232, 0.1);
  border-radius: 50%;
  line-height: 1.094vw;
  text-align: center;
  margin: 0 0.417vw 0 0.625vw;
}
.server-one-top .server-icon>i[data-v-0aeb96e8] {
  font-size: 0.625vw;
  color: var(--main-color);
}
.server-one-body[data-v-0aeb96e8] {
  width: 19.2vw;
  height: 29.323vw;
  background: #ffffff;
  border: 0.052vw solid #dfdfdf;
  border-top: none;
  border-radius: 0vw 0vw 0.417vw 0.417vw;
}
#server-echarts1[data-v-0aeb96e8] {
  width: 50%;
  height: 13.021vw;
}
#server-echarts2[data-v-0aeb96e8] {
  width: 50%;
  height: 13.021vw;
}
#server-echarts3[data-v-0aeb96e8] {
  width: 50%;
  height: 13.021vw;
}
#server-echarts4[data-v-0aeb96e8] {
  width: 50%;
  height: 13.021vw;
}
.server-cpu-and-ram[data-v-0aeb96e8] {
  width: 100%;
  height: 13.021vw;
}
.dashed-line[data-v-0aeb96e8] {
  width: calc(100% - 2.5vw);
  margin: 0 1.25vw;
  border-top: 0.052vw dashed #dfdfdf;
  opacity: 0.8;
  height: 0;
}
.dashboard[data-v-0aeb96e8] {
  width: 100%;
  height: 100%;
  background-color: #ebeff2;
}
.right-center[data-v-0aeb96e8]:last-child {
  margin-bottom: 0.938vw;
}
.right-center[data-v-0aeb96e8] {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 18.958vw;
  height: calc(100% - 1.25vw);
}

/* element UI */
.box[data-v-0aeb96e8] {
  width: 20.833vw;
.top {
    text-align: center;
}
.left {
    float: left;
    width: 3.125vw;
}
.right {
    float: right;
    width: 3.125vw;
}
.bottom {
    clear: both;
    text-align: center;
}
.item {
    margin: 0.208vw;
}
.left .el-tooltip__popper,
  .right .el-tooltip__popper {
    padding: 0.417vw 0.521vw;
}
}
.service-box-one[data-v-0aeb96e8] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.service-icon-scale[data-v-0aeb96e8] {
  width: 2.083vw;
  height: 2.083vw;
  position: relative;
}
.server-list-border-green:hover .service-icon-scale[data-v-0aeb96e8],
.server-list-border-red:hover .service-icon-scale[data-v-0aeb96e8] {
  width: 1.667vw;
  height: 1.667vw;
  left: 0.156vw;
  top: 0.156vw;
}
#dashboard[data-v-0aeb96e8] .utm-ellipsis-manualView-btn {
  bottom: 0;
  top: initial;
}
.dashboard-content[data-v-0aeb96e8] {
  width: calc((100% - 0.833vw) / 2);
}
.dashboard-content>.server-statistics[data-v-0aeb96e8] {
  width: calc(100% - 0.833vw);
}
.dashboard-content>.server-statistics>div[data-v-0aeb96e8] {
  width: 100% !important;
}
.margin-style[data-v-0aeb96e8]{
  margin-left: 60px;
}

.health-one-dashboard-server-list-item .ivu-tooltip-inner {
    max-width: 17.708vw;
    background: rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0vw 0.104vw 0.417vw 0vw rgba(0, 0, 0, 0.15);
            box-shadow: 0vw 0.104vw 0.417vw 0vw rgba(0, 0, 0, 0.15);
    padding: 0.625vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 20.833vw;
}

/*********************************************服务列表***********************************************************/
.system-service-level[data-v-1ee3a210]{
  width: 32px;
  height: 32px;
  position: relative;
  line-height: 32px;
}
.system-service-level span[data-v-1ee3a210]{
  display: block;
  position: absolute;
  left: 50%;
  top: 46%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  z-index: 10;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
}
.level4  .icon-sv-severity[data-v-1ee3a210]{
  color: #E93113;
}
.level4 .system-service-name[data-v-1ee3a210],.level4 .system-service-error-item[data-v-1ee3a210]{
  background-color: rgba(233, 49, 19, 0.05) ;
}
.level3  .icon-sv-severity[data-v-1ee3a210]{
  color: #f5713d;
}
.level3 .system-service-name[data-v-1ee3a210],.level3 .system-service-error-item[data-v-1ee3a210]{
  background-color: rgba(245,113,61,0.05) ;
}
.level2  .icon-sv-severity[data-v-1ee3a210]{
  color: rgba(255,190,101,1);
}
.level2 .system-service-name[data-v-1ee3a210],.level2 .system-service-error-item[data-v-1ee3a210]{
  background-color: rgba(255,190,101,0.05) ;
}
.level1  .icon-sv-severity[data-v-1ee3a210]{
  color: rgba(5,159,232,1);
}
.level1 .system-service-name[data-v-1ee3a210],.level1 .system-service-error-item[data-v-1ee3a210]{
  background-color: rgba(5,159,232,0.05);
}
.service-list .system-type-item[data-v-1ee3a210]{
  padding: 0 8px;
}
.service-list .system-type-title[data-v-1ee3a210]{
  position: relative;
  padding-bottom: 12px;
  margin: 8px;
  border-bottom: 1px solid rgba(238, 238, 238, 100);
}
.service-list .system-type-title[data-v-1ee3a210]:before{
  position: absolute;
  content: '';
  height: 20px;
  width: 4px;
  top: 0;
  left: 0;
  background: rgba(var(--main-color-rgb),1);
}
.service-list .system-type-title[data-v-1ee3a210]:after{
  position: absolute;
  content: '';
  height: 20px;
  width: 2px;
  top: 0;
  left: 6px;
  background: rgba(var(--main-color-rgb),.6);
}
.service-list .system-type-name[data-v-1ee3a210]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 200px;
  height: 20px;
  padding-left: 4px;
  margin-left: 12px;
  font-size: 16px;
  color: #333;
  background: -webkit-gradient(linear,left top, right top,from(rgba(0,36,105,0.32)), to(rgba(0,36,105,0.00)));
  background: linear-gradient(90deg,rgba(0,36,105,0.32), rgba(0,36,105,0.00));
}
.system-service-list[data-v-1ee3a210]{
  font-size: 0;
}
.system-service-list li[data-v-1ee3a210]{
  display: inline-block;
  min-width: 360px;
  padding: 8px;
}
.system-service-list li.li-1md[data-v-1ee3a210]{
  width: 100%;
}
.system-service-list li.li-2md[data-v-1ee3a210]{
  width: 50%;
}
.system-service-list li.li-3md[data-v-1ee3a210]{
  width: 33.33%;
}
.system-service-list li.li-4md[data-v-1ee3a210]{
  width: 25%;
}
.system-service-list li.li-5md[data-v-1ee3a210]{
  width: 20%;
}
.system-service-list .system-service-item[data-v-1ee3a210]{
  padding: 8px;
  background: #fff;
  -webkit-box-shadow: 0 0 12px 0 rgba(84,84,84,0.10);
          box-shadow: 0 0 12px 0 rgba(84,84,84,0.10);
  border-radius: 16px;
}
.system-service-list .system-service-item-header[data-v-1ee3a210]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 48px;
  margin: 8px;
  border-radius: 8px;
}
.system-service-list .system-service-item-header.system-service-item-header-error[data-v-1ee3a210]{
  background: rgba(255,244,243,1);
}
.system-service-list .system-service-name[data-v-1ee3a210]{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  height: 48px;
  padding:0 16px;
  line-height: 48px;
  width: calc(100% - 40px);
  border-radius: 8px
}
.system-service-list .system-service-error-title[data-v-1ee3a210]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  padding: 4px 8px 0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.system-service-list .system-service-error[data-v-1ee3a210]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.system-service-list .system-service-error-item[data-v-1ee3a210]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  padding: 8px;
  margin: 8px;
  border: 2px solid transparent;
  border-radius: 16px;
}
.system-service-list .system-service-error-item.active[data-v-1ee3a210]{
  border: 2px solid rgba(246,111,106,1);
  background: rgba(255,244,243,1);
  cursor: pointer;
}
.system-service-list .system-service-error-num[data-v-1ee3a210]{
  font-size: 16px;
  color: #333;
}
.system-service-error-num span[data-v-1ee3a210]{
  font-size: 24px;
}
.system-service-list .system-service-error-desc[data-v-1ee3a210]{
  margin: 4px 0;
  font-size: 14px;
  color: #333;
}
.system-service-list .active .system-service-error-num span[data-v-1ee3a210]{
  color: #F66F6A;
}
.system-service-list .active .system-service-error-num-alarm[data-v-1ee3a210]{
  color: #F66F6A;
}
.system-service-error-num-alarm[data-v-1ee3a210]{
  font-size: 24px;
}

#managementBody[data-v-0c618188] .utm-select.utm-multiple-select.mini-multiple-select .ivu-tag{
     max-width: 69%;
}
#managementBody[data-v-0c618188] .utm-modal-close{
  width: 30px;
  height: 30px;
  border: 2px solid #dce3e8;
  border-radius: 8px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  line-height: 32px;
  text-align: center;
}
#managementBody[data-v-0c618188] .utm-modal-content .utm-modal-close   .ivu-icon-ios-close{
   top: 0px;
}
#managementBody .ivu-table-tip table[data-v-0c618188]{
   height: 100%;
}
.more-group-text[data-v-0c618188] {
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
}
.managementBody[data-v-0c618188]{
    width: 100%;
    height: 100%;
    background: #ebeff2;
}
.severity_body[data-v-0c618188]{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.severity_body > div[data-v-0c618188]{
    width: 25px;
    height: 25px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
}
.custom_health_Severity > .severity_body1.active[data-v-0c618188]{
    border: 1px solid #e93113;
    width: 31px;
    height: 31px;
}
.custom_health_Severity > .severity_body2.active[data-v-0c618188]{
    border: 1px solid #f5713d;
    width: 31px;
    height: 31px;
}
.custom_health_Severity > .severity_body3.active[data-v-0c618188]{
    border: 1px solid #ffbe65;
    width: 31px;
    height: 31px;
}
.custom_health_Severity > .severity_body4.active[data-v-0c618188]{
    border: 1px solid #059fe8;
    width: 31px;
    height: 31px;
}
.ml-40[data-v-0c618188]{
    margin-left: 40px;
}
.flex-r-center[data-v-0c618188]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.table-severity[data-v-0c618188]{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 26px;
}
.custom-bg-red[data-v-0c618188]{
    background: #e93113;
}
.custom-bg-orange[data-v-0c618188]{
    background: #f5713d;
}
.custom-bg-yellow[data-v-0c618188]{
    background: #FFBE65;
}
.custom-bg-blue[data-v-0c618188]{
    background: #059FE8;
}
 
#healthy-monitor[data-v-72cd07d3]{
  position: relative;
  height: 100%;
}
#healthy-monitor .utm-line-tabs[data-v-72cd07d3]{
  padding: 0 16px;
  position: absolute;
  top: 0;
}
#healthy-monitor .utm-line-tabs .utm-line-tab-item .item-amount[data-v-72cd07d3]{
  margin-left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #BE3131;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}

.health-monitoring-disk{
  width: 182px;
  border-radius: 4px;
  padding-top: 12px;
}
.health-monitoring-disk .header{
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-bottom: 16px;
}
.health-monitoring-disk .Partition{
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-bottom: 12px;
}
.disk-all{
  color:#4CBE8A;
  cursor: pointer;
}
.disk-all:hover{
  text-decoration: underline;
}
.schedule-bg{
  width: 100%;
  height: 12px;
  border: 1px solid #DFDFDF;
  background: #fff;
}
.schedule-green{
  color: #2eaf74;
}
.schedule-green .schedule-bar{
  background: #2eaf74;
}
.schedule-red{
  color: #ff4a4a;
}
.schedule-red .schedule-bar{
  background: #ff4a4a;
}
.schedule-orange{
  color: #FFB777;
}
.schedule-orange .schedule-bar{
  background: #FFB777;
}
.message-red-bg{
   background-color: #F66F6A
}
.unhealthy-status{
  font-weight: 400;
  font-size: 14px;
  height: 17px;
  margin-bottom: 12px;
}
.margin-style{
  margin-left: 60px;
}

[data-v-5ddf18dd] .ivu-collapse-simple>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header {
  border-bottom: none;
}
[data-v-5ddf18dd] .ivu-collapse>.ivu-collapse-item {
  border-top: none;
}
[data-v-5ddf18dd] .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
  border-bottom: none;
}
[data-v-5ddf18dd] .ivu-collapse {
  border: none;
}
[data-v-5ddf18dd] .ivu-collapse-content {
  padding: 0;
}
[data-v-5ddf18dd] .ivu-collapse-content>.ivu-collapse-content-box {
  padding-bottom: 0px;
}
#report_detail[data-v-5ddf18dd] .ivu-collapse-header {
  height: 21px;
  padding-left: 0px;
}
.header-title[data-v-5ddf18dd] {
  height: 21px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 21px;
}
.header-title>i[data-v-5ddf18dd]::before {
  font-size: 12px;
  color: #333333;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: inline-block;
}
.header-title>.switch-bottom[data-v-5ddf18dd]::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.header-title>i[data-v-5ddf18dd] {
  position: relative;
  top: -1px;
  left: 10px;
}
.record-tabs[data-v-5ddf18dd] {
  height: 55px;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
}
.reset-icon[data-v-5ddf18dd] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  margin-left: 8px;
  line-height: 24px;
  text-align: center;
}
.reset-icon[data-v-5ddf18dd]:hover {
  background: rgba(5,159,232,0.1);
}
.reset-icon>i[data-v-5ddf18dd] {
  font-size: 20px;
  color: #059FE8;
}
.reset-icon[data-v-5ddf18dd]:active {
  background-color: rgba(5, 159, 232, 0.2);
}
.record-tabs>.record-tab[data-v-5ddf18dd] {
  height: 16px;
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 16px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.record-tab-before[data-v-5ddf18dd] {
  color: #059FE8 !important;
}
.record-tab-before[data-v-5ddf18dd]::before {
  content: '';
  display: block;
  height: 2px;
  background: #059fe8;
  position: absolute;
  bottom: -10px;
  left: 0px;
  width: 100%;
}
.serverPerformance[data-v-5ddf18dd] {
  width: 100%;
  height: 100%;
  padding: 0px 0px 0 0px;
}
.Performance_header_nav[data-v-5ddf18dd] {
  width: 128px;
  height: calc(100% - 55px);
  line-height: 40px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
  border-right: 1px solid #dfdfdf;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Performance_header_nav>div[data-v-5ddf18dd] {
  cursor: pointer;
  padding-left: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.Performance_header_nav>div.active[data-v-5ddf18dd] {
  color: var(--main-color);
  background-color: rgba(210, 240, 255, 1);
}
.serverReportViewItem[data-v-5ddf18dd] {
  width: 100%;
}
.performance_content[data-v-5ddf18dd] {
  width: calc(100% - 128px);
  height: calc(100% - 55px);
}
.itemProp[data-v-5ddf18dd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-top: 12px;
}
.itemProp>.propName[data-v-5ddf18dd] {
  width: 220px;
  text-align: left;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  color: #333333;
}
.propValue[data-v-5ddf18dd] {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.serverReportView[data-v-5ddf18dd] {
  width: 100%;
  height: calc(100% - 55px);
  padding: 0px 8px;
  overflow-y: auto;
  overflow-x: hidden;
}
.serverReportBody[data-v-5ddf18dd] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.serverReportNav[data-v-5ddf18dd] {
  width: 220px;
  height: 100%;
  border-right: 1px solid #dfdfdf;
  overflow: hidden;
}
.nav_item[data-v-5ddf18dd] {
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  font-family: Lato, sans-serif;
  text-align: left;
  position: relative;
  color: #333333;
  margin-top: 18px;
  padding-left: 27px;
  cursor: pointer;
  font-weight: 600;
}
.nav_item.nav_active[data-v-5ddf18dd] {
  color: var(--main-color) !important;
}
.nav_item.nav_active[data-v-5ddf18dd]::before {
  content: '';
  display: block;
  height: 18px;
  width: 3px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: var(--main-color);
}
.serverReportHeader[data-v-5ddf18dd] {
  font-size: 20px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #323537;
  height: 56px;
  line-height: 56px;
  padding-left: 16px;
  border-bottom: 1px solid #dfdfdf;
}
.serverReportContent[data-v-5ddf18dd] {
  font-size: 16px;
  line-height: unset;
  padding: 0 16px;
  height: calc(100% - 181px);
}
.drawer-modal-header[data-v-5ddf18dd] {
  font-size: 20px;
  font-weight: 700;
  color: #323537;
}
.search-box[data-v-5ddf18dd] {
  height: 52px;
  line-height: 52px;
  border-bottom: 1px dashed #dfdfdf;
}
.search-item-title[data-v-5ddf18dd] {
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
}
.search-item-content[data-v-5ddf18dd] {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-left: 8px;
}
.people-detail-ul[data-v-5ddf18dd] {
  margin: 9px 0 0 -9px;
}
.people-detail-ul .people-detail-li[data-v-5ddf18dd] {
  position: relative;
  padding: 0 16px 12px 30px;
}
.people-detail-ul .people-detail-li[data-v-5ddf18dd]:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223, 223, 223, 1);
}
.people-detail-ul .people-detail-li[data-v-5ddf18dd]:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border: 2px solid #dfdfdf;
  border-radius: 50%;
}
.people-detail-ul .people-detail-li[data-v-5ddf18dd]:first-child:after {
  display: none;
}
.people-detail-ul .people-detail-li[data-v-5ddf18dd]:last-child:before {
  display: none;
}
.detail-li-icon[data-v-5ddf18dd] {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: var(--main-color);
  border-radius: 50%;
}
.drawer-modal-content[data-v-5ddf18dd] {
  margin-top: 16px;
}
.modal-content-title[data-v-5ddf18dd] {
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
}
.detail-li-time[data-v-5ddf18dd] {
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
}
.detail-li-count[data-v-5ddf18dd] {
  font-size: 14px;
  color: #333333;
}
.search-item-title-line[data-v-5ddf18dd] {
  border-left: 1px solid #dfdfdf;
  margin-left: 8px;
  padding-left: 8px;
}
#report_detail .module-tab[data-v-5ddf18dd] {
  padding: 4px 16px 0;
  border-bottom: 1px solid #ddd;
}
#report_detail .module-tab .tab-item[data-v-5ddf18dd] {
  display: inline-block;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
}
#report_detail .module-tab .tab-item span[data-v-5ddf18dd] {
  display: inline-block;
  vertical-align: middle;
}
#report_detail .module-tab .tab-item.active[data-v-5ddf18dd] {
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
  font-weight: bold;
}
.footer-box[data-v-5ddf18dd] {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e1e4e6;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right: 16px
}
.module-tab[data-v-5ddf18dd] {
  padding: 4px 16px 0;
  border-bottom: 1px solid #ddd;
}
.module-tab .tab-item[data-v-5ddf18dd] {
  display: inline-block;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  color: #333;
  cursor: pointer;
}
.module-tab .tab-item span[data-v-5ddf18dd] {
  display: inline-block;
  vertical-align: middle;
}
.module-tab .tab-item.active[data-v-5ddf18dd] {
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}
.module-content[data-v-5ddf18dd] {
  height: calc(100% - 120px);
}
.monitoring-detail[data-v-5ddf18dd] {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.utm-modal-content[data-v-5ddf18dd]{
  -webkit-animation: slideInFromRight-data-v-5ddf18dd 0.2s ease-out forwards;
          animation: slideInFromRight-data-v-5ddf18dd 0.2s ease-out forwards; /* 应用动画 */
}

/* 定义动画 */
@-webkit-keyframes slideInFromRight-data-v-5ddf18dd {
from {  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%); /* 初始位置在屏幕右侧之外 */
}
to {  
    -webkit-transform: translateX(0);  
            transform: translateX(0); /* 最终位置在屏幕内 */
}
}
@keyframes slideInFromRight-data-v-5ddf18dd {
from {  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%); /* 初始位置在屏幕右侧之外 */
}
to {  
    -webkit-transform: translateX(0);  
            transform: translateX(0); /* 最终位置在屏幕内 */
}
}
.utm-modal-close[data-v-5ddf18dd]{
  width: 30px;
  height: 30px;
  border: 2px solid #dce3e8;
  border-radius: 8px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  line-height: 32px;
  text-align: center;
}
#report_detail .utm-modal-content .utm-modal-close[data-v-5ddf18dd] .ivu-icon-ios-close{
   top: 0px;
}

.performance_description[data-v-6bff35b4]{
    margin-top:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
.performance_description>div[data-v-6bff35b4]{
    margin-right:64px;
}
.performance_description>div>div[data-v-6bff35b4]:first-child{
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    text-align: left;
    color: #333333;
}
.performance_description>div>div[data-v-6bff35b4]:last-child{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.performance_description>div[data-v-6bff35b4]:last-child{
    margin-right:0px;
}
[data-v-6bff35b4] .tooltip{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    padding:12px 10px;
    background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
            box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); 
    border-radius:4px;
    position:fixed;
    z-index:100;
    white-space: nowrap;
}
#ECharts[data-v-6bff35b4]{
       width:950px;
       height:400px;
       margin-top:8px;
}
.EChartsContent[data-v-6bff35b4]{
      height: 100%;
      width: 100%;
      -webkit-box-sizing:border-box;
              box-sizing:border-box;
      padding-top: 8px;
      padding: 24px;
}
.deviceName[data-v-6bff35b4]{
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 600;
      text-align: left;
      color: #333333;
      line-height: 14px;
      height:14px
}
.unit[data-v-6bff35b4]{
      width:100%;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
          -ms-flex-direction:row;
              flex-direction:row;
      -webkit-box-pack:justify;
          -ms-flex-pack:justify;
              justify-content:space-between;
      -webkit-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 400;
      text-align: left;
      color: #333333;
      height:14px;
      line-height:14px;
      margin-top:18px
}

.performance_description[data-v-33760236]{
    margin-top:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
.performance_description>div[data-v-33760236]{
    margin-right:64px;
}
.performance_description>div>div[data-v-33760236]:first-child{
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    text-align: left;
    color: #333333;
}
.performance_description>div>div[data-v-33760236]:last-child{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.performance_description>div[data-v-33760236]:last-child{
    margin-right:0px;
}
[data-v-33760236] .tooltip{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    padding:12px 10px;
    background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
            box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); 
    border-radius:4px;
    position:fixed;
    z-index:100;
    white-space: nowrap;
}
#ECharts[data-v-33760236]{
       width:950px;
       height:400px;
       margin-top:8px;
}
.EChartsContent[data-v-33760236]{
      height: 100%;
      width: 100%;
      -webkit-box-sizing:border-box;
              box-sizing:border-box;
      padding-top: 8px;
      padding: 24px;
}
.deviceName[data-v-33760236]{
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 600;
      text-align: left;
      color: #333333;
      line-height: 14px;
      height:14px
}
.unit[data-v-33760236]{
      width:100%;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
          -ms-flex-direction:row;
              flex-direction:row;
      -webkit-box-pack:justify;
          -ms-flex-pack:justify;
              justify-content:space-between;
      -webkit-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 400;
      text-align: left;
      color: #333333;
      height:14px;
      line-height:14px;
      margin-top:18px
}

.performance_description[data-v-61babb4e]{
    margin-top:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
.performance_description>div[data-v-61babb4e]{
    margin-right:64px;
}
.performance_description>div>div[data-v-61babb4e]:first-child{
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    text-align: left;
    color: #333333;
}
.performance_description>div>div[data-v-61babb4e]:last-child{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.performance_description>div[data-v-61babb4e]:last-child{
    margin-right:0px;
}
[data-v-61babb4e] .tooltip{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    padding:12px 10px;
    background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
            box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); 
    border-radius:4px;
    position:fixed;
    z-index:100;
    white-space: nowrap;
}
#ECharts[data-v-61babb4e]{
       width:950px;
       height:400px;
       margin-top:8px;
}
.EChartsContent[data-v-61babb4e]{
      height: 100%;
      width: 100%;
      -webkit-box-sizing:border-box;
              box-sizing:border-box;
      padding-top: 8px;
      padding: 24px;
}
.deviceName[data-v-61babb4e]{
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 600;
      text-align: left;
      color: #333333;
      line-height: 14px;
      height:14px
}
.unit[data-v-61babb4e]{
      width:100%;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
          -ms-flex-direction:row;
              flex-direction:row;
      -webkit-box-pack:justify;
          -ms-flex-pack:justify;
              justify-content:space-between;
      -webkit-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 400;
      text-align: left;
      color: #333333;
      height:14px;
      line-height:14px;
      margin-top:18px
}
.change-state[data-v-61babb4e]{
  width: 100%;
  height: 40px;
}
.change-state > div[data-v-61babb4e]{
  width: 100px;
  height: 100%;
  line-height: 40px;
  margin-right: 16px;
  border-radius: 20px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  color: #333333;
  text-align: center;
  cursor: pointer;
}
.change-state >div.active[data-v-61babb4e]{
  background-color: #EFFAFF;
  color: var(--main-color);
}

.performance_description[data-v-232487f2]{
    margin-top:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
.performance_description>div[data-v-232487f2]{
    margin-right:64px;
}
.performance_description>div>div[data-v-232487f2]:first-child{
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    text-align: left;
    color: #333333;
}
.performance_description>div>div[data-v-232487f2]:last-child{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.performance_description>div[data-v-232487f2]:last-child{
    margin-right:0px;
}
[data-v-232487f2] .tooltip{
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    padding:12px 10px;
    background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
            box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); 
    border-radius:4px;
    position:fixed;
    z-index:100;
    white-space: nowrap;
}
#ECharts[data-v-232487f2]{
       width:950px;
       height:400px;
       margin-top:8px;
}
.EChartsContent[data-v-232487f2]{
      height: 100%;
      width: 100%;
      -webkit-box-sizing:border-box;
              box-sizing:border-box;
      padding-top: 8px;
      padding: 24px;
}
.deviceName[data-v-232487f2]{
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 600;
      text-align: left;
      color: #333333;
      line-height: 14px;
      height:14px
}
.unit[data-v-232487f2]{
      width:100%;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
          -ms-flex-direction:row;
              flex-direction:row;
      -webkit-box-pack:justify;
          -ms-flex-pack:justify;
              justify-content:space-between;
      -webkit-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      font-size: 14px;
      font-family: Roboto, sans-serif;
      font-weight: 400;
      text-align: left;
      color: #333333;
      height:14px;
      line-height:14px;
      margin-top:18px
}

.system-maintenance-service[data-v-0f19de87]{
    height: 100%;
}
.system-maintenance-service .service-list[data-v-0f19de87] {
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
}
#isolate_management .utm-box .utm-box-right[data-v-0f19de87]{
    overflow: hidden;
}
.utm-arrange-box[data-v-0f19de87]{
    margin-left: 0;
    margin-right: 0;
    font-size: 0;
}
.utm-arrange-box .utm-arrange-item[data-v-0f19de87]{
    display: inline-block;
    float: none;
}
.system-maintenance-service .border-tag[data-v-0f19de87]{
    display: inline-block;
    padding: 0 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #ffffff;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #333;
    cursor: pointer;
}
.system-maintenance-service .border-tag[data-v-0f19de87]:hover{
    background: rgba(var(--main-color-rgb), 0.2);
}
.system-maintenance-service .border-tag.active[data-v-0f19de87]{
    background: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
}
.system-maintenance-service .service-list .sub-title[data-v-0f19de87]{
    padding: 0 16px;
    margin-left: -10px;
    width: calc(100% + 32px );
    height: 24px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #F6F6F6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 8px;
}
.system-maintenance-service .arrange-item-container[data-v-0f19de87]{
    height: 215px;
    background-color: #fff;
    border-radius: 8px;
}
.system-maintenance-service .item-left-img[data-v-0f19de87]{
    margin-right: 1px;
    width: 80px;
    border: 0;
}
.system-maintenance-service .item-right-content[data-v-0f19de87]{
    width: 100%;
    padding: 16px;
}
.system-maintenance-service .utm-option-operation .more-operation[data-v-0f19de87]{
    left: -110px;
    margin-top: -8px;
}
.system-maintenance-service .utm-tooltip.service-name-tooltip[data-v-0f19de87]{
    width: calc( 100% - 30px );
}
.system-maintenance-service .utm-tooltip.service-name-tooltip .ivu-tooltip-rel[data-v-0f19de87]{
    width: 100%;
    max-width: unset;
}
.system-maintenance-service .utm-tooltip.service-name-tooltip .item-name[data-v-0f19de87]{
    max-width: 100%;
    font-size: 18px;
}
.system-maintenance-service .more-operation.service-operation[data-v-0f19de87]{
    z-index: 10;
}
.system-maintenance-service .utm-arrange-box[data-v-0f19de87]{
    padding: 8px 8px 0;
    width: 100%;
}
.system-maintenance-service .service-operation-icon[data-v-0f19de87]{
    font-size: 20px;
    color: var(--main-color);
}
.service-type-line[data-v-0f19de87]{
    height: 23px;
    background: #fff;
    margin: 0 2px 13px 0
}
.module-title[data-v-0f19de87]{
    position: relative;
    padding-bottom: 12px;
    margin: 8px;
    border-bottom: 1px solid rgba(238, 238, 238, 100);
}
.module-title[data-v-0f19de87]:before{
    position: absolute;
    content: '';
    height: 20px;
    width: 4px;
    top: 0;
    left: 0;
    background: #059fe8;
}
.module-title[data-v-0f19de87]:after{
    position: absolute;
    content: '';
    height: 20px;
    width: 2px;
    top: 0;
    left: 6px;
    background: #059fe8;
}
.module-title-name[data-v-0f19de87]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 200px;
    height: 20px;
    padding-left: 4px;
    margin-left: 12px;
    font-size: 16px;
    color: #333;
    background: -webkit-gradient(linear,left top, right top,from(rgba(5,159,232,0.32)), to(rgba(5,159,232,0.00)));
    background: linear-gradient(90deg,rgba(5,159,232,0.32), rgba(5,159,232,0.00));
}
.bottom-field[data-v-0f19de87]{
    width: 100%;
    border-top: 1px dashed #dce3e8;
    color: #333333;
    font-size: 16px;
    padding: 12px 0;
}
#isolate_management .arrange-item-field[data-v-0f19de87]{
    margin-top: 10px;
    min-height: 24px;
}
#isolate_management .arrange-item-field .field-name[data-v-0f19de87]{
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
#isolate_management .arrange-item-field .field-content[data-v-0f19de87]{
    max-width: calc(100% - 120px);
}
#isolate_management .utm-control-label[data-v-0f19de87]{
    width: 180px;
}
#isolate_management .utm-controls[data-v-0f19de87]{
    margin-left: 180px;
}
.system-maintenance-service .utm-form[data-v-0f19de87] {
    padding-right: 30px;
}
  
  /****************************************************************/
  
  /* 电梯服务需要配置多个账号响应 */
.schindler-account-swapper[data-v-0f19de87]{
    position: relative;
    padding: 16px 16px 0;
    margin-bottom: 16px;
    border-radius: 4px;
    background: rgba(239,246,249,1);
}
#isolate_management .utm-modal .schindler-account-swapper .utm-control-label[data-v-0f19de87]{
    width: 110px;
}
#isolate_management .utm-modal .schindler-account-swapper .utm-controls[data-v-0f19de87]{
    margin-left: 110px;
}
.schindler-account-swapper .delete-schindler-account-btn[data-v-0f19de87]{
    position: absolute;
    right: -5px;
    top: -5px;
}
#isolate_management .add-schindler-account-btn[data-v-0f19de87]{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    cursor: pointer;
}
.add-schindler-account-no.add-schindler-account-btn[data-v-0f19de87]{
    line-height: 40px;
}
#isolate_management .utm-form[data-v-0f19de87] {
    padding-right: 50px;
}
.default-name-div[data-v-0f19de87]{
    position: relative;
}
.default-name-prompt[data-v-0f19de87]{
    position: absolute;
    top: 8px;
    left: 100%;
    white-space: nowrap;
    margin: 0 8px;
}
.utm-default-name[data-v-0f19de87]{
    color: #059FE8;
    font-size: 16px;
}
.line-box[data-v-0f19de87]{
    border-left: 1px solid #dce3e8;
    height: 8px;
}
.operate[data-v-0f19de87]:hover{
    width: 24px;
    height: 24px;
    background: rgba(5,159,232,0.20);
    border-radius: 4px;
}

.devices-tag[data-v-3113455b] {
    height: 40px;
    margin-bottom: 16px;
}
.devices-tag>div[data-v-3113455b] {
    padding: 10px 12px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.devices-tag>div.active[data-v-3113455b] {
    background: #effaff;
    border-radius: 20px;
    color: #059fe8;
}
.add-new-isolate[data-v-3113455b] {
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: right;
    color: #059fe8;
    height: 18px;
    line-height: 18px;
    margin-top: 28px;
    cursor: pointer;
}
.add-new-isolate>div[data-v-3113455b]:first-of-type {
    color: #059fe8;
    font-size: 400;
    margin-right: 8px;
}
.add-new-isolate>div:first-of-type>i[data-v-3113455b] {
    font-weight: 400;
}
#isolate[data-v-3113455b] .el-tree-node__expand-icon.is-leaf::before {
    visibility: hidden;
}
#isolate[data-v-3113455b] .el-tree-node__label {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
#isolate[data-v-3113455b] .el-tree-node__content {
    height: 40px;
}
#isolate[data-v-3113455b] .el-tree-node__content,
.el-upload-list__item[data-v-3113455b] {
    background-color: #FFF !important;
}
#isolate[data-v-3113455b] .el-icon-caret-right:before {
    content: "\F11F";
    font-family: Ionicons, sans-serif;
    color: #333333;
    font-size: 14px;
}
#isolate[data-v-3113455b] .el-checkbox__inner {
    width: 16px;
    height: 16px;
    border: 1px solid #059ae8;
    border-radius: 2px;
}
#isolate[data-v-3113455b] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 1px;
    background-color: var(--main-color);
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
}
#isolate[data-v-3113455b] .el-checkbox__input.is-checked {
    background-color: #059AE8;
    border-color: #059AE8;
    height: 16px;
    width: 16px;
}
#isolate[data-v-3113455b] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #FFF;
}
#isolate[data-v-3113455b] .el-checkbox__inner::after {
    left: 5px;
    top: 2px;
}
.utm-check-group[data-v-3113455b] {
    height: calc(100% - 100px);
    overflow: auto
}
.search-input[data-v-3113455b] {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 12px;
    height: 40px;
    margin-bottom: 8px;
}
.search-input[data-v-3113455b] .ivu-input-prefix {
    width: 32px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    line-height: 40px;
}
.search-input[data-v-3113455b] .ivu-input-prefix i {
    line-height: 40px;
    font-size: 22px;
    color: #b4b4b4;
}
.search-input[data-v-3113455b] .ivu-input {
    font-size: 18px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    height: 40px;
    line-height: 40px;
}
.transfer-btn[data-v-3113455b] {
    width: 64px;
    height: 100%;
}
.transfer-btn>div[data-v-3113455b] {
    width: 32px;
    height: 32px;
    background: #dfdfdf;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
}
.optional-header[data-v-3113455b] {
    width: 100%;
    height: 40px;
    background: #effaff;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 4px 4px 0px 0px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.optional-select[data-v-3113455b] {
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #b4b4b4;
}
.optional-title[data-v-3113455b] {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.transfer-isolate[data-v-3113455b] {
    margin-top: 16px;
}
.optional-server[data-v-3113455b],
.optional-selected[data-v-3113455b] {
    width: 362px;
    height: 420px;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
#isolate[data-v-3113455b] .ivu-time-picker-cells-list ul {
    background-color: #FFF;
}
.time-to[data-v-3113455b] {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.one-isolate[data-v-3113455b] {
    width: 820px;
    height: 516px;
    background: #effaff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-top: 28px;
    padding: 16px;
    padding-bottom: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.one-isolate[data-v-3113455b]:first-of-type {
    margin-top: 8px;
}
.delete-icon[data-v-3113455b] {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    color: #b4b4b4;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
}
.must-fill[data-v-3113455b] {
    height: 18px;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0, 0, 0, 0.85);
    line-height: 18px;
}
.isolate[data-v-3113455b] {
    height: 18px;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: rgba(0, 0, 0, 0.85);
    line-height: 18px;
}
.must-fill[data-v-3113455b]::before {
    content: '*';
    color: #ed3f14;
    font-size: 14px;
    display: inline-block;
    width: 6px;
    text-align: center;
    margin-right: 1px;
}
#isolate .utm-tabs[data-v-3113455b] {
    background-color: transparent;
}
#isolate .utm-tabs .utm-tab-item.active[data-v-3113455b] {
    border: 1px solid;
    border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
    border-radius: 8px 8px 0 0;
    margin-bottom: -1px;
    margin-left: 0;
}
#isolate .utm-tab-content[data-v-3113455b] {
    padding: 8px 16px;
    border: 1px solid #DFDFDF;
    border-radius: 0 8px 8px 8px;
    -webkit-box-shadow: 3px 0 6px 0 rgba(223, 223, 223, 0.8);
            box-shadow: 3px 0 6px 0 rgba(223, 223, 223, 0.8);
}
.detail-title[data-v-3113455b] {
    margin-top: 12px;
    width: 100%;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    height: 18px;
    line-height: 18px;
}
.detail-title>div[data-v-3113455b]:first-of-type {
    font-weight: 700;
    width: 72px;
    text-align: right;
    margin-right: 26px;
}
.list-item[data-v-3113455b] {
    height: 40px;
    width: 100%;
}
.list-icon[data-v-3113455b] {
    width: 24px;
    height: 24px;
    background: rgba(5, 159, 232, 0.10);
    border-radius: 12px;
    text-align: center;
    line-height: 24px;
    margin-right: 8px;
}
.list-icon>i[data-v-3113455b] {
    color: #059FE8;
    font-size: 12px;
}
.list-name[data-v-3113455b] {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #333333;
}
.utm-table-box>.tile[data-v-3113455b] {
    margin-left: 16px;
    margin-top: 16px;
}
.utm-table-box>.tile[data-v-3113455b]:first-of-type {
    margin-left: 0px;
}
.module-tab[data-v-3113455b] {
    padding: 4px 16px 0;
    border-bottom: 1px solid #ddd;
    background-color: #FFF;
}
.content-box[data-v-3113455b] {
    min-height: 308px;
}
.module-tab .tab-item[data-v-3113455b] {
    display: inline-block;
    margin-right: 50px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
    color: #333;
    cursor: pointer;
}
.module-tab .tab-item span[data-v-3113455b] {
    display: inline-block;
    vertical-align: middle;
}
.module-tab .tab-item.active[data-v-3113455b] {
    color: #059FE8;
    border-bottom: 2px solid #059FE8;
}
.module-tab .tab-item i.active[data-v-3113455b] {
    color: #059FE8;
}
.module-tab .tab-item i[data-v-3113455b] {
    color: #b4b4b4;
}
.tile[data-v-3113455b] {
    width: 259px;
    height: 159px;
    background: #ffffff;
    border: 1px solid #059fe8;
    border-radius: 8px;
    position: relative;
}
.tile-id[data-v-3113455b] {
    color: #ffffff;
    width: 40px;
    height: 24px;
    background: #059fe8;
    border-radius: 7px 0px 7px 0px;
    text-align: center;
}
.tile-priority[data-v-3113455b] {
    margin-top: 3px;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.tile-priority>i[data-v-3113455b] {
    font-size: 40px;
    color: #0598e8;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
}
.tile-name[data-v-3113455b] {
    width: calc(100% - 32px);
    overflow: hidden;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: center;
    color: #333333;
    margin-top: 12px;
    margin-left: 16px;
    height: 18;
    line-height: 18px;
}
.tile-detail[data-v-3113455b] {
    width: calc(100% - 32px);
    margin-left: 16px;
    height: 30px;
    background: #effaff;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #059fe8;
    margin-top: 16px;
    margin-bottom: 12px;
    border: 1px solid #effaff;
    cursor: pointer;
}
.tile-detail[data-v-3113455b]:active {
    background: #d2f0ff;
    border: 1px solid #059fe8;
}
.tile-more[data-v-3113455b] {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    background: #effaff;
    border-radius: 4px;
    text-align: center;
    line-height: 24px;
    display: none;
    cursor: pointer;
    z-index: 10;
}
.tile:hover .tile-more[data-v-3113455b] {
    display: block;
}
.tile[data-v-3113455b]:hover {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.20);
            box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.20);
}
.tile-more>i[data-v-3113455b] {
    color: #333;
}
.tile-more:hover .more-operation[data-v-3113455b] {
    display: block;
}
.more-operation[data-v-3113455b]::before {
    content: '';
    display: block;
    position: absolute;
    background-color: transparent;
    top: -8px;
    width: 20px;
    height: 8px;
}
.more-operation[data-v-3113455b] {
    display: none;
    width: 150px;
    height: 98px;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.more-operation>.flex-r-start-center[data-v-3113455b] {
    width: 134px;
    height: 40px;
    background: #effaff;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.more-operation i[data-v-3113455b] {
    width: 32px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    color: #059fe8;
    margin-right: 4px;
}
.more-operation>.flex-r-start-center[data-v-3113455b]:active {
    background: #d2f0ff;
}
.tile-priority>div[data-v-3113455b] {
    position: absolute;
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    color: #ffffff;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.dashboard[data-v-3113455b] {
    width: 100%;
    height: 100%;
    background-color: #ebeff2;
}
.dashboard-content[data-v-3113455b] {
    width: 100%;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(100% - 56px);
    overflow: auto;
    padding-bottom: 16px;
    background-color: #FFF;
}
.no-data-text[data-v-3113455b] {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #b4b4b4;
    height: 18px;
    line-height: 18px;
    margin-top: 8px
}
.custom-tree-node[data-v-3113455b]{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 16px;
    color: #333;
    font-size: 16px;
    max-width: calc(100% - 50px);
}

.hive-content[data-v-e7812fbc] {
    width: 100%;
    height: calc(100% - 56px);
}
.overview-health-select-template-list[data-v-e7812fbc] {
    position: absolute;
    left: 0;
    top: 40px;
    width: inherit;
    max-height: 200px;
    overflow: auto;
    margin: 5px 0;
    padding-bottom: 8px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    display: none;
    z-index: 500;
}
.select-template-name[data-v-e7812fbc]:focus {
    border: 1px solid rgba(5, 154, 232, 1);
}
.template-icon[data-v-e7812fbc] {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.template-icon.isUp[data-v-e7812fbc] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.overview-health-select-one[data-v-e7812fbc] {
    height: 40px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    line-height: 40px;
    margin-top: 8px;
    width: calc(100% - 16px);
    margin-left: 8px;
}
.overview-health-select-one.active[data-v-e7812fbc],.overview-health-select-one:hover.active[data-v-e7812fbc]{
    color: #2F3234;
    background: rgba(5, 159, 232, 0.20);
    border-radius: 8px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
}
.overview-health-select-one[data-v-e7812fbc]:hover{
    background: rgba(5,159,232,0.10);
    border-radius: 8px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #2f3234;
    background-color: rgba(239, 250, 255, 1);
}
.select-template-name[data-v-e7812fbc] {
    width: 318px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.select-template-name i[data-v-e7812fbc] {
    color: #808695;
}
.select-node-text[data-v-e7812fbc] {
    height: 18px;
    line-height: 18px;
    margin-top: 8px;
}
.select-node-icon[data-v-e7812fbc] {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}
.select-node-icon>i[data-v-e7812fbc] {
    color: #DFDFDF;
    font-size: 48px;
    font-weight: 400;
}
.location-select-one.active[data-v-e7812fbc] {
    border: 1px solid #059fe8;
    font-weight: 700;
    color: #059fe8;
}
.location-select-one.active .select-node-icon>i[data-v-e7812fbc] {
    color: #059fe8;
}
.select-the-node[data-v-e7812fbc] {
    position: absolute;
    right: 8px;
    top: 8px;
    font-weight: 400;
}
.select-the-node>i[data-v-e7812fbc] {
    font-size: 16px;
    color: #059FE8;
}
.location-select-one[data-v-e7812fbc] {
    width: 157px;
    height: 152px;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    margin-right: 16px;
    position: relative;
}
.tile-management[data-v-e7812fbc] {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #059fe8;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
}
.tile-management i[data-v-e7812fbc] {
    font-size: 20px;
    color: #059FE8;
}
.utm-btn.utm-default-btn[data-v-e7812fbc]:hover,
.tile-management[data-v-e7812fbc]:hover {
    background-color: #effaff;
}
.tile-management[data-v-e7812fbc]:active,
.tile-management[data-v-e7812fbc]:focus,
.utm-btn.utm-default-btn[data-v-e7812fbc]:active {
    background-color: #d2f0ff !important;
}
.overview-left[data-v-e7812fbc] {
    height: 100%;
    width: calc(100% - 400px)
}
.map[data-v-e7812fbc] {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-top: 16px;
    height: calc(100% - 170px);
    background-color: #ffffff;
    border-radius: 7px;
}
.map .header[data-v-e7812fbc] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 16px;
    padding-right: 16px;
}
.overview[data-v-e7812fbc] {
    width: 100%;
    height: 100%;
    background-color: #ebeff2;
}
.top-static[data-v-e7812fbc] {
    width: calc(100% - 16px)
}
.one-static[data-v-e7812fbc] {
    -webkit-box-flex: 5;
        -ms-flex: 5;
            flex: 5;
    height: 130px;
    background: #ffffff;
    border: 1px solid #d6f7ff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 16px;
    padding: 24px;
}
.one-static>.static-left>.static-number[data-v-e7812fbc],
.three-static>.static-left>.static-number[data-v-e7812fbc] {
    max-width: 126px;
    overflow: hidden;
    height: 48px;
    font-size: 40px;
    font-family: Lato, Lato-, sans-serif;
    font-weight: 900;
    text-align: left;
    color: #333333;
    line-height: 48px;
}
.one-static>.static-left>.static-des[data-v-e7812fbc],
.three-static>.static-left>.static-des[data-v-e7812fbc] {
    height: 14px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #858585;
    line-height: 14px;
    margin-top: 16px;
}
.one-static>.static-right[data-v-e7812fbc],
.three-static>.static-right[data-v-e7812fbc] {
    width: 72px;
    height: 72px;
    background: #d4f4e9;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.one-static>.static-right>img[data-v-e7812fbc],
.three-static>.static-right>img[data-v-e7812fbc] {
    width: 48px;
    height: 48px;
}
.absoulte-right-16[data-v-e7812fbc] {
    position: absolute;
    right: 16px;
}
.three-static[data-v-e7812fbc] {
    -webkit-box-flex: 14;
        -ms-flex: 14;
            flex: 14;
    height: 130px;
    background: #ffffff;
    border: 1px solid #CEDDFF;
    border-radius: 8px;
    margin-left: 16px;
    padding: 24px;
    position: relative;
}
.three-static:hover .ignore-icon-content[data-v-e7812fbc] {
    display: block;
}
.ignore-icon-content[data-v-e7812fbc] {
    height: 18px;
    position: absolute;
    top: 0px;
    right: 16px;
    display: none;
}
.ignore-icon[data-v-e7812fbc] {
    width: 18px;
    height: 18px;
    border: 2px solid #059fe8;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
.ignore-icon>div[data-v-e7812fbc] {
    width: 8px;
    height: 2px;
    background-color: #059fe8;
}
.three-static .static-left[data-v-e7812fbc] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.three-static>.static-line[data-v-e7812fbc] {
    width: 1px;
    height: 24px;
    background: #ceddff;
}
.three-static[data-v-e7812fbc]:hover {
    border: 1px solid rgba(206, 221, 255, 1);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(206, 221, 255, 0.50);
            box-shadow: 0px 0px 6px 0px rgba(206, 221, 255, 0.50);
}
.bg-green[data-v-e7812fbc]:hover {
    border: 1px solid rgba(212, 244, 233, 1);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(212, 244, 233, 0.5);
            box-shadow: 0px 0px 6px 0px rgba(212, 244, 233, 0.5);
}
.bg-blue[data-v-e7812fbc]:hover {
    border: 1px solid rgba(214, 247, 255, 1);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(214, 247, 255, 0.5);
            box-shadow: 0px 0px 6px 0px rgba(214, 247, 255, 0.5);
}

/* system events相关的class */
.overview-right[data-v-e7812fbc] {
    width: 400px;
    height: calc(100% - 16px);
    background: #ffffff;
    border-radius: 8px;
    margin-right: 16px;
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-y: hidden
}
.overview-right .right-top>div[data-v-e7812fbc]:first-of-type {
    height: 24px;
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 24px;
}
.overview-right .right-top>div[data-v-e7812fbc]:nth-of-type(2) {
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #333333;
}
.overview-right .right-top .blue-line[data-v-e7812fbc] {
    width: 4px;
    height: 24px;
    background: #059fe8;
    margin-right: 8px;
}
.right-center[data-v-e7812fbc] {
    overflow: hidden;
    width: 364px;
    position: relative;
    height: calc(100% - 24px);
}
.event-card[data-v-e7812fbc] {
    width: 364px;
    height: 105px;
    background: #ffffff;
    border-radius: 8px;
    margin-top: 16px;
    border: 1px solid #ff8a00;
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
}
.event-card .left-rect[data-v-e7812fbc] {
    width: 48px;
    height: 48px;
    background: #ff8a00;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(38, 38, 38, 0.12);
            box-shadow: 0px 0px 12px 0px rgba(38, 38, 38, 0.12);
    text-align: center;
    color: #ffffff;
    line-height: 48px;
}
.event-card .right-des[data-v-e7812fbc] {
    width: 270px;
    overflow: hidden;
    margin-left: 16px;
}
.event-card .right-des>div[data-v-e7812fbc] {
    width: 100%;
    overflow: hidden;
}
.event-card .right-des>div[data-v-e7812fbc]:first-of-type {
    width: 100%;
    height: 18px;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    line-height: 18px;
}
.event-card .right-des>div[data-v-e7812fbc]:nth-of-type(2) {
    height: 16px;
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 16px;
    margin-top: 12px;
}
.event-card .right-des .right-des-time[data-v-e7812fbc] {
    margin-top: 12px;
    text-align: right;
    width: 100%;
    height: 16px;
    font-size: 12px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #b4b4b4;
    line-height: 16px;
}
.message-list-enter-active[data-v-e7812fbc] {
    position: relative;
    -webkit-transform: translateY(-123px);
            transform: translateY(-123px);
}
.message-list-enter-to[data-v-e7812fbc] {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

/* system events相关的class */

#tile-management[data-v-a31bfd06] .ivu-transfer-operation > button{
    line-height: 1;
}
#tile-management[data-v-a31bfd06] .ivu-transfer-list-content {
    width: inherit;
    height: calc(100% - 32px);
    border: none;
    background: inherit;
    margin-top: 32px;
}
#tile-management[data-v-a31bfd06] .ivu-transfer-list {
    width: 378px;
    height: 308px;
}
#tile-management[data-v-a31bfd06] .ivu-transfer-list-header {
    background: #effaff;
}
#tile-management[data-v-a31bfd06] .ivu-input-small {
    height: 40px;
    margin-top: 10px;
}
#tile-management[data-v-a31bfd06] .ivu-input-wrapper-small .ivu-input-icon {
    width: 24px;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-right: 10px;
}
#tile-management .utm-tabs[data-v-a31bfd06] {
    background-color: transparent;
}
#tile-management .utm-tabs .utm-tab-item.active[data-v-a31bfd06] {
    border: 1px solid;
    border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
    border-radius: 8px 8px 0 0;
    margin-bottom: -1px;
    margin-left: 0;
}
#tile-management .utm-tab-content[data-v-a31bfd06] {
    padding: 8px 16px;
    border: 1px solid #DFDFDF;
    border-radius: 0 8px 8px 8px;
    -webkit-box-shadow: 3px 0 6px 0 rgba(223, 223, 223, 0.8);
            box-shadow: 3px 0 6px 0 rgba(223, 223, 223, 0.8);
}
.detail-title[data-v-a31bfd06] {
    margin-top: 12px;
    width: 100%;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    height: 18px;
    line-height: 18px;
}
.detail-title>div[data-v-a31bfd06]:first-of-type {
    font-weight: 700;
    width: 72px;
    text-align: right;
    margin-right: 26px;
}
.list-item[data-v-a31bfd06] {
    height: 40px;
    width: 100%;
}
.list-icon[data-v-a31bfd06] {
    width: 24px;
    height: 24px;
    background: rgba(5, 159, 232, 0.10);
    border-radius: 12px;
    text-align: center;
    line-height: 24px;
    margin-right: 8px;
}
.list-icon>i[data-v-a31bfd06] {
    color: #059FE8;
    font-size: 12px;
}
.list-name[data-v-a31bfd06] {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #333333;
}
.devices-tag[data-v-a31bfd06] {
    height: 40px;
    margin-bottom: 16px;
}
.devices-tag>div[data-v-a31bfd06] {
    padding: 10px 12px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.devices-tag>div.active[data-v-a31bfd06] {
    background: #effaff;
    border-radius: 20px;
    color: #059fe8;
}
.utm-table-box[data-v-a31bfd06]{
    margin-left:-16px;
}
.utm-table-box>.tile[data-v-a31bfd06] {
    margin-left: 16px;
    margin-top: 16px;
}
.module-tab[data-v-a31bfd06] {
    padding: 4px 16px 0;
    border-bottom: 1px solid #ddd;
    background-color: #FFF;
}
.content-box[data-v-a31bfd06] {
    min-height: 308px;
}
.content-box.min-height-500[data-v-a31bfd06] {
    height: 400px;
    overflow: auto;
}
.module-tab .tab-item[data-v-a31bfd06] {
    display: inline-block;
    margin-right: 50px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
    color: #333;
    cursor: pointer;
}
.module-tab .tab-item span[data-v-a31bfd06] {
    display: inline-block;
    vertical-align: middle;
}
.module-tab .tab-item.active[data-v-a31bfd06] {
    color: #059FE8;
    border-bottom: 2px solid #059FE8;
}
.module-tab .tab-item i.active[data-v-a31bfd06] {
    color: #059FE8;
}
.module-tab .tab-item i[data-v-a31bfd06] {
    color: #b4b4b4;
}
.tile[data-v-a31bfd06] {
    width: 258px;
    height: 159px;
    background: #ffffff;
    border: 1px solid #059fe8;
    border-radius: 8px;
    position: relative;
}
.tile-id[data-v-a31bfd06] {
    color: #ffffff;
    width: 40px;
    height: 24px;
    background: #059fe8;
    border-radius: 7px 0px 7px 0px;
    text-align: center;
}
.tile-priority[data-v-a31bfd06] {
    margin-top: 3px;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.tile-priority>i[data-v-a31bfd06] {
    font-size: 40px;
    color: #0598e8;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
}
.tile-name[data-v-a31bfd06] {
    width: calc(100% - 32px);
    overflow: hidden;
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: center;
    color: #333333;
    margin-top: 12px;
    margin-left: 16px;
    height: 18;
    line-height: 18px;
}
.tile-detail[data-v-a31bfd06] {
    width: calc(100% - 32px);
    margin-left: 16px;
    height: 30px;
    background: #effaff;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #059fe8;
    margin-top: 16px;
    margin-bottom: 12px;
    border: 1px solid #effaff;
    cursor: pointer;
}
.tile-detail[data-v-a31bfd06]:active {
    background: #d2f0ff;
    border: 1px solid #059fe8;
}
.tile-more[data-v-a31bfd06] {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    background: #effaff;
    border-radius: 4px;
    text-align: center;
    line-height: 24px;
    display: none;
    cursor: pointer;
    z-index: 10;
}
.tile:hover .tile-more[data-v-a31bfd06] {
    display: block;
}
.tile[data-v-a31bfd06]:hover {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.20);
            box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.20);
}
.tile-more>i[data-v-a31bfd06] {
    color: #333;
}
.tile-more:hover .more-operation[data-v-a31bfd06] {
    display: block;
}
.more-operation[data-v-a31bfd06]::before {
    content: '';
    display: block;
    position: absolute;
    background-color: transparent;
    top: -8px;
    width: 20px;
    height: 8px;
}
.more-operation[data-v-a31bfd06] {
    display: none;
    width: 150px;
    height: 98px;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.more-operation>.flex-r-start-center[data-v-a31bfd06] {
    width: 134px;
    height: 40px;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.more-operation>.flex-r-start-center[data-v-a31bfd06]:hover{
    background: #effaff;
}
.more-operation i[data-v-a31bfd06] {
    width: 32px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    color: #059fe8;
    margin-right: 4px;
}
.more-operation>.flex-r-start-center[data-v-a31bfd06]:active {
    background: #d2f0ff;
}
.tile-priority>div[data-v-a31bfd06] {
    position: absolute;
    font-size: 18px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    color: #ffffff;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.dashboard[data-v-a31bfd06] {
    width: 100%;
    height: 100%;
    background-color: #ebeff2;
}
.dashboard-content[data-v-a31bfd06] {
    width: 100%;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(100% - 56px);
    overflow: auto;
    padding-bottom: 16px;
    background-color: #FFF;
}
.no-data-text[data-v-a31bfd06] {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #b4b4b4;
    height: 18px;
    line-height: 18px;
    margin-top: 8px
}

.managementBody[data-v-164aa112] .ivu-select-placeholder{
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: 0 !important;
            box-shadow: 0 !important;
    font-family: Lato, Lato-Regular, sans-serif;
}
.managementBody[data-v-164aa112] .ivu-select-selected-value{
    height: 40px;
    line-height: 40px;
    font-family: Lato, Lato-Regular, sans-serif;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.marginRight[data-v-164aa112]{
    margin-right: 16px;
}
.select[data-v-164aa112]{
    width:200px;
    margin-right: 46px;
    display: none;
}
.ivu-select-single[data-v-164aa112] .ivu-select-selection{
     height: 40px !important;
     width: 263px;
     position: relative;
     left: 2px;
     background: #ffffff;
     border: 1px solid #059fe8;
     border-radius: 0px 4px 4px 0px;
}
.utm-blue-bg.one[data-v-164aa112]{
    position: relative;
    left: 4px;
}
.more-group-text[data-v-164aa112] {
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
}
.managementBody[data-v-164aa112]{
    width: 100%;
    height: 100%;
    background: #ebeff2;
}
.severity_body[data-v-164aa112]{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.severity_body > div[data-v-164aa112]{
    width: 25px;
    height: 25px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
}
.custom_health_Severity > .severity_body1.active[data-v-164aa112]{
    border: 1px solid #e93113;
    width: 31px;
    height: 31px;
}
.custom_health_Severity > .severity_body2.active[data-v-164aa112]{
    border: 1px solid #f5713d;
    width: 31px;
    height: 31px;
}
.custom_health_Severity > .severity_body3.active[data-v-164aa112]{
    border: 1px solid #ffbe65;
    width: 31px;
    height: 31px;
}
.custom_health_Severity > .severity_body4.active[data-v-164aa112]{
    border: 1px solid #059fe8;
    width: 31px;
    height: 31px;
}
.ml-40[data-v-164aa112]{
    margin-left: 40px;
}
.flex-r-center[data-v-164aa112]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.table-severity[data-v-164aa112]{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 26px;
}
.custom-bg-red[data-v-164aa112]{
    background: #e93113;
}
.custom-bg-orange[data-v-164aa112]{
    background: #f5713d;
}
.custom-bg-yellow[data-v-164aa112]{
    background: #FFBE65;
}
.custom-bg-blue[data-v-164aa112]{
    background: rgb(5, 159, 232);
}
#managementBody[data-v-164aa112] .ivu-select-item-selected, .ivu-select-item-selected[data-v-164aa112]:hover{
    background-color: rgba(5, 159, 232,0.2);
    color: var(--main-color);
}
 
#audio-task-setting[data-v-11d37f36] {
    background: #ebeff2;
    height: 100%;
    width: 100%;
}
#audio-task-setting .audio-task-content[data-v-11d37f36] {
    background: #fff;
    height: calc(100% - 51px);
    width: 100%;
    overflow-y: auto;
}

#ics_music[data-v-3a3dac1f]{
    background-color: #fff;
    height: 100%;
}
.utm-control-group .utm-control-label[data-v-3a3dac1f]{
    float: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.utm-control-group .utm-controls[data-v-3a3dac1f]{
    margin-left: 0;
}
.upload-music-swapper .upload-music-item[data-v-3a3dac1f]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 16px;
    border: 1px dashed #059fe8;
    border-radius: 8px;
    background:  rgba(var(--main-color-rgb), .1);
}
.upload-music-item .music-file-info[data-v-3a3dac1f]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.upload-music-item .music-file-info .music-file-name[data-v-3a3dac1f]{
    font-size: 16px;
    color: #333;
}
.upload-music-item .music-file-info .music-file-size[data-v-3a3dac1f]{
    font-size: 14px;
    color: #999;
}
.upload-music-swapper .upload-music-btn[data-v-3a3dac1f]{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 95px;
    background: #fff;
    color: var(--main-color);
    cursor: pointer;
}
.upload-music-swapper .upload-music-btn[data-v-3a3dac1f]:hover{
    background:  rgba(var(--main-color-rgb), .1);
}
.upload-music-swapper[data-v-3a3dac1f] .ivu-upload.ivu-upload-select{
   width: 100%;
}


#play_task[data-v-b1411492]{
    background-color: #fff;
    height: 100%;
}
/*更多信息*/
.item-count-text[data-v-b1411492]{
    display: inline-block;
    padding: 0 8px;
    height: 20px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    background-color: rgba(var(--main-color-rgb),0.3);
    border-radius: 10px;
    color: var(--main-color);
    font-size: 16px;
    text-align: center;
    line-height: 20px;
}
.item-option-swapper[data-v-b1411492] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.item-option-text[data-v-b1411492]{
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: unset;
}
.item-option[data-v-b1411492]{
    display: inline-block;
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
    vertical-align: sub;
}
.utm-control-group .utm-control-label[data-v-b1411492]{
    float: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.utm-control-group .utm-controls[data-v-b1411492]{
    margin-left: 0;
}
.utm-control-group .utm-date-group[data-v-b1411492]{
    width: 430px;
}
.utm-control-group .week-day-controls .utm-checkbox[data-v-b1411492]{
    width: 24%;
}
/*utm-slider*/
.utm-slider .ivu-slider-wrap[data-v-b1411492]{
    background: rgba(var(--main-color-rgb),.2);
    height: 10px;
    border-radius: 5px;
    margin:0;
}
.utm-slider .ivu-slider-wrap .ivu-slider-bar[data-v-b1411492]{
    background: var(--main-color);
    height: 10px;
}
.utm-slider .ivu-slider-stop[data-v-b1411492]{
    width: 10px;
    height: 10px;
}
.utm-slider .ivu-slider-button[data-v-b1411492]{
    width: 24px;
    height: 24px;
    border: 2px solid var(--main-color);
}
.utm-slider .ivu-slider-button-wrap[data-v-b1411492]{
    width: 24px;
    height: 24px;
    top:-7px;
}
.check-substance-box .apply-box-left > ul[data-v-b1411492]{
    max-height: 420px;
}
.check-substance-box .substance-left ul[data-v-b1411492]{
    padding-left: 24px;
}
.check-substance-box ul li[data-v-b1411492]{
    position: relative;
}
.check-substance-box ul li .arrow[data-v-b1411492]{
    position: absolute;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    left: -24px;
    top: 12px;
    cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-b1411492]{
    -webkit-transform-origin: center;
            transform-origin: center;
    color: #333;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-b1411492]{
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

#ics_device_list[data-v-579b1a04]{
    height: 100%;
}


/* ICS 设备的状态 */
.ics-device-status[data-v-579b1a04]{
  display: inline-block;
  margin-left: 24px;
}


/* 设备类型 */
.ics-device-type-swapper[data-v-579b1a04]{
  padding: 0 0 16px;
}
.ics-device-type-item[data-v-579b1a04]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 128px;
  height: 48px;
  margin-left: 16px;
  padding: 11px;
  background: #ffffff;
  border: 1px solid rgba(220,227,232,1);
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}
.ics-device-type-item.active[data-v-579b1a04],
.ics-device-type-item.active[data-v-579b1a04]:hover{
  background: rgba(var(--main-color-rgb), .2);
  border-color: rgba(var(--main-color-rgb), .2);
  color: var(--main-color);
}
.ics-device-type-item[data-v-579b1a04]:hover{
  background: rgba(var(--main-color-rgb), .1);
  border-color: rgba(var(--main-color-rgb), .1);
}
.ics-device-type-item i[data-v-579b1a04]{
  font-size: 24px;
  color: #999;
}
.ics-device-type-item.active i[data-v-579b1a04]{
  color: var(--main-color);
}
.ics-device-list-swapper[data-v-579b1a04]{
  min-height: 260px;
  padding: 0 8px;
  margin: 0 0 0;
  overflow: auto;
}
.ics-device-list-swapper ul[data-v-579b1a04]{
  width: 100%;
}
.ics-device-list-swapper ul li[data-v-579b1a04]{
  padding: 8px;
}
.ics-device-item[data-v-579b1a04]{
  position: relative;
  display: block;
  height: 132px;
  padding: 12px;
  background: rgba(var(--main-color-rgb), .1);
  border-radius: 8px;
}
.ics-device-item[data-v-579b1a04]:hover{
  border: 1px solid var(--main-color);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(5,159,232,0.20);
          box-shadow: 0px 0px 4px 0px rgba(5,159,232,0.20);
}
.ics-device-item .device-status-bag[data-v-579b1a04]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius:12px;
}
.ics-device-item .ics-device-desc[data-v-579b1a04]{
  padding: 12px 0;
  font-size: 16px;
  color: #333;
}
.ics-device-item .ics-device-group[data-v-579b1a04]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.more-text[data-v-579b1a04]{
  color: #999;
}
.box-list-item:hover .amount-icon>i[data-v-579b1a04]{
  color: #fff;
}
.box-list-item:hover p[data-v-579b1a04]{
  color: #fff;
}
.box-list-item:hover .amount-icon[data-v-579b1a04]{
  color: #fff;
}
.box-list-item:hover .more-text[data-v-579b1a04]{
  color: #fff;
}
.amount-icon[data-v-579b1a04]{
  position: absolute;
  right: 10px;
  color: #888888;
  font-size: 14px;
  font-weight: 400;
}
.amount-icon i[data-v-579b1a04] {
  color: #b4b4b4;
  font-size: 14px;
}
.item-name[data-v-579b1a04]{
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #333333 ;
  height: 20px;
}
.item-group[data-v-579b1a04]{
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.device-two-line[data-v-579b1a04]{
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #333333 ;
  /* width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
}
.group-item[data-v-579b1a04]{
  margin-left: 24px;
}
.group-item-span[data-v-579b1a04]{
  cursor: pointer;
  font-size: 14px;
  color: #333;
  padding: 4px 8px;
}
.group-item-div[data-v-579b1a04]{
  margin-top: 8px;
}
.group-item-span.active[data-v-579b1a04]{
  background: rgba(var(--main-color-rgb),.2);
  border-radius: 4px;
}
.group-item-span[data-v-579b1a04]:hover{
  background: rgba(var(--main-color-rgb),.1);
  border-radius: 4px;
}
#ics_device_list .ivu-icon-ios-arrow-down.expand[data-v-579b1a04]{
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

#event-info[data-v-73903cb6]{
  color: #333;
}
.event-step-box[data-v-73903cb6]{
  margin-bottom: 58px;
  height: 40px;
  text-align: center;
}
.event-control-box[data-v-73903cb6]{
  padding: 0 24px;
  min-height: 100px;
  margin: auto;
}
.event-control-box > div[data-v-73903cb6]{
  height: 100%;
}
.event-control-box .event-control-item[data-v-73903cb6]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-control-box .utm-module-title[data-v-73903cb6]{
  margin-top: 16px;
  margin-bottom: 16px;
}
[data-v-73903cb6] .el-icon-circle-close::before {
  content: "\F177";
  display: block !important;
  font-family: Ionicons , sans-serif!important;
  font-style: normal;
  font-size: 16px;
  color: #666;
}
/*footer button box */
.event-footer[data-v-73903cb6]{
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.event-footer .event-operate-btn[data-v-73903cb6]{
  margin-right: 24px;
}
.event-footer .event-operate-btn.disabled[data-v-73903cb6]{
  background-color: #ccc;
}
/*First step*/
.event-main-content[data-v-73903cb6]{
  max-width: 830px;
  width: calc(100% - 86px);
}
.event-main-content form[data-v-73903cb6]{
  width: 100%;
}
.event-main-content .alarm-main-content[data-v-73903cb6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 1240px;
  max-width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.event-main-content .utm-control-group[data-v-73903cb6] {
  margin: 0 auto 16px;
  width: 100%;
}
.event-main-content .utm-control-group.long-control-group[data-v-73903cb6]{
  width: 100%;
}
.utm-control-group .info[data-v-73903cb6]{
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: rgba(0,0,0,0.85);
  line-height: 19px;
}
.event-main-content .utm-control-label[data-v-73903cb6],
.output-module .utm-control-label[data-v-73903cb6] {
  float: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event-main-content .utm-controls[data-v-73903cb6],
.output-module .utm-controls[data-v-73903cb6] {
  margin-left: 0;
}
.event-main-content .priority-selector[data-v-73903cb6] {
  position: relative;
}
.event-main-content .color-selector[data-v-73903cb6] {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 8px;
  width: 77px;
  height: 40px;
}
.event-main-content .color-picker-option[data-v-73903cb6] {
  padding: 5px 16px !important;
  height: 40px;
}
.event-main-content .color-picker[data-v-73903cb6] {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 30px;
  background: #ffcc00;
  border-radius: 8px;
}
.event-main-content .priority-item[data-v-73903cb6]{
  position: relative;
  padding: 12px 16px;
}
.event-main-content .priority-item .operate[data-v-73903cb6]{
  position: absolute;
  right: 10px;
  top: 12px;
}
.event-main-content .priority-item .operate .psim-font[data-v-73903cb6]{
  color: var(--main-color);
  padding-right: 3px;
  font-size: 18px;
}
.event-main-content .preview-color[data-v-73903cb6]{
  display: inline-block;
  margin-left: 5px;
  width: 40px;
  height: 20px;
  border-radius: 4px;
  vertical-align: middle;
  color: #333;
  line-height: 40px;
}
.event-level-tip[data-v-73903cb6]{
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
}
.event-level-content[data-v-73903cb6]{
  min-width: 270px;
}
.mini-modal[data-v-73903cb6]{
  position: absolute;
  right: 0;
  top: 43px;
  left: auto;
  min-width: 455px;
  min-height: 200px;
  border-radius: 4px;
  text-align: left;
  z-index: 2;
  cursor: auto;
}
.mini-modal .utm-modal-header.utm-mini-modal-header[data-v-73903cb6]{
  font-size: 16px;
}
.utm-controls .utm-color-item[data-v-73903cb6],
.utm-controls .utm-color-picker[data-v-73903cb6]{
  margin-top: 2px;
}
.event-main-content .merge-box[data-v-73903cb6]{
  padding: 15px 10px;
  color: #393939;
  background: #eff6f9;
  border-radius: 8px;
}
/* 展示已选基本信息 */
.field-divide-line[data-v-73903cb6]{
  display: none;
  position: absolute;
  top: 16px;
  margin-left: -16px;
  height: calc( 100% - 32px );
  width: 1px;
  background-color: #b4b4b4;
}
.field-divide-line1[data-v-73903cb6]{
  left: 50%;
}
.field-divide-line2[data-v-73903cb6]{
  left: 66%;
}
.basic-module[data-v-73903cb6]{
  position: relative;
  padding: 0 0 16px;
  margin: 16px 0 0;
  display: block;
  background-color: #eff6f9;
  border-radius: 8px;
}
.basic-module .module-item[data-v-73903cb6]{
  padding-right: 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.basic-module1 .module-item[data-v-73903cb6]{
  width: 100%;
}
.basic-module2 .module-item[data-v-73903cb6]{
  width: 49.5%;
}
.basic-module2 .field-divide-line1[data-v-73903cb6]{
  display: block;
}
.basic-module3 .module-item[data-v-73903cb6]{
  width: 33%;
}
.basic-module3 .field-divide-line1[data-v-73903cb6]{
  display: block;
  left: 33.333%;
}
.basic-module3 .field-divide-line2[data-v-73903cb6]{
  display: block;
}
.basic-module .utm-control-group[data-v-73903cb6]{
  margin: 12px auto 0 0;
  width: 100%;
  white-space: nowrap;
}
.basic-module .utm-control-label[data-v-73903cb6]{
  min-height: 1em;
  height: auto;
}
.event-module .module-item[data-v-73903cb6]{
  margin-left: 0;
}
.basic-module .utm-controls[data-v-73903cb6]{
  display: inline-block;
  vertical-align: middle;
  margin-left: 0 !important;
  width: calc(100% - 198px);
  min-height: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.color-preview-bg[data-v-73903cb6]{
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
}
/* 输入 */
.event-module[data-v-73903cb6]{
  height: 100%;
}
.event-module .input-module-content[data-v-73903cb6]{
  position: relative;
  padding: 0 16px 16px;
  margin: auto;
  width: 1400px;
  max-width: 100%;
}
.event-module .utm-control-label[data-v-73903cb6] {
  width: 188px;
}
.event-module .utm-controls[data-v-73903cb6]{
  margin-left: 188px;
}
.event-module .input-module-content.no-padding-horzontal[data-v-73903cb6]{
  padding: 0 0 16px;
}
.event-module .input-item[data-v-73903cb6]{
  position: relative;
}
.event-module .input-item.input-item-border[data-v-73903cb6]{
  position: relative;
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #dddddd;
  border-radius: 9px;
}
.event-module .input-item.input-item-border .input-item-delete-btn[data-v-73903cb6]{
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  background-color: #999;
}
.event-module .input-item .utm-control-label[data-v-73903cb6] {
  float: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event-module .input-item .utm-control-label .utm-font[data-v-73903cb6] {
  margin-left: 8px;
  color: var(--main-color);
  font-size: 14px;
}
.event-module .input-item .utm-controls[data-v-73903cb6] {
  margin-left: 0;
}
.event-module .input-item>.utm-control-group[data-v-73903cb6]:last-child{
  margin-bottom: 0;
}
.event-module .check-substance-box .options-box .options-item[data-v-73903cb6]{
  width: 100%;
  line-height: 32px;
}
.event-module .check-substance-box .label-text[data-v-73903cb6]{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.event-module .check-substance-box .substance-left[data-v-73903cb6]{
  z-index: 0;
}
.event-module .check-substance-box .box-search[data-v-73903cb6]{
  white-space: nowrap;
  word-break: keep-all;
}
.event-module .check-substance-box .box-search-control[data-v-73903cb6]{
  width: 300px;
  max-width:  calc( 100% - 16px );
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
}
.event-module .check-substance-box .box-search-control2[data-v-73903cb6]{
  max-width: calc( 48.5% - 16px );
}
.event-module .check-substance-box .box-search-control3[data-v-73903cb6]{
  max-width: calc( 32% - 16px);
}
.event-module .check-substance-box .selected-item>*[data-v-73903cb6]{
  display: inline-block;
  vertical-align: middle;
}
.event-module .check-substance-box .selected-item>span[data-v-73903cb6]{
  max-width: calc(100% - 25px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-module .check-substance-box .selected-item .psim-font[data-v-73903cb6]{
  font-size: 16px;
}
.event-module .check-substance-box .selected-list .selected-item .utm-close-icon[data-v-73903cb6]{
  top: 4px;
}
.event-module .check-substance-box .selected-item.child-selected-item[data-v-73903cb6]{
  padding-left: 35px;
}
.event-module .check-substance-box .selected-expand-icon[data-v-73903cb6]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 100ms;
  transition: 100ms;
  cursor: pointer;
}
.event-module .check-substance-box .selected-expand-icon.expand[data-v-73903cb6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.event-module .input-group-box[data-v-73903cb6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-module .input-group-box  .input-group-connector[data-v-73903cb6] {
  padding: 0 16px;
}
.event-module .input-container[data-v-73903cb6]{
  padding: 16px 16px;
  border-radius: 8px;
}
.event-module .input-group-box .input-container[data-v-73903cb6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.event-module .input-container.threhold-value[data-v-73903cb6]{
  background: #eff6f9;
  padding: 16px 16px;
  line-height: 40px;
}
.event-module .input-container.threhold-value.flex-threhold-value[data-v-73903cb6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-module .input-item .input-container.threhold-value[data-v-73903cb6]{
  padding-top: 16px;
}
.event-module .input-container.week-items-threhold-value[data-v-73903cb6]{
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}
.event-module .input-container.threhold-value .utm-input-box[data-v-73903cb6]{
  display: inline-block;
  width: auto;
  height: 40px;
}
.event-module .input-container.threhold-value .number-operate-box[data-v-73903cb6]{
  position: absolute;
  right: 5px;
  top: 1px;
  width: 16px;
  height: 38px;
  border-left: 1px solid #dfdfdf;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
}
.event-module .input-container.threhold-value .number-operate-box .btn[data-v-73903cb6]{
  position: absolute;
  left: -3px;
  top: 0;
  width: 19px;
  height: 19px;
  color: #858585;
  line-height: 19px;
  text-align: center;
  font-size: 16px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate( 90deg );
          transform: rotate( 90deg );
}
.event-module .input-container.threhold-value .number-operate-box .btn.prev[data-v-73903cb6]{
  bottom: 0px;
  top: unset;
}
.event-module .input-container.threhold-value .number-operate-box .btn[data-v-73903cb6]:hover{
  background-color: #dfdfdf;
}
.event-module .input-container.threhold-value .number-operate-box .btn-line[data-v-73903cb6]{
  position: absolute;
  top: 19px;
  left: 0;
  width: 14px;
  height: 1px;
  background-color: #dfdfdf;
}
.event-module .input-container .item[data-v-73903cb6]{
  padding-bottom: 0px;
}
.event-module .input-container .item-title-con[data-v-73903cb6]{
  position: relative;
  height: 40px;
  line-height: 40px;
}
.event-module .input-container .item-title-con .expand-icon[data-v-73903cb6]{
  position: absolute;
  top: 7px;
  right: 0px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #555;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.event-module .input-container .item-title-con .expand-icon.close[data-v-73903cb6]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.event-module .input-container .title[data-v-73903cb6]{
  margin-right: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.event-module .input-container .selected-option[data-v-73903cb6]{
  color: #999;
}
.event-module .input-container .vertical-options-item[data-v-73903cb6]{
  display: block;
  margin: 2px 24px 2px 0;
}
.event-module .input-container .vertical-options-item>span[data-v-73903cb6]{
  display: inline-block;
  vertical-align: middle;
}
.event-module .input-container .horizontal-options-item[data-v-73903cb6]{
  display: inline-block;
  min-width: 160px;
}
.event-module .input-container .divide-line[data-v-73903cb6]{
  margin-left: -16px;
  margin-bottom: 8px;
  width: calc( 100% + 32px );
  height: 1px;
  background-color: #ddd;
}
.event-module .date-select-item[data-v-73903cb6]{
  padding: 4px 0;
  height: 32px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.event-module .date-select-item.border-bottom[data-v-73903cb6]{
  border-bottom: 1px solid #ddd;
}
.event-module .date-select-item .date-days[data-v-73903cb6]{
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 5px;
  font-size: 0;
}
.event-module .date-select-item .date-day[data-v-73903cb6]{
  display: inline-block;
  margin-top: -1px;
  width: 48px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.event-module .date-select-item .date-day.active[data-v-73903cb6]{
  background-color: var(--main-color);
  color: #fff;
}
.event-module .date-select-item .date-time[data-v-73903cb6]{
  margin-left: 10px;
  vertical-align: middle;
}
.event-module .date-select-item .date-day.border-right[data-v-73903cb6]{
  border-right: 1px solid #cdeaf9;
}
/*添加按钮*/
.event-module .add-btn[data-v-73903cb6],
.event-module .add-btn span.psim-font-add-icon[data-v-73903cb6]{
  color:var(--main-color);
  cursor: pointer;
  font-size: 16px;
  line-height: 1em;
}
.event-module .add-btn span[data-v-73903cb6]{
  vertical-align: middle;
  font-size: 16px;
  color: #059fe8;
}
/*输出*/
.output-module[data-v-73903cb6] {
  margin: 0 auto;
  width: 1448px;
  max-width: calc(100% - 48px);
  height: calc( 100% - 27px );
}
.notice-method-box[data-v-73903cb6] {
  color: rgba(51, 51, 51, 1);
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 460px;
  max-width: 80%;
  font-size: 16px;
  vertical-align: top;
}
.notice-method-box.notice-method-box2[data-v-73903cb6]{
  width: calc( 50% - 16px );
}
.notice-method-box.notice-method-box3[data-v-73903cb6]{
  width: calc( 33% - 32px );
}
.notice-method-box.notice-method-box4[data-v-73903cb6]{
  width: calc( 25% - 48px );
}
.notice-method-box .notice-content[data-v-73903cb6] {
  padding: 8px 16px;
  width: 100%;
  background: #eff6f9;
  border: 1px solid rgba(232, 232, 232, 1);
  margin-top: -1px;
  height: 200px;
  border-radius:0px 0px 4px 4px;
  font-size: 14px;
  overflow-y: auto;
  white-space: normal;
  word-break: break-word;
  line-height: 30px;
}
.notice-method-box .notice-content.combination-notice-content[data-v-73903cb6]{
  padding: 0;
}
.notice-method-box .notice-content.combination-notice-content .top[data-v-73903cb6]{
  padding: 10px 16px 0;
  height: 127px;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.notice-method-box .notice-content.combination-notice-content .email-top[data-v-73903cb6]{
  padding: 0px 16px;
  display: block;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}
.notice-method-box .notice-content.combination-notice-content .email-top span[data-v-73903cb6]:last-child{
  display: inline-block;
  width: calc( 100% - 90px );
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.notice-method-box .notice-content.combination-notice-content .bottom[data-v-73903cb6]{
  padding: 0 16px;
  width: 100%;
  height: calc( 100% - 127px );
  border-top: 1px solid #dfdfdf;
  overflow-y: auto;
  overflow-x: hidden;
}
.utm-radio-group.alarm-radio-group .ivu-radio-wrapper[data-v-73903cb6]{
  display: block;
  margin: 4px 0;
  font-size: 14px;
  line-height: 14px;
}
.notice-method-box .audio-radio-label[data-v-73903cb6]{
  color: #333;
  white-space: nowrap;
}
.notice-method-box .audio-radio-des[data-v-73903cb6]{
  display: block;
  color: #999999;
  line-height: 28px;
  white-space: nowrap;
  word-break: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notice-method-box .method-box-top[data-v-73903cb6] {
  padding: 8px 16px;
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: 4px 4px 0px 0px;
  position: relative;
}
.method-box-top .edit-tab[data-v-73903cb6] {
  color: var(--main-color);
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 11px;
  font-size: 14px;
}
.quill-editor .ql-container[data-v-73903cb6] {
  min-height: 200px;
}
.char-circle-tag[data-v-73903cb6]{
  display: inline-block;
  padding: 0 16px;
  margin: 0px 16px 16px 0;
  min-width: 80px;
  height: 32px;
  line-height: 30px;
  background: transparent;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  text-align: center;
  border-radius: 16px;
  cursor: pointer;
}
/*接收者*/
.receive-user-box[data-v-73903cb6]{
  margin-top: 16px;
  padding: 12px 16px;
  min-width: 576px;
  max-width: 100%;
  min-height: 40px;
  background: #eff6f9;
  border-radius: 8px;
}
.receive-tag[data-v-73903cb6]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 2px 4px 2px 0;
  padding: 0 8px;
  height: 32px;
  border: 1px solid #e8eaec;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  line-height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.receive-tag i[data-v-73903cb6]{
  margin-right: 8px;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.receive-tag i[data-v-73903cb6]:last-child{
  margin-left: 8px;
  margin-right: 0;
}
.receive-tag .tag-text[data-v-73903cb6]{
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.receive-tag .psim-font[data-v-73903cb6]{
  font-size: 16px;
  color: #858585;
}
.add-receiver-btn[data-v-73903cb6]{
  position: relative;
  display: inline-block;
  z-index: 1;
  vertical-align: middle;
}
.add-receiver-btn .no-receiver-tip[data-v-73903cb6]{
  display: inline-block;
  margin-left: 16px;
  padding: 0 16px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px #ddd;
          box-shadow: 1px 1px 10px #ddd;
  vertical-align: top;
}
.add-receiver-btn .receiver-panel[data-v-73903cb6]{
  border: 1px solid #eee;
  width: 402px;
  height: 259px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  left: 0;
  top: 40px;
  display: none;
}
.add-receiver-btn .receiver-panel .receiver-tab[data-v-73903cb6]{
  padding: 0 16px;
  height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.add-receiver-btn .receiver-panel .receiver-tab-item[data-v-73903cb6]{
  display: inline-block;
  width: 110px;
  border-bottom: 2px solid transparent;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.add-receiver-btn .receiver-panel .receiver-tab-item.active[data-v-73903cb6]{
  border-bottom: 2px solid var(--main-color);
  color: var(--main-color);
}
.utm-prefix-input.sear-receiver[data-v-73903cb6]{
  margin: 16px 16px 4px 16px;
}
.receiver-panel .user-list[data-v-73903cb6]{
  height: calc(100% - 108px);
  overflow-y: auto;
}
.user-list .user-item[data-v-73903cb6]{
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-73903cb6]:hover{
  background: rgba(239, 250, 255, 1);
}
.user-list .user-item.active[data-v-73903cb6],
.user-list .user-item.active[data-v-73903cb6]:hover{
  background: #d2f0ff;
}
.user-list .user-item.active[data-v-73903cb6]:after{
  position: absolute;
  right: 12px;
  content: "\F375";
  font-family: Ionicons, sans-serif;
  color: var(--main-color);
  font-size: 16px
}
/* ESOP */
.esop-module[data-v-73903cb6] {
  position: relative;
  height: 900px;
  max-height: 100vh;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-73903cb6]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-73903cb6], .slide-fade-leave-to[data-v-73903cb6]{
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  opacity: 0;
}
.no-data[data-v-73903cb6] {
  color:#ccc;
  text-align: center;
  line-height: 140px;
}
.setting-content[data-v-73903cb6]{
  width: 100%;
  height: 600px;
  background: #ffffff;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  overflow: hidden;
}
.setting-menu[data-v-73903cb6]{
  width: 300px;
  height: 100%;
  background: #ffffff;
}
.setting-menu .setting-header[data-v-73903cb6]{
    width: 100%;
    height: 56px;
    background: rgba(5,159,232,0.1);
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
    padding-left: 16px;
    line-height: 56px;
}
.setting-menu-children[data-v-73903cb6]{
    padding: 0 16px;
}
.setting-menu-children .menu-one[data-v-73903cb6]{
    width: 268px;
    height: 56px;
    background: #059fe8;
    border-radius: 8px;
    line-height: 56px;
    padding: 0 16px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    margin-top: 16px;
}
.configuration-content[data-v-73903cb6]{
    width: calc(100% - 300px);
    height: 100%;
    border-left: 1px solid #d4dae1;
    padding: 24px;
}
.configuration-content .configuration-title[data-v-73903cb6]{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.configuration-content .configuration-des[data-v-73903cb6]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #999999;
}
.icon-style[data-v-73903cb6]{
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 0;
  z-index: 2;
}
.icon-style-active[data-v-73903cb6]{
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.audio-setting[data-v-73903cb6]{
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: right;
  color: #059fe8;
  cursor: pointer;
}
.substance-left[data-v-73903cb6] .ivu-input{
  border-radius: 8px;
}
.utm-input-custom[data-v-73903cb6] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  background-color: #eff6f9;
  padding: 14px;
  border-radius: 8px;
}

.utm-btn.disabled[data-v-6e969386]{
    pointer-events: none;
}
#esop-container[data-v-6e969386] {
    position: relative;
    padding-top: 144px;
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 8px;
}
#esop-container.full-screen[data-v-6e969386] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 16;
}
#esop-container.esop-template-container[data-v-6e969386] {
    padding-top: 72px;
}
#esop-container .esop-container-header[data-v-6e969386] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 144px;
}
#esop-container  .esop-container-header>div[data-v-6e969386]:first-child {
    border-bottom: 1px solid #dce3e8;
}
#esop-container .esop-building[data-v-6e969386],
#esop-container .esop-toolbar[data-v-6e969386] {
    position: relative;
    padding: 16px;
    height: 72px;
    border-bottom: 1px solid #dce3e8;
}
#esop-container .tool-btn[data-v-6e969386] {
    width: 40px;
    height: 40px;
    border: 1px solid #059fe8;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
}
/* 自定义building / Area 结构样式 */
.area-select[data-v-6e969386] {
    position: relative;
    width: 300px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.area-select[data-v-6e969386] .ivu-select-selection {
    padding-right: 90px;
}
.area-select[data-v-6e969386] .ivu-select-arrow {
    right: 60px;
}
.area-add-cover[data-v-6e969386] {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 48px);
    height: 100%;
    border-radius: 8px 0 0 8px;
}
.area-add-icon[data-v-6e969386] {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.area-add-icon .line[data-v-6e969386] {
    position: absolute;
    top: 8px;
    left: 0;
    height: 24px;
    width: 1px;
    background: #d4dae1;
}
/* 批量删除管理已选Area列表样式 */
.manage-box[data-v-6e969386] {
    background-color: #fff;
    font-size: 16px;
}
.manage-box .manage-box-top[data-v-6e969386] {
    position: relative;
    padding: 0 16px 0 10px;
    height: 40px;
    line-height: 40px;
    text-decoration: underline;
    color: var(--main-color);
    border-bottom: 1px solid #D0D6DD;
}
.manage-box .manage-box-top .manage-btn[data-v-6e969386] {
    cursor: pointer;
}
.manage-box .manage-box-top .manage-btn button[data-v-6e969386] {
    width: 26px;
    height: 26px;
    border-color: #aaa;
}
.manage-box .manage-box-top .delete-icon[data-v-6e969386] {
    position: absolute;
    right: 16px;
    top: 12px;
    cursor: pointer;
}
.manage-box .manage-box-top .delete-icon[data-v-6e969386]:hover {
    color: var(--main-color) !important;
}
.manage-box .manage-box-content[data-v-6e969386] {
    padding: 8px 0;
    min-height: 100px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}
.manage-box .manage-box-content.delete-mode[data-v-6e969386] {
    padding: 16px;
}
.manage-box .manage-box-content.no-data[data-v-6e969386] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 100px;
    max-height: 180px;
}
.manage-box .manage-box-content.no-data[data-v-6e969386]::after {
    content: 'No Data';
    color: #ccc;
}
.manage-box .manage-box-content .build-list-item[data-v-6e969386] {
    padding: 0 16px;
    line-height: 40px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.manage-box .manage-box-content .build-list-item[data-v-6e969386]:hover {
    background-color: var(--main-color);
    color: #fff;
}
.manage-box .manage-box-content[data-v-6e969386] .ivu-checkbox-group-item {
    display: block;
    margin: 0;
    line-height: 32px;
}
/* ESOP模板选择 */
.template-select[data-v-6e969386] {
    margin-left: 16px;
    width: 300px;
}
/* 保存节点信息 */
.flow-save-btn[data-v-6e969386] {
    position: absolute;
    right: 16px;
    top: 16px;
}
/* ESOP 流程 */
#esop-box[data-v-6e969386] {
    height: 100%;
    width: 100%;
    background: #F5F8FA;
}
#esop-box[data-v-6e969386]:hover,
#esop-box[data-v-6e969386]:focus {
    outline: none;
    border: none;
}
.tool-icon[data-v-6e969386]{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.tool-icon > i[data-v-6e969386]{
    color: #536372;
    font-size: 20px;
}
.tool-line[data-v-6e969386]{
    width: 0px;
    height: 24px;
    border-left: 1px solid #d4dae1;
    margin: 0 16px;
}
.change-zoom[data-v-6e969386]{
    width: 147px;
    height: 40px;
    border: 1px solid #d4dae1;
    border-radius: 8px;
    padding: 0 12px;
}
.zoom-icon[data-v-6e969386]{
    font-size: 16px;
    color:#536372
}
.cannot-select-icon[data-v-6e969386]{
    pointer-events: none;
}
.cannot-select-icon.tool-icon > i[data-v-6e969386]{
    color: #ebeff2;
}
.esop-icon[data-v-7419948f] {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1em;
  cursor: pointer;
}
.esop-icon svg[data-v-7419948f] {
  stroke: currentColor;
  width: 1em;
  height: 1em;
}
.esop-icon svg[data-v-7419948f] path {
  fill: currentColor;
}
.esop-icon.esop-icon-normal svg[data-v-7419948f] path {
  stroke-width: 1px;
}
.esop-icon.esop-icon-bold svg[data-v-7419948f] path {
  stroke-width: 30px;
}

#flow-node-editor[data-v-f3e00cb4] {
    position: absolute;
    right: -100%;
    top: 146px;
    height: calc(100% - 146px);
    width: 505px;
    max-width: 100%;
    background: #ffffff;
    border-left: 1px solid #d4dae1;
    border-radius: 0;
    -webkit-transition: right 200ms;
    transition: right 200ms;
    z-index: 3;
}
#flow-node-editor.show[data-v-f3e00cb4] {
    right: 0;
}
#flow-node-editor .node-data-top[data-v-f3e00cb4] {
    position: relative;
    padding: 0 24px;
    height: 51px;
    line-height: 51px;
    border-bottom: 1px solid #d4dae1;
    font-size: 18px;
    font-weight: bold;
}
#flow-node-editor .node-data-top .delete-icon[data-v-f3e00cb4] {
    position: absolute;
    right: 24px;
    top: 17px;
}
#flow-node-editor .node-data-content[data-v-f3e00cb4] {
    height: calc(100% - 51px);
    overflow-y: auto;
    overflow-x: hidden;
}
#flow-node-editor .node-data-content .no-data-box[data-v-f3e00cb4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: calc(100% - 214px);
    min-height: 100px;
    color: #999999;
    font-size: 16px;
}
#flow-node-editor .node-data-content .no-data-box img[data-v-f3e00cb4] {
    width: 97px;
    height: 97px;
    -o-object-fit: contain;
       object-fit: contain;
}
#flow-node-editor .node-data-content .right-data-tab[data-v-f3e00cb4] {
    height: 100%;
}
#flow-node-editor .node-data-content .ivu-tabs-nav-scroll[data-v-f3e00cb4] {
    padding-left: 24px;
}
#flow-node-editor .node-data-content .ivu-tabs-nav[data-v-f3e00cb4] {
    float: none;
}
#flow-node-editor .node-data-content .ivu-tabs-nav .ivu-tabs-tab[data-v-f3e00cb4] {
    padding: 8px 0;
    height: 50px;
    width: 180px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
#flow-node-editor .node-data-content .ivu-tabs-nav .ivu-tabs-tab[data-v-f3e00cb4]:last-child {
    margin-right: 0;
}
#flow-node-editor[data-v-f3e00cb4] .ivu-tabs .ivu-tabs-content-animated {
    height: calc(100% - 66px);
}
#flow-node-editor[data-v-f3e00cb4] .ivu-tabs .ivu-tabs-ink-bar {
   background-color: var(--main-color);
   height: 4px;
}
.right-date-content[data-v-f3e00cb4]{
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#flow-node-editor .flow-module-title[data-v-f3e00cb4] {
    position: relative;
    margin: 8px 16px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
#flow-node-editor .flow-module-title[data-v-f3e00cb4]:before {
    content: '';
    width: 4px;
    height: 22px;
    background: #059fe8;
    display: inline-block;
    position: absolute;
    left: -16px;
    top: 3px;
}
#flow-node-editor .utm-module-item[data-v-f3e00cb4] {
    margin: 0 16px 8px 16px;
}
#flow-node-editor .condition-item[data-v-f3e00cb4] {
    padding: 0 24px;
}
#flow-node-editor .flow-control-group[data-v-f3e00cb4] {
    padding: 0;
    margin-bottom: 8px;
    vertical-align: middle;
}
#flow-node-editor .flow-control-label[data-v-f3e00cb4] {
    position: relative;
    display: block;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}
#flow-node-editor .flow-control-label.flow-must-fill[data-v-f3e00cb4]::before {
    content: '*';
    font-size: 12px;
    color: #ed3f14;
    width: 8px;
}
#flow-node-editor .flow-controls[data-v-f3e00cb4] {
    min-height: 40px;
}
#flow-node-editor .flow-controls .ivu-radio-group-item[data-v-f3e00cb4] {
    width: 45%;
}
#flow-node-editor .node-data-content .radio-des-detail[data-v-f3e00cb4] {
    position: absolute;
    top: 40px;
    left: 22px;
    padding: 0 16px;
    display: block;
    height: 64px;
    width: 100%;
    line-height: 32px;
    border: 1px solid #d4dae1;
    border-radius: 8px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#flow-node-editor .full-radio-group .ivu-radio-group-item[data-v-f3e00cb4] {
    width: 100%;
}
#flow-node-editor .full-radio-group .radio-des-detail[data-v-f3e00cb4] {
    display: none;
    width: calc(100% - 24px);
    font-size: 16px;
    line-height: 28px;
    white-space: normal;
    word-break: break-word;
}
#flow-node-editor .full-radio-group .radio-des-detail .ivu-switch[data-v-f3e00cb4] {
    position: absolute;
    right: 16px;
    bottom: 8px;
}
#flow-node-editor .radio-bottom-margin[data-v-f3e00cb4] {
    position: relative;
    margin-bottom: 64px;
}
#flow-node-editor .radio-bottom-margin .radio-des-detail[data-v-f3e00cb4] {
    display: block;
}
#flow-node-editor .two-side-group[data-v-f3e00cb4]{
   border: 1px solid #d4dae1;
   padding: 0 16px;
   border-radius: 8px;
   margin-bottom: 8px;
}
#flow-node-editor .two-side-group .two-side-header[data-v-f3e00cb4]{
    white-space: nowrap;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#flow-node-editor .two-side-group .two-side-header>*[data-v-f3e00cb4] {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
}
#flow-node-editor .two-side-group .two-side-header>*>*[data-v-f3e00cb4] {
    max-height: 24px;
}
#flow-node-editor .two-side-group-left[data-v-f3e00cb4] {
    width: calc(100% - 142px);
}
#flow-node-editor .two-side-group-right[data-v-f3e00cb4] {
    padding-left: 16px;
    width: 142px;
    border-left: 1px solid #D4DAE1;
}
#flow-node-editor .two-side-group-right .ivu-switch[data-v-f3e00cb4] {
    margin-left: 8px;
}
#flow-node-editor .number-input[data-v-f3e00cb4] {
    width: 104px;
}
#flow-node-editor .child-title[data-v-f3e00cb4] {
    margin-top: 8px;
    line-height: 32px;
}
#flow-node-editor .title-right[data-v-f3e00cb4] {
    position: absolute;
    right: 24px;
    top: 0;
    font-weight: 400;
}
#flow-node-editor .title-right-btn[data-v-f3e00cb4] {
    text-align: right;
}
#flow-node-editor .title-right-btn span[data-v-f3e00cb4] {
    color: var(--main-color);
    text-decoration: underline;
    text-align: right;
}
#flow-node-editor .add-condition-group-btn[data-v-f3e00cb4],
.flow-node-editor .add-condition-group-btn[data-v-f3e00cb4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    border: 1px dashed #d4dae1;
    border-radius: 8px;
    cursor: pointer;
}
#flow-node-editor .add-condition-group-btn > *[data-v-f3e00cb4],
.flow-node-editor .add-condition-group-btn > *[data-v-f3e00cb4] {
    color: var(--main-color);
}
#flow-node-editor .add-condition-group-btn span[data-v-f3e00cb4],
.flow-node-editor .add-condition-group-btn span[data-v-f3e00cb4] {
    padding-left: 8px;
}
#flow-node-editor .condition-item[data-v-f3e00cb4],
.flow-node-editor .condition-item[data-v-f3e00cb4] {
    position: relative;
    padding: 40px 16px 0;
    margin-bottom: 16px;
    margin-left: 16px;
    width: calc(100% - 32px);
    min-height: 227px;
    border: 1px solid #d4dae1;
    border-radius: 8px;
}
#flow-node-editor .condition-item.condition-item-high[data-v-f3e00cb4],
.flow-node-editor .condition-item.condition-item-high[data-v-f3e00cb4] {
    padding: 40px 16px 16px;
    margin: 0 0 16px 0;
    width: 100%;
    min-height: 302px;
    height: unset;
}
#flow-node-editor .condition-item .sv-input-group[data-v-f3e00cb4],
.flow-node-editor .condition-item .sv-input-group[data-v-f3e00cb4] {
    margin-bottom: 16px;
}
#flow-node-editor .condition-item .condition-title[data-v-f3e00cb4],
.flow-node-editor .condition-item .condition-title[data-v-f3e00cb4] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 16px;
    height: 40px;
    width: 100%;
    background-color: #D4DAE1;
    border-radius: 8px 8px 0px 0px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flow-node-editor .condition-item .delete-condition-group-btn[data-v-f3e00cb4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 16px;
    height: 16px;
    background: #536372;
    border-radius: 50%;
    text-align: center;
}
.flow-node-editor .condition-item .delete-condition-group-btn i[data-v-f3e00cb4] {
    color: #fff;
    font-size: 18px;
}
.flow-node-editor .condition-item .condition-text[data-v-f3e00cb4] {
    position: relative;
    line-height: 40px;
    font-weight: 700;
}
.flow-node-editor .condition-item .condition-text i[data-v-f3e00cb4] {
    position: absolute;
    right: 0;
    top: 12px;
    cursor: pointer;
}
.flow-node-editor .condition-item .condition-text i[data-v-f3e00cb4]:hover {
    color: var(--main-color) !important;
}
.flow-node-editor .condition-item .width-164[data-v-f3e00cb4] {
    width: 164px;
}
.flow-node-editor .condition-item .width-full[data-v-f3e00cb4] {
    width: 100%;
}
.flow-node-editor .condition-item .add-condition-btn[data-v-f3e00cb4] {
    color: var(--main-color);
    font-weight: 500;
    cursor: pointer;
}
.flow-node-editor .condition-item .add-condition-btn>*[data-v-f3e00cb4] {
    margin-right: 4px;
    vertical-align: middle;
    color: var(--main-color);
}
.remark-setting[data-v-f3e00cb4]{
    position: relative;
}
.remark-setting[data-v-f3e00cb4]::before{
   content: '';
   position: absolute;
   top: 0;
   width: calc(100% + 32px);
   left: -16px;
   background-color: #D4DAE1;
   height: 1px;
}
#flow-node-editor .remark-setting .utm-input[data-v-f3e00cb4]{
    border-radius: 4px;
}
.remark-setting > .remark-content-title[data-v-f3e00cb4]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    padding-top: 8px;
}
.add-new-btn[data-v-f3e00cb4]{
    display: inline-block;
    margin-top: 4px;
    cursor: pointer;
    margin-bottom: 8px;
}
.add-new-btn i[data-v-f3e00cb4]{
display: inline-block;
vertical-align: middle;
color: var(--main-color);
font-size: 14px;
font-weight: 600;
font-style: normal;
}
.delete-remark-icon[data-v-f3e00cb4]{
    position: absolute;
    color: #F66F6A;
    font-size: 20px;
    right: -10px;
    top: -10px;
}

/* tab样式修改 */
#flow-node-editor[data-v-f3e00cb4] .ivu-tabs-tab{
    height: 52px;
    line-height: 36px;
    font-size: 18px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #333333;
    width: 50%;
}
#flow-node-editor[data-v-f3e00cb4] .ivu-tabs-tab-active.ivu-tabs-tab-focused{
    font-weight: 700;
    color: var(--main-color);
}
#flow-node-editor[data-v-f3e00cb4] .ivu-tabs-nav{
    width: calc(100% - 48px);
    margin-left: 24px;
}
.input-time-utils[data-v-f3e00cb4]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
    margin:0 8px;
}
.node-time-limit .input-time-utils[data-v-f3e00cb4]:last-of-type{
  margin-right: 0px;
}
.node-time-limit[data-v-f3e00cb4] .ivu-input-number{
    height: 40px;
    line-height: 40px;
}
.line-dashed[data-v-f3e00cb4]{
    border: 1px dashed #d4dae1;
    width: 100%;
}
.video-auto-popup > div[data-v-f3e00cb4]{
    font-size: 14px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
}
.video-auto-popup[data-v-f3e00cb4]{
    padding:8px;
    background-color: #f0f5f7;
    border-radius: 8px;
}
.branch-node-operations[data-v-f3e00cb4]{
    height: 40px;         
    width: 100%;
    margin-bottom: 8px;
    position: relative;
}
.branch-node-operations input[data-v-f3e00cb4]{
    padding-right: 44px;
}
.branch-node-operations > i[data-v-f3e00cb4]{
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: #536372;
    line-height: 24px;
    margin-right: 4px;
}
.conditions-add-options[data-v-f3e00cb4]{
    width: calc(100% - 28px);
    height: 40px;
    background: #ffffff;
    border: 1px dashed #d4dae1;
    border-radius: 8px;
    margin-left:28px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
.conditions-add-options > i[data-v-f3e00cb4]{
    font-size: 16px;
    color: var(--main-color);
    margin-right: 4px;
}
.branch-node-operations > i.delete-options-position[data-v-f3e00cb4]{
   position: absolute;
   right: 16px;
   top: 50%;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   font-size: 16px;
   color: #536372;
   margin-right: 0px;
}
.branch-more-setting > i[data-v-f3e00cb4]{
    color: var(--main-color);
    font-size: 24px;
}
.branch-more-setting[data-v-f3e00cb4] {
    color: var(--main-color);
    cursor: pointer;
}
.open-more-setting[data-v-f3e00cb4]{
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.ghost[data-v-f3e00cb4]{
    opacity: 0.5;
}
.data-btn {
    position: relative;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    background-color: var(--main-color);
    color: #fff;
    font-size: 20px;
}






























































































































































































































































































































































































































































/*接收者*/
.receive-user-box {
    margin-top: 16px;
    padding: 12px 16px;
    min-width: 576px;
    max-width: 100%;
    min-height: 40px;
    background: #eff6f9;
    border-radius: 8px;
}
.receive-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 2px 4px 2px 0;
    padding: 0 8px;
    height: 32px;
    background: #ecf6fb;
    border: 1px solid #dce3e8;
    border-radius: 8px;
    font-size: 14px;
    line-height: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.receive-tag i {
    margin-right: 8px;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    cursor: pointer;
}
.receive-tag i:last-child {
    margin-left: 8px;
    margin-right: 0;
}
.receive-tag .tag-text {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.receive-tag .psim-font {
    font-size: 16px;
    color: #858585;
}
.add-receiver-btn {
    position: relative;
    display: inline-block;
    z-index: 1;
    vertical-align: middle;
}
.add-receiver-btn .no-receiver-tip {
    display: inline-block;
    margin-left: 16px;
    padding: 0 16px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px #ddd;
            box-shadow: 1px 1px 10px #ddd;
    vertical-align: top;
}
.add-receiver-btn .receiver-panel {
    border: 1px solid #eee;
    width: 402px;
    height: 250px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    position: absolute;
    left: 0;
    top: 40px;
    display: none;
}
.add-receiver-btn .receiver-panel .receiver-tab {
    padding: 0 16px;
    height: 40px;
    border-bottom: 1px solid #dfdfdf;
}
.add-receiver-btn .receiver-panel .receiver-tab-item {
    display: inline-block;
    width: 110px;
    border-bottom: 2px solid transparent;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
.add-receiver-btn .receiver-panel .receiver-tab-item.active {
    border-bottom: 2px solid var(--main-color);
    color: var(--main-color);
}
.utm-prefix-input.sear-receiver {
    margin: 16px 16px 4px 16px;
}
.receiver-panel .user-list {
    height: calc(100% - 108px);
    overflow-y: auto;
}
.user-list .user-item {
    position: relative;
    padding: 0px 24px 0px 16px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-list .user-item:hover {
    background: rgba(239, 250, 255, 1);
}
.user-list .user-item.active,
.user-list .user-item.active:hover {
    background: #d2f0ff;
}
.user-list .user-item.active:after {
    position: absolute;
    right: 12px;
    content: "\F375";
    font-family: Ionicons, sans-serif;
    color: var(--main-color);
    font-size: 16px;
}

.flow-control-group[data-v-f7fad872] {
  padding: 0;
  margin-bottom: 8px;
  vertical-align: middle;
}
.flow-control-label[data-v-f7fad872] {
  position: relative;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
.flow-control-label.flow-must-fill[data-v-f7fad872]::before {
  content: "*";
  font-size: 12px;
  color: #ed3f14;
  width: 8px;
}
.flow-controls[data-v-f7fad872] {
  min-height: 40px;
}

.flow-control-group[data-v-597eff9b] {
  padding: 0;
  margin-bottom: 8px;
  vertical-align: middle;
}
.flow-control-label[data-v-597eff9b] {
  position: relative;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
.flow-control-label.flow-must-fill[data-v-597eff9b]::before {
  content: "*";
  font-size: 12px;
  color: #ed3f14;
  width: 8px;
}
.flow-controls[data-v-597eff9b] {
  min-height: 40px;
}

.flex-box[data-v-1ad760a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-tip[data-v-48a9fd16] {
  margin-bottom: 8px;
}
.utm-control-label[data-v-48a9fd16] {
  float: none;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.utm-controls[data-v-48a9fd16] {
  margin-left: 0;
}
.incident-tip[data-v-48a9fd16] {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 28px;
}
.incident-tip i[data-v-48a9fd16] {
  font-size: 16px;
  color: var(--main-color);
}
.applied-incident-table[data-v-48a9fd16] .ivu-table .ivu-table-body td {
  border-left: 1px solid #dfdfdf;
}
.applied-incident-table[data-v-48a9fd16] .ivu-table .ivu-table-body td:last-child {
  border-right: 1px solid #dfdfdf;
}

.img-box[data-v-14e5a9fb] {
  width: 100%;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(var(--main-color-rgb), 0.05);
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.img-box .img-content[data-v-14e5a9fb] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.img-box .img-content img[data-v-14e5a9fb] {
  max-height: 260px;
  max-width: 450px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img-box .img-content .img-operate-bg[data-v-14e5a9fb]{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 40px;
  background-color: rgba(0,0,0,0.6);
}
.img-box .img-content .img-operate[data-v-14e5a9fb] {
  position: absolute;
  right: 8px;
  top: 4px;
}
.img-operate .operate-action[data-v-14e5a9fb] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  line-height: 32px;
  margin-left: 4px;
  text-align: center;
}
.img-operate .operate-action i[data-v-14e5a9fb] {
  font-size: 24px;
}
.img-box .upload-map-box[data-v-14e5a9fb] {
  text-align: center;
}
.img-box .upload-map-box i[data-v-14e5a9fb] {
  color: #7AC9F1;
  font-size:43px;
}

.tip-box[data-v-0f770f04] {
  margin-left: 8px;
}
[data-v-0f770f04] .incident-edit-tip-icon {
  color: var(--main-color); 
  font-size: 14px;
}
[data-v-0f770f04] .incident-edit-tip-icon:hover {
  background: rgba(var(--main-color-rgb), 0.1);
}

.card-layout[data-v-0ef634e9] {
    position: relative;
    padding: 48px 16px 0;
    margin-left: -16px;
    width: calc(100% + 32px);
    min-height: 300px;
}
.card-layout[data-v-0ef634e9] ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}
.card-layout .no-data-box[data-v-0ef634e9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* 分组 Tab */
.group-tab-box[data-v-0ef634e9] {
    position: absolute;
    top: 0;
    left: 16px;
    max-width: calc(100% - 32px);
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.group-tab-item[data-v-0ef634e9] {
    padding: 0 20px;
    margin-right: 24px;
    min-width: 150px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer;
}
.group-tab-item[data-v-0ef634e9]:hover {
    background: rgba(var(--main-color-rgb), 0.2);
}
.group-tab-item.active[data-v-0ef634e9],
.group-tab-item.active[data-v-0ef634e9]:hover {
    background: var(--main-color);
    color: #fff;
}
#incident-scroll-list[data-v-0ef634e9] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.list-item[data-v-0ef634e9] {
    padding-top: 8px;
}

/* 分组标题 */
.group-title-box[data-v-0ef634e9] {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #dce3e8;
}
.group-title-line[data-v-0ef634e9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 21px;
    background-color: var(--main-color);
}
.group-title-line.group-title-line-sm[data-v-0ef634e9] {
    left: 6px;
    width: 2px;
    opacity: 0.6;
}
.group-title[data-v-0ef634e9] {
    margin-left: 12px;
    padding-left: 8px;
    padding-right: 16px;
    display: inline-block;
    vertical-align: top;
    min-width: 227px;
    height: 21px;
    line-height: 20px;
    background: -webkit-gradient(linear,left top, right top,from(rgba(5,159,232,0.30)), to(rgba(5,159,232,0.00)));
    background: linear-gradient(90deg,rgba(5,159,232,0.30), rgba(5,159,232,0.00));
}

/* 卡片 */
.card-item[data-v-0ef634e9] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 16px;
    margin-bottom: 16px;
    width: 100%;
    height: 256px;
    background: #ffffff;
    border: 1px solid #dce3e8;
    border-radius: 8px;
}
.card-item[data-v-0ef634e9]:hover {
    border-color: var(--main-color);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.2);
            box-shadow: 0px 0px 6px 0px rgba(5, 159, 232, 0.2);
}
.card-id[data-v-0ef634e9] {
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 19px;
}
.radio-item[data-v-0ef634e9] {
    position: absolute;
    right: 57px;
    top: 16px;
    padding: 4px;
    width: 86px;
    height: 24px;
    background: #F66F6A;
    border-radius: 12px;
    font-size: 0;
    line-height: 16px;
    cursor: pointer;
}
.radio-item-circle[data-v-0ef634e9] {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
}
.radio-item-text[data-v-0ef634e9] {
    position: absolute;
    left: 24px;
    top: 4px;
    font-size: 14px;
    color: #fff;
}
.radio-item-text[data-v-0ef634e9]::after {
    content: "Disabled";
}
.radio-item.checked[data-v-0ef634e9] {
    background: #4CBE8A;
}
.radio-item.checked .radio-item-circle[data-v-0ef634e9] {
    left: 66px;
}
.radio-item.checked .radio-item-text[data-v-0ef634e9] {
    left: 12px;
}
.radio-item.checked .radio-item-text[data-v-0ef634e9]::after {
    content: "Enabled";
}
.card-item .utm-option-operation.item-operation[data-v-0ef634e9] {
    top: 16px;
    right: 16px;
}
.card-item .utm-option-operation.item-operation>i[data-v-0ef634e9] {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    color: #333;
}
.card-item .utm-option-operation.item-operation>i[data-v-0ef634e9]:hover {
    background: rgba(5, 159, 232, 0.2);
}
.card-item .utm-option-operation .more-operation[data-v-0ef634e9] {
    left: unset;
    right: 0;
}
.data-name[data-v-0ef634e9] {
    position: relative;
    margin-bottom: 4px;
    padding: 12px 0 9px 48px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
}
.card-item .utm-badge-circle[data-v-0ef634e9] {
    position: absolute;
    top: 10px;
    left: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font-size: 16px;
    line-height: unset;
}
.sub-group-name[data-v-0ef634e9] {
    position: relative;
    margin-bottom: 8px;
    padding-left: 24px;
    line-height: 19px;
    color: #999;
    white-space: nowrap;
}
.sub-group-overflow-text[data-v-0ef634e9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub-group-name.sub-group-name-right-padding[data-v-0ef634e9] {
    padding-right: 48px;
}
.sub-group-name-inner[data-v-0ef634e9] {
    display: inline-block;
    max-width: 100%;
}
.sub-group-icon[data-v-0ef634e9] {
    position: absolute;
    top: 2px;
    left: 0;
    margin-right: 8px;
    color: #999;
    font-size: 16px;
}
.more-location-btn[data-v-0ef634e9] {
    margin-left: 8px;
    color: var(--main-color);
    cursor: pointer;
    vertical-align: top;
}
.location-list[data-v-0ef634e9] {
    padding-top: 8px;
    min-width: 160px;
    max-width: 220px;
    min-height: 60px;
    max-height: 255px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: normal;
}
.location-item[data-v-0ef634e9] {
    margin: 0 0 16px;
    line-height: 17px;
}
.tag-data[data-v-0ef634e9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 24px;
}
.no-tag[data-v-0ef634e9] {
    padding: 0 4px;
    display: inline-block;
    vertical-align: middle;
    min-width: 64px;
    text-align: center;
    height: 24px;
    background: rgba(153, 153, 153, 0.1);
    border-radius: 4px;
    color: #999;
}
.tag-item[data-v-0ef634e9] {
    min-width: unset !important;
}
.tag-item-mini[data-v-0ef634e9] {
    max-width: calc((100% - 60px) / 3);
    min-width: unset !important;
}
.more-tag-box[data-v-0ef634e9] {
    width: 200px;
}
.more-tag-box .tag-item[data-v-0ef634e9] {
    min-width: 140px;
}
.time-data[data-v-0ef634e9] {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 52px;
    border-top: 1px dashed #dce3e8;
    color: #333;
}
.time-data i[data-v-0ef634e9] {
    margin-right: 8px;
    color: #333;
    font-size: 16px;
}
.select-data-item[data-v-60796222] {
  position: relative;
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 4px;
  width: 76px;
  height: 40px;
  background: #ecf6fb;
  border-radius: 8px;
  font-size: 0;
}
.option-item[data-v-60796222] {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
.option-item i[data-v-60796222] {
  line-height: 32px;
  color: var(--main-color);
}
.option-item.checked[data-v-60796222] {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(5, 159, 232, 0.16);
          box-shadow: 0px 0px 4px 0px rgba(5, 159, 232, 0.16);
}


.receiver-item[data-v-0efc0c9b] {
  position: relative;
  padding: 8px 16px;
  margin-bottom: 16px;
  min-height: 182px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}
.receiver-item-delete-btn[data-v-0efc0c9b] {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  background-color: #999;
}
.utm-control-group[data-v-0efc0c9b] {
  margin-bottom: 4px;
}
.utm-control-label[data-v-0efc0c9b] {
  float: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.receiver-config[data-v-0efc0c9b] {
  font-size: 0;
}
.add-receiver-btn-cover[data-v-0efc0c9b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.add-receiver-btn-box[data-v-0efc0c9b] {
  margin-right: 12px;
  position: relative;
  display: inline-block;
  z-index: 2;
  vertical-align: middle;
}
.add-receiver-btn-box button[data-v-0efc0c9b] {
  width: 32px;
  height: 32px;
}
.receive-tag[data-v-0efc0c9b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  margin: 4px 12px 4px 0;
  padding: 0 8px;
  height: 32px;
  border: 1px solid #e8eaec;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  line-height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.receive-tag .tag-text[data-v-0efc0c9b] {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.receive-tag .utm-font[data-v-0efc0c9b] {
  font-size: 16px;
  color: #858585;
}
.add-receiver-panel[data-v-0efc0c9b] {
  width: 402px;
  height: 259px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 0;
  top: 40px;
  display: none;
}
.add-receiver-panel .receiver-tab[data-v-0efc0c9b] {
  padding: 0 16px;
  height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.add-receiver-panel .receiver-tab-item[data-v-0efc0c9b] {
  display: inline-block;
  width: 110px;
  border-bottom: 2px solid transparent;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}
.add-receiver-panel .receiver-tab-item.active[data-v-0efc0c9b] {
  border-bottom: 2px solid var(--main-color);
  color: var(--main-color);
}
.utm-prefix-input.sear-receiver[data-v-0efc0c9b] {
  margin: 16px 16px 4px 16px;
}
.add-receiver-panel .user-list[data-v-0efc0c9b] {
  height: calc(100% - 108px);
  overflow-y: auto;
  font-size: 16px;
}
.user-list .user-item[data-v-0efc0c9b] {
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-0efc0c9b]:hover {
  background: rgba(var(--main-color-rgb), 0.1);
}
.user-list .user-item.active[data-v-0efc0c9b],
.user-list .user-item.active[data-v-0efc0c9b]:hover {
  background: rgba(var(--main-color-rgb), 0.25);
}
.user-list .user-item.active[data-v-0efc0c9b]:after {
  position: absolute;
  right: 12px;
  content: "\F375";
  font-family: Ionicons, sans-serif;
  color: var(--main-color);
  font-size: 16px;
}
.no-data[data-v-0efc0c9b] {
  color: #ccc;
  text-align: center;
  line-height: 140px;
}

/* 添加分组 */
.add-more-btn[data-v-0efc0c9b] {
  cursor: pointer;
}
.add-more-btn span[data-v-0efc0c9b] {
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
}
.add-more-btn .add-text[data-v-0efc0c9b] {
  font-weight: 700;
}

.select-data-item[data-v-5b2741b0] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 158px;
  text-align: left;
}
.select-data-item[data-v-5b2741b0] .ivu-select-selected-value {
  padding-right: 68px;
}
.select-data-item[data-v-5b2741b0] .ivu-select-arrow {
  right: 48px;
}
.select-data-right-line[data-v-5b2741b0] {
  position: absolute;
  right: 40px;
  top: 8px;
  width: 1px;
  height: 24px;
  background: #dce3e8;
}
.select-data-right[data-v-5b2741b0] {
  position: absolute;
  right: 8px;
  top: 8px;
  margin-left: 8px;
  width: 24px;
  height: 24px;
  z-index: 1;
  text-align: left;
  cursor: pointer;
}
.select-data-right svg[data-v-5b2741b0] {
  width: 24px;
  height: 24px;
}

.utm-select.output-port-select .ivu-select-item-selected:after,
 .utm-select.ivu-select-multiple.output-port-select .ivu-select-item-selected:after {
    content: "";
}
/* *******************************列表界面********************************** */
#customised_incident[data-v-004668ab]{
    height: 100%;
}
.view-btn[data-v-004668ab] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    width: 62px;
    height: 27px;
    border: 1px solid var(--main-color);
    background: #fff;
    color: var(--main-color);
}
.view-btn.view-btn-disabled[data-v-004668ab] {
    color: #b4b4b4;
    border: 1px solid #b4b4b4;
    cursor: not-allowed;
    pointer-events: none;
}
.incident-content-box[data-v-004668ab]{
    overflow: auto;
    height: calc( 100% - 160px );
    min-height: 100px;
    padding-right: 16px;
}
#customised_incident .output-tab-box[data-v-004668ab]{
    margin: 0 -8px;
}
.output-tab-box .output-tab[data-v-004668ab]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 36px;
    padding: 0 16px;
    margin: 0 8px;
    font-size: 14px;
    color: #333;
    border-radius: 18px;
    border: 1px solid #707070;
    background: #fff;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    cursor: pointer;
}
.output-tab-box .output-tab.active[data-v-004668ab]{
    color: #fff;
    border: 1px solid var(--main-color);
    background: var(--main-color);
}
.utm-table.output-board-table[data-v-004668ab]{
    margin-top: 16px;
}
#customised_incident .generate-occupancy-report[data-v-004668ab]{
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    margin-top: 16px;
    font-size: 16px;
    color: #999;
    background: rgba(var(--main-color-rgb),5%);
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
/* ************************************添加/编辑界面******************************************** */
#add_customised_incident[data-v-004668ab],#edit_customised_incident[data-v-004668ab]{
    height: 100%;
    background-color: #fff;
}
#add_customised_incident .module-content[data-v-004668ab],
#edit_customised_incident .module-content[data-v-004668ab]{
    font-size: 16px;
}
.incident-page-content[data-v-004668ab]{
    height: calc(100% - 56px);
    overflow-y: auto;
    overflow-x: hidden;
}
.incident-page-content .page-module[data-v-004668ab]{
    padding: 16px 16px 0;
}
.incident-page-content .incident-basic-box[data-v-004668ab]{
    width: 900px;
}
.incident-page-content .page-module-page2[data-v-004668ab]{
    border-top: 8px solid rgba(var(--main-color-rgb),5%);
}
.page-content .operate-btn-box .utm-btn[data-v-004668ab]{
    margin: 0 8px;
}
/* 第一步 */
.incident-basic-info[data-v-004668ab]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
}
.incident-basic-info .incident-content[data-v-004668ab]{
    width: 100%;
    max-width: 843px;
}
.incident-basic-info .first-title[data-v-004668ab]{
    margin-bottom: 16px;
}
/* 第二步 */
.incident-config-info .utm-control-label[data-v-004668ab]{
    width: 240px;
}
.incident-config-info .utm-controls[data-v-004668ab]{
   margin-left: 240px;
}
.incident-config-info .utm-control-group-config .utm-control-label[data-v-004668ab]{
    width: 220px;
}
.incident-config-info .utm-control-group-config .utm-controls[data-v-004668ab]{
    margin-left: 220px;
}
.incident-config-info .module-content[data-v-004668ab]{
    margin: 16px 0;
}
.incident-config-info .basic-module-content[data-v-004668ab]{
    padding: 10px 16px;
    margin: 16px 0;
    background: rgba(var(--main-color-rgb),5%);
    border-radius: 8px;
}
.basic-module-content .utm-control-group[data-v-004668ab]{
    margin-bottom: 0;
    padding: 6px 0;
}
.basic-module-content .utm-control-label[data-v-004668ab]{
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    height: 20px;
}
.basic-module-content .utm-controls[data-v-004668ab]{
    min-height: 20px;
}
.desc-span[data-v-004668ab]{
    color: #b4b4b4;
}
.operate-btn-box[data-v-004668ab]{
    text-align: center;
    margin-top: 16px;
}
/* *********************************************Output 的配置 Start******************************  */
.io-board-swapper[data-v-004668ab]{
    position: relative;
    padding: 16px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
.io-board-swapper .output-port-swapper[data-v-004668ab]{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    min-height: 56px;
    background: rgba(var(--main-color-rgb),5%);
    border-radius: 4px;
}
.io-board-swapper .output-port-swapper .output-port-swapper-item[data-v-004668ab]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    padding: 8px 80px 8px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.io-board-swapper .output-port-title[data-v-004668ab]{
    margin: 0 16px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    font-size: 16px;
    font-weight: bold;
}
.io-board-swapper .alarm-duration-unit[data-v-004668ab]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin-left: 8px;
    font-size: 16px;
    color: #262626;
}
.utm-select.utm-select-option .utm-checkbox-wrapper[data-v-004668ab]{
    min-height: unset; 
    padding: 0;
    margin-right: 0;
}
.utm-select.utm-select-option .utm-checkbox-wrapper .utm-checkbox-inner[data-v-004668ab]{
    top: 0;
}
.io-board-swapper .output-port-box[data-v-004668ab]{
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-transition: height .25s linear;
    transition: height .25s linear;
}
.io-board-swapper .output-port-box.output-port-box-shrink[data-v-004668ab]{
    height: 0;
    overflow: hidden;
}
.io-board-swapper .output-port-operate[data-v-004668ab]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8px;
}
.expand-icon[data-v-004668ab]{
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    color: var(--main-color);
    font-size: 20px;
}
.expand-icon.expand-icon-shrink[data-v-004668ab]{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.add-port-btn[data-v-004668ab]{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    cursor: pointer;
}
.add-board-btn[data-v-004668ab]{
    display: inline-block;
    margin-bottom: 16px;
    margin-left: 220px;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    cursor: pointer;
}
.close-port-btn[data-v-004668ab]{
    position: absolute;
    top:-5px;
    right: -5px;
}
.close-board-btn[data-v-004668ab]{
    position: absolute;
    top:-5px;
    right:-5px;
}
/* *************************************Door Access Control 的配置 Start************************* */
.door-access-control-swapper[data-v-004668ab]{
    margin-bottom: 16px;
}
.door-access-control-swapper .check-substance-box[data-v-004668ab]{
    height: 360px;
    margin-top: -1px;
    border-radius: 0px 0px 4px 4px;
}
.door-access-control-swapper .door-access-control-desc[data-v-004668ab]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border: 1px solid #dfdfdf;
    border-radius: 4px 4px 0px 0px;
    background: rgba(var(--main-color-rgb),5%);
}
.check-substance-box ul[data-v-004668ab] {
    padding-left: 24px;
}
.check-substance-box ul li[data-v-004668ab] {
    position: relative;
}
.check-substance-box ul li .arrow[data-v-004668ab] {
    position: absolute;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    left: -24px;
    top: 14px;
    cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-004668ab] {
    -webkit-transform-origin: center;
            transform-origin: center;
    color: #333;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-004668ab] {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.door-access-control-swapper .check-substance-box .substance-left[data-v-004668ab] {
    padding: 16px 0 0 16px;
    width: 50%;
}
.door-access-control-swapper .check-substance-box .substance-right[data-v-004668ab] {
    width: 50%;
}
.door-access-control-swapper .check-substance-box .substance-right .selected-list>ul[data-v-004668ab] {
    margin-left: 16px;
}
.door-access-control-swapper .substance-right .selected-list .selected-item[data-v-004668ab] {
    padding: 4px 27px 4px 0;
    overflow: unset;
}
.door-access-control-swapper .selected-item-text[data-v-004668ab] {
    display: inline-block;
    padding: 4px 0;
}
.door-access-control-swapper .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-004668ab] {
    right: -16px;
    top: 6px;
}
.door-access-control-swapper .selected-item .utm-font[data-v-004668ab] {
    font-size: 16px;
    color: #b4b4b4;
    margin-right: 4px;
    z-index: 99;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-004668ab] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.slide-fade-enter[data-v-004668ab],
.slide-fade-leave-to[data-v-004668ab] {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
}

.access-zone-door-table .ivu-table-border th {
    border-right: 0;
}
/* *******************************列表界面********************************** */
#customised_incident[data-v-72886dc2]{
    height: 100%;
}
.view-btn[data-v-72886dc2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    width: 62px;
    height: 27px;
    border: 1px solid var(--main-color);
    background: #fff;
    color: var(--main-color);
}
.view-btn.view-btn-disabled[data-v-72886dc2] {
    color: #b4b4b4;
    border: 1px solid #b4b4b4;
    cursor: not-allowed;
    pointer-events: none;
}
.incident-content-box[data-v-72886dc2]{
    overflow: auto;
    height: calc( 100% - 160px );
    min-height: 100px;
    padding-right: 16px;
}
#customised_incident .output-tab-box[data-v-72886dc2]{
    margin: 0 -8px;
}
.output-tab-box .output-tab[data-v-72886dc2]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 36px;
    padding: 0 16px;
    margin: 0 8px;
    font-size: 14px;
    color: #333;
    border-radius: 18px;
    border: 1px solid #707070;
    background: #fff;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    cursor: pointer;
}
.output-tab-box .output-tab.active[data-v-72886dc2]{
    color: #fff;
    border: 1px solid var(--main-color);
    background: var(--main-color);
}
.utm-table.output-board-table[data-v-72886dc2]{
    margin-top: 16px;
}
#customised_incident .generate-occupancy-report[data-v-72886dc2]{
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    margin-top: 16px;
    font-size: 16px;
    color: #999;
    background: rgba(var(--main-color-rgb),5%);
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
/* ************************************添加/编辑界面******************************************** */
#add_customised_incident[data-v-72886dc2],#edit_customised_incident[data-v-72886dc2]{
    height: 100%;
    background-color: #fff;
}
#add_customised_incident .module-content[data-v-72886dc2],
#edit_customised_incident .module-content[data-v-72886dc2]{
    font-size: 16px;
}
.incident-page-content[data-v-72886dc2]{
    height: calc(100% - 56px);
    overflow-y: auto;
    overflow-x: hidden;
}
.incident-page-content .page-module[data-v-72886dc2]{
    padding: 16px 16px 0;
}
.incident-page-content .incident-basic-box[data-v-72886dc2]{
    width: 900px;
}
.incident-page-content .page-module-page2[data-v-72886dc2]{
    border-top: 8px solid rgba(var(--main-color-rgb),5%);
}
.page-content .operate-btn-box .utm-btn[data-v-72886dc2]{
    margin: 0 8px;
}
/* 第一步 */
.incident-basic-info[data-v-72886dc2]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
}
.incident-basic-info .incident-content[data-v-72886dc2]{
    width: 100%;
    max-width: 843px;
}
.incident-basic-info .first-title[data-v-72886dc2]{
    margin-bottom: 16px;
}
/* 第二步 */
.incident-config-info .utm-control-label[data-v-72886dc2]{
    width: 240px;
}
.incident-config-info .utm-controls[data-v-72886dc2]{
   margin-left: 240px;
}
.incident-config-info .utm-control-group-config .utm-control-label[data-v-72886dc2]{
    width: 220px;
}
.incident-config-info .utm-control-group-config .utm-controls[data-v-72886dc2]{
    margin-left: 220px;
}
.incident-config-info .module-content[data-v-72886dc2]{
    margin: 16px 0;
}
.incident-config-info .basic-module-content[data-v-72886dc2]{
    padding: 10px 16px;
    margin: 16px 0;
    background: rgba(var(--main-color-rgb),5%);
    border-radius: 8px;
}
.basic-module-content .utm-control-group[data-v-72886dc2]{
    margin-bottom: 0;
    padding: 6px 0;
}
.basic-module-content .utm-control-label[data-v-72886dc2]{
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    height: 20px;
}
.basic-module-content .utm-controls[data-v-72886dc2]{
    min-height: 20px;
}
.desc-span[data-v-72886dc2]{
    color: #b4b4b4;
}
.operate-btn-box[data-v-72886dc2]{
    text-align: center;
    margin-top: 16px;
}
/* *********************************************Output 的配置 Start******************************  */
.io-board-swapper[data-v-72886dc2]{
    position: relative;
    padding: 16px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
.io-board-swapper .output-port-swapper[data-v-72886dc2]{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    min-height: 56px;
    background: rgba(var(--main-color-rgb),5%);
    border-radius: 4px;
}
.io-board-swapper .output-port-swapper .output-port-swapper-item[data-v-72886dc2]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    padding: 8px 80px 8px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.io-board-swapper .output-port-title[data-v-72886dc2]{
    margin: 0 16px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    font-size: 16px;
    font-weight: bold;
}
.io-board-swapper .alarm-duration-unit[data-v-72886dc2]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin-left: 8px;
    font-size: 16px;
    color: #262626;
}
.utm-select.utm-select-option .utm-checkbox-wrapper[data-v-72886dc2]{
    min-height: unset; 
    padding: 0;
    margin-right: 0;
}
.utm-select.utm-select-option .utm-checkbox-wrapper .utm-checkbox-inner[data-v-72886dc2]{
    top: 0;
}
.io-board-swapper .output-port-box[data-v-72886dc2]{
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-transition: height .25s linear;
    transition: height .25s linear;
}
.io-board-swapper .output-port-box.output-port-box-shrink[data-v-72886dc2]{
    height: 0;
    overflow: hidden;
}
.io-board-swapper .output-port-operate[data-v-72886dc2]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8px;
}
.expand-icon[data-v-72886dc2]{
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    color: var(--main-color);
    font-size: 20px;
}
.expand-icon.expand-icon-shrink[data-v-72886dc2]{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.add-port-btn[data-v-72886dc2]{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    cursor: pointer;
}
.add-board-btn[data-v-72886dc2]{
    display: inline-block;
    margin-bottom: 16px;
    margin-left: 220px;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    cursor: pointer;
}
.close-port-btn[data-v-72886dc2]{
    position: absolute;
    top:-5px;
    right: -5px;
}
.close-board-btn[data-v-72886dc2]{
    position: absolute;
    top:-5px;
    right:-5px;
}
/* *************************************Door Access Control 的配置 Start************************* */
.door-access-control-swapper[data-v-72886dc2]{
    margin-bottom: 16px;
}
.door-access-control-swapper .check-substance-box[data-v-72886dc2]{
    height: 360px;
    margin-top: -1px;
    border-radius: 0px 0px 4px 4px;
}
.door-access-control-swapper .door-access-control-desc[data-v-72886dc2]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border: 1px solid #dfdfdf;
    border-radius: 4px 4px 0px 0px;
    background: rgba(var(--main-color-rgb),5%);
}
.check-substance-box ul[data-v-72886dc2] {
    padding-left: 24px;
}
.check-substance-box ul li[data-v-72886dc2] {
    position: relative;
}
.check-substance-box ul li .arrow[data-v-72886dc2] {
    position: absolute;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    left: -24px;
    top: 14px;
    cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-72886dc2] {
    -webkit-transform-origin: center;
            transform-origin: center;
    color: #333;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-72886dc2] {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.door-access-control-swapper .check-substance-box .substance-left[data-v-72886dc2] {
    padding: 16px 0 0 16px;
    width: 50%;
}
.door-access-control-swapper .check-substance-box .substance-right[data-v-72886dc2] {
    width: 50%;
}
.door-access-control-swapper .check-substance-box .substance-right .selected-list>ul[data-v-72886dc2] {
    margin-left: 16px;
}
.door-access-control-swapper .substance-right .selected-list .selected-item[data-v-72886dc2] {
    padding: 4px 27px 4px 0;
    overflow: unset;
}
.door-access-control-swapper .selected-item-text[data-v-72886dc2] {
    display: inline-block;
    padding: 4px 0;
}
.door-access-control-swapper .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-72886dc2] {
    right: -16px;
    top: 6px;
}
.door-access-control-swapper .selected-item .utm-font[data-v-72886dc2] {
    font-size: 16px;
    color: #b4b4b4;
    margin-right: 4px;
    z-index: 99;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-72886dc2] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.slide-fade-enter[data-v-72886dc2],
.slide-fade-leave-to[data-v-72886dc2] {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
}
/* *******************************列表界面********************************** */
#customised_incident[data-v-769ab114]{
    height: 100%;
}
.view-btn[data-v-769ab114] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    width: 62px;
    height: 27px;
    border: 1px solid var(--main-color);
    background: #fff;
    color: var(--main-color);
}
.view-btn.view-btn-disabled[data-v-769ab114] {
    color: #b4b4b4;
    border: 1px solid #b4b4b4;
    cursor: not-allowed;
    pointer-events: none;
}
.incident-content-box[data-v-769ab114]{
    overflow: auto;
    height: calc( 100% - 160px );
    min-height: 100px;
    padding-right: 16px;
}
#customised_incident .output-tab-box[data-v-769ab114]{
    margin: 0 -8px;
}
.output-tab-box .output-tab[data-v-769ab114]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 36px;
    padding: 0 16px;
    margin: 0 8px;
    font-size: 14px;
    color: #333;
    border-radius: 18px;
    border: 1px solid #707070;
    background: #fff;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    cursor: pointer;
}
.output-tab-box .output-tab.active[data-v-769ab114]{
    color: #fff;
    border: 1px solid var(--main-color);
    background: var(--main-color);
}
.utm-table.output-board-table[data-v-769ab114]{
    margin-top: 16px;
}
#customised_incident .generate-occupancy-report[data-v-769ab114]{
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    margin-top: 16px;
    font-size: 16px;
    color: #999;
    background: rgba(var(--main-color-rgb),5%);
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
/* ************************************添加/编辑界面******************************************** */
#add_customised_incident[data-v-769ab114],#edit_customised_incident[data-v-769ab114]{
    height: 100%;
    background-color: #fff;
}
#add_customised_incident .module-content[data-v-769ab114],
#edit_customised_incident .module-content[data-v-769ab114]{
    font-size: 16px;
}
.incident-page-content[data-v-769ab114]{
    height: calc(100% - 56px);
    overflow-y: auto;
    overflow-x: hidden;
}
.incident-page-content .page-module[data-v-769ab114]{
    padding: 16px 16px 0;
}
.incident-page-content .incident-basic-box[data-v-769ab114]{
    width: 900px;
}
.incident-page-content .page-module-page2[data-v-769ab114]{
    border-top: 8px solid rgba(var(--main-color-rgb),5%);
}
.page-content .operate-btn-box .utm-btn[data-v-769ab114]{
    margin: 0 8px;
}
/* 第一步 */
.incident-basic-info[data-v-769ab114]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
}
.incident-basic-info .incident-content[data-v-769ab114]{
    width: 100%;
    max-width: 843px;
}
.incident-basic-info .first-title[data-v-769ab114]{
    margin-bottom: 16px;
}
/* 第二步 */
.incident-config-info .utm-control-label[data-v-769ab114]{
    width: 240px;
}
.incident-config-info .utm-controls[data-v-769ab114]{
   margin-left: 240px;
}
.incident-config-info .utm-control-group-config .utm-control-label[data-v-769ab114]{
    width: 220px;
}
.incident-config-info .utm-control-group-config .utm-controls[data-v-769ab114]{
    margin-left: 220px;
}
.incident-config-info .module-content[data-v-769ab114]{
    margin: 16px 0;
}
.incident-config-info .basic-module-content[data-v-769ab114]{
    padding: 10px 16px;
    margin: 16px 0;
    background: rgba(var(--main-color-rgb),5%);
    border-radius: 8px;
}
.basic-module-content .utm-control-group[data-v-769ab114]{
    margin-bottom: 0;
    padding: 6px 0;
}
.basic-module-content .utm-control-label[data-v-769ab114]{
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    height: 20px;
}
.basic-module-content .utm-controls[data-v-769ab114]{
    min-height: 20px;
}
.desc-span[data-v-769ab114]{
    color: #b4b4b4;
}
.operate-btn-box[data-v-769ab114]{
    text-align: center;
    margin-top: 16px;
}
/* *********************************************Output 的配置 Start******************************  */
.io-board-swapper[data-v-769ab114]{
    position: relative;
    padding: 16px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
.io-board-swapper .output-port-swapper[data-v-769ab114]{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    min-height: 56px;
    background: rgba(var(--main-color-rgb),5%);
    border-radius: 4px;
}
.io-board-swapper .output-port-swapper .output-port-swapper-item[data-v-769ab114]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    padding: 8px 80px 8px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.io-board-swapper .output-port-title[data-v-769ab114]{
    margin: 0 16px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    font-size: 16px;
    font-weight: bold;
}
.io-board-swapper .alarm-duration-unit[data-v-769ab114]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin-left: 8px;
    font-size: 16px;
    color: #262626;
}
.utm-select.utm-select-option .utm-checkbox-wrapper[data-v-769ab114]{
    min-height: unset; 
    padding: 0;
    margin-right: 0;
}
.utm-select.utm-select-option .utm-checkbox-wrapper .utm-checkbox-inner[data-v-769ab114]{
    top: 0;
}
.io-board-swapper .output-port-box[data-v-769ab114]{
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-transition: height .25s linear;
    transition: height .25s linear;
}
.io-board-swapper .output-port-box.output-port-box-shrink[data-v-769ab114]{
    height: 0;
    overflow: hidden;
}
.io-board-swapper .output-port-operate[data-v-769ab114]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8px;
}
.expand-icon[data-v-769ab114]{
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    color: var(--main-color);
    font-size: 20px;
}
.expand-icon.expand-icon-shrink[data-v-769ab114]{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.add-port-btn[data-v-769ab114]{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    cursor: pointer;
}
.add-board-btn[data-v-769ab114]{
    display: inline-block;
    margin-bottom: 16px;
    margin-left: 220px;
    font-size: 16px;
    font-weight: bold;
    color: var(--main-color);
    cursor: pointer;
}
.close-port-btn[data-v-769ab114]{
    position: absolute;
    top:-5px;
    right: -5px;
}
.close-board-btn[data-v-769ab114]{
    position: absolute;
    top:-5px;
    right:-5px;
}
/* *************************************Door Access Control 的配置 Start************************* */
.door-access-control-swapper[data-v-769ab114]{
    margin-bottom: 16px;
}
.door-access-control-swapper .check-substance-box[data-v-769ab114]{
    height: 360px;
    margin-top: -1px;
    border-radius: 0px 0px 4px 4px;
}
.door-access-control-swapper .door-access-control-desc[data-v-769ab114]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border: 1px solid #dfdfdf;
    border-radius: 4px 4px 0px 0px;
    background: rgba(var(--main-color-rgb),5%);
}
.check-substance-box ul[data-v-769ab114] {
    padding-left: 24px;
}
.check-substance-box ul li[data-v-769ab114] {
    position: relative;
}
.check-substance-box ul li .arrow[data-v-769ab114] {
    position: absolute;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    left: -24px;
    top: 14px;
    cursor: pointer;
}
.check-substance-box ul li .arrow i[data-v-769ab114] {
    -webkit-transform-origin: center;
            transform-origin: center;
    color: #333;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.check-substance-box ul li .arrow.open i[data-v-769ab114] {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.door-access-control-swapper .check-substance-box .substance-left[data-v-769ab114] {
    padding: 16px 0 0 16px;
    width: 50%;
}
.door-access-control-swapper .check-substance-box .substance-right[data-v-769ab114] {
    width: 50%;
}
.door-access-control-swapper .check-substance-box .substance-right .selected-list>ul[data-v-769ab114] {
    margin-left: 16px;
}
.door-access-control-swapper .substance-right .selected-list .selected-item[data-v-769ab114] {
    padding: 4px 27px 4px 0;
    overflow: unset;
}
.door-access-control-swapper .selected-item-text[data-v-769ab114] {
    display: inline-block;
    padding: 4px 0;
}
.door-access-control-swapper .substance-right .selected-list .selected-item ul li .utm-close-icon[data-v-769ab114] {
    right: -16px;
    top: 6px;
}
.door-access-control-swapper .selected-item .utm-font[data-v-769ab114] {
    font-size: 16px;
    color: #b4b4b4;
    margin-right: 4px;
    z-index: 99;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-769ab114] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.slide-fade-enter[data-v-769ab114],
.slide-fade-leave-to[data-v-769ab114] {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
}

#event-edit-info[data-v-5b8919d9]{
  color: #333;
}
#event-edit-info .utm-page-footer[data-v-5b8919d9]{
  padding: 0;
}
.utm-control-label[data-v-5b8919d9] {
  width: 200px;
}
.utm-controls[data-v-5b8919d9] {
  margin-left: 200px;
}
[data-v-5b8919d9] .el-icon-circle-close::before {
  content: "\F177";
  display: block !important;
  font-family: Ionicons, sans-serif !important;
  font-style: normal;
  font-size: 16px;
  color: #666;
}
/*保存*/
.event-operate-btn.disabled[data-v-5b8919d9]{
  background-color: #ccc;
}
.event-config-form[data-v-5b8919d9]{
  width: 100%;
  height: 100%;
}
.event-module[data-v-5b8919d9]{
  padding: 0 24px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #fff;
}
.event-module .module-content[data-v-5b8919d9]{
  padding: 0 16px 16px;
  font-size: 16px;
  width: 1400px;
  max-width: 100%;
}
.event-module .module-content.input-module-content[data-v-5b8919d9] {
  margin: 0 auto;
}
.event-module .module-content .utm-control-group[data-v-5b8919d9]:last-child{
  margin-bottom: 0;
}
/*basic info*/
.event-module .module-content.main-module-content[data-v-5b8919d9]{
  width: 830px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-module-content .utm-control-label[data-v-5b8919d9] {
  float: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main-module-content .utm-controls[data-v-5b8919d9] {
  margin-left: 0;
}
.main-module-content .priority-selector[data-v-5b8919d9] {
  position: relative;
}
.main-module-content .color-selector[data-v-5b8919d9] {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 8px;
  width: 77px;
  height: 40px;
}
.main-module-content .color-picker-option[data-v-5b8919d9] {
  padding: 5px 16px !important;
  height: 40px;
}
.main-module-content .color-picker[data-v-5b8919d9] {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 30px;
  background: #ffcc00;
  border-radius: 8px;
}
.main-module-content .utm-select.utm-select-option.utm-no-check-icon-select .priority-item[data-v-5b8919d9]{
  position: relative;
  padding: 12px 16px;
}
.main-module-content .utm-select.utm-select-option.utm-no-check-icon-select .priority-item .operate[data-v-5b8919d9]{
  position: absolute;
  right: 10px;
  top: 12px;
}
.main-module-content .utm-select.utm-select-option.utm-no-check-icon-select .priority-item .operate .psim-font[data-v-5b8919d9]{
  color: var(--main-color);
  padding-right: 3px;
  font-size: 16px;
}
.event-level-tip[data-v-5b8919d9]{
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
}
.event-level-content[data-v-5b8919d9]{
  min-width: 270px;
}
.mini-modal[data-v-5b8919d9]{
  position: absolute;
  right: 0;
  top: 43px;
  left: auto;
  min-width: 455px;
  min-height: 200px;
  border-radius: 4px;
  text-align: left;
  z-index: 2;
  cursor: auto;
}
.mini-modal .utm-modal-header.utm-mini-modal-header[data-v-5b8919d9]{
  font-size: 16px;
}
.utm-controls .utm-color-item[data-v-5b8919d9],
.utm-controls .utm-color-picker[data-v-5b8919d9]{
  margin-top: 2px;
}
.main-module-content .preview-color[data-v-5b8919d9]{
  display: inline-block;
  margin-left: 5px;
  width: 40px;
  height: 20px;
  border-radius: 4px;
  vertical-align: middle;
}
.main-module-content .merge-box[data-v-5b8919d9]{
  padding: 15px 10px;
  color: #393939;
  background: #f6f9fa;
  border-radius: 8px;
}
/*输入*/
.event-module.input-module[data-v-5b8919d9]{
  width: 100%;
}
.module-content.no-padding-horzontal[data-v-5b8919d9]{
  padding: 16px 0;
}
.event-module.input-module .input-item .utm-control-group[data-v-5b8919d9] {
}
.event-module.input-module .input-item .utm-control-label[data-v-5b8919d9] {
  float: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event-module.input-module .input-item .utm-control-label .utm-font[data-v-5b8919d9] {
  margin-left: 8px;
  color: var(--main-color);
  font-size: 14px;
}
.event-module.input-module .input-item .utm-controls[data-v-5b8919d9] {
  margin-left: 0;
}
.input-module .input-item-border[data-v-5b8919d9]{
  position: relative;
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #dddddd;
  border-radius: 9px;
}
.input-module .input-item-border .input-item-delete-btn[data-v-5b8919d9]{
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  background-color: #999;
}
.input-module .input-item-border>.utm-control-group[data-v-5b8919d9]:last-child{
  margin-bottom: 0;
}
.input-module .add-btn[data-v-5b8919d9],
.input-module .add-btn span.psim-font-add-icon[data-v-5b8919d9]{
  color: var(--main-color);
  cursor: pointer;
  font-size: 16px;
  line-height: 1em;
}
.input-module .add-btn span[data-v-5b8919d9]{
  vertical-align: middle;
  font-size: 16px;
  color: #059fe8;
}
.input-module .check-substance-box .options-box .options-item[data-v-5b8919d9]{
  width: 100%;
  line-height: 32px;
}
.input-module .check-substance-box .label-text[data-v-5b8919d9]{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-module .check-substance-box .substance-left[data-v-5b8919d9]{
  z-index: 0;
}
.input-module .check-substance-box .box-search[data-v-5b8919d9]{
  white-space: nowrap;
  word-break: keep-all;
}
.input-module .check-substance-box .box-search-control[data-v-5b8919d9]{
  width: 300px;
  max-width: calc( 100% - 16px );
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
}
.input-module .check-substance-box .box-search-control2[data-v-5b8919d9]{
  max-width: calc( 48.5% - 16px );
}
.input-module .check-substance-box .box-search-control3[data-v-5b8919d9]{
  max-width: calc( 32% - 16px);
}
.input-module .check-substance-box .selected-item>*[data-v-5b8919d9]{
  display: inline-block;
  vertical-align: middle;
}
.input-module .check-substance-box .selected-item>span[data-v-5b8919d9]{
  max-width: calc(100% - 25px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-module .check-substance-box .selected-item .psim-font[data-v-5b8919d9]{
  font-size: 16px;
}
.input-module .check-substance-box .selected-list .selected-item .utm-close-icon[data-v-5b8919d9]{
  top: 4px;
}
.input-module .check-substance-box .selected-item.child-selected-item[data-v-5b8919d9]{
  padding-left: 35px;
}
.input-module .check-substance-box .selected-expand-icon[data-v-5b8919d9]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 100ms;
  transition: 100ms;
  cursor: pointer;
}
.input-module .check-substance-box .selected-expand-icon.expand[data-v-5b8919d9]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.input-group-box[data-v-5b8919d9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-group-box  .input-group-connector[data-v-5b8919d9] {
  padding: 0 16px;
}
.input-container[data-v-5b8919d9]{
  padding: 16px 16px;
  border-radius: 8px;
}
.input-group-box .input-container[data-v-5b8919d9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.input-container.threhold-value[data-v-5b8919d9]{
  padding: 16px 16px;
  background: #eff6f9;
  line-height: 40px;
}
.input-container.threhold-value.flex-threhold-value[data-v-5b8919d9]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.input-item .input-container.threhold-value[data-v-5b8919d9]{
  padding-top: 16px;
}
.input-container.week-items-threhold-value[data-v-5b8919d9]{
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}
.input-container.threhold-value .utm-input-box[data-v-5b8919d9]{
  display: inline-block;
  width: auto;
  height: 40px;
}
.input-container.threhold-value .number-operate-box[data-v-5b8919d9]{
  position: absolute;
  right: 5px;
  top: 1px;
  width: 16px;
  height: 38px;
  border-left: 1px solid #dfdfdf;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
}
.input-container.threhold-value .number-operate-box .btn[data-v-5b8919d9]{
  position: absolute;
  left: -3px;
  top: 0;
  width: 19px;
  height: 19px;
  color: #858585;
  line-height: 19px;
  text-align: center;
  font-size: 16px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate( 90deg );
          transform: rotate( 90deg );
}
.input-container.threhold-value .number-operate-box .btn.prev[data-v-5b8919d9]{
  bottom: 0px;
  top: unset;
}
.input-container.threhold-value .number-operate-box .btn[data-v-5b8919d9]:hover{
  background-color: #dfdfdf;
}
.input-container.threhold-value .number-operate-box .btn-line[data-v-5b8919d9]{
  position: absolute;
  top: 19px;
  left: 0;
  width: 14px;
  height: 1px;
  background-color: #dfdfdf;
}
.input-container .item[data-v-5b8919d9]{
  padding-bottom: 0px;
}
.input-container .item-title-con[data-v-5b8919d9]{
  position: relative;
  height: 40px;
  line-height: 40px;
}
.input-container .item-title-con .expand-icon[data-v-5b8919d9]{
  position: absolute;
  top: 7px;
  right: 0px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #555;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.input-container .item-title-con .expand-icon.close[data-v-5b8919d9]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.input-container .title[data-v-5b8919d9]{
  margin-right: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  cursor: pointer;
}
.input-container .selected-option[data-v-5b8919d9]{
  color: #999;
}
.input-container .vertical-options-item[data-v-5b8919d9]{
  display: block;
}
.input-container .vertical-options-item>span[data-v-5b8919d9]{
  display: inline-block;
  vertical-align: middle;
}
.input-container .horizontal-options-item[data-v-5b8919d9]{
  display: inline-block;
  min-width: 160px;
  margin-right: 16px;
}
.input-container .divide-line[data-v-5b8919d9]{
  margin-left: -16px;
  margin-bottom: 8px;
  width: calc( 100% + 32px );
  height: 1px;
  background-color: #ddd;
}
.input-container .date-select-item[data-v-5b8919d9]{
  padding: 4px 0;
  height: 32px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.input-container .date-select-item.border-bottom[data-v-5b8919d9]{
  border-bottom: 1px solid #ddd;
}
.input-container .date-select-item .date-days[data-v-5b8919d9]{
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 5px;
  font-size: 0;
}
.input-container .date-select-item .date-day[data-v-5b8919d9]{
  display: inline-block;
  margin-top: -1px;
  width: 48px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.input-container .date-select-item .date-day.active[data-v-5b8919d9]{
  background-color: var(--main-color);
  color: #fff;
}
.input-container .date-select-item .date-time[data-v-5b8919d9]{
  margin-left: 10px;
  vertical-align: middle;
}
.input-container .date-select-item .date-day.border-right[data-v-5b8919d9]{
  border-right: 1px solid #cdeaf9;
}
/*输出*/
.event-module .notice-method-box[data-v-5b8919d9] {
  color: rgba(51, 51, 51, 1);
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 460px;
  max-width: 80%;
  font-size: 16px;
  vertical-align: top;
}
.event-module .notice-method-box.notice-method-box2[data-v-5b8919d9]{
  width: calc( 50% - 16px );
}
.event-module .notice-method-box.notice-method-box3[data-v-5b8919d9]{
  width: calc( 33% - 32px );
}
.event-module .notice-method-box.notice-method-box4[data-v-5b8919d9]{
  width: calc( 25% - 48px );
}
.notice-method-box .notice-content[data-v-5b8919d9] {
  padding: 8px 16px;
  width: 100%;
  background: #eff6f9;
  border: 1px solid rgba(232, 232, 232, 1);
  margin-top: -1px;
  height: 200px;
  border-radius:0px 0px 4px 4px;
  font-size: 14px;
  overflow-y: auto;
  white-space: normal;
  word-break: break-word;
  line-height: 30px;
}
.notice-method-box .notice-content.combination-notice-content[data-v-5b8919d9]{
  padding: 0;
}
.notice-method-box .notice-content.combination-notice-content .top[data-v-5b8919d9]{
  padding: 10px 16px 0;
  height: 127px;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notice-method-box .notice-content.combination-notice-content .email-top[data-v-5b8919d9]{
  padding: 0px 16px;
  display: block;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}
.notice-method-box .notice-content.combination-notice-content .email-top span[data-v-5b8919d9]:last-child{
  display: inline-block;
  width: calc( 100% - 90px );
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.notice-method-box .notice-content.combination-notice-content .bottom[data-v-5b8919d9]{
  padding: 0 16px;
  width: 100%;
  height: calc( 100% - 127px );
  border-top: 1px solid #dfdfdf;
  overflow-y: auto;
  overflow-x: hidden;
}
.utm-radio-group.alarm-radio-group .ivu-radio-wrapper[data-v-5b8919d9]{
  display: block;
  margin: 4px 0;
  font-size: 14px;
  line-height: 14px;
}
.notice-method-box .audio-radio-label[data-v-5b8919d9]{
  color: #333;
  white-space: nowrap;
}
.notice-method-box .audio-radio-des[data-v-5b8919d9]{
  display: block;
  color: #999999;
  line-height: 28px;
  white-space: nowrap;
  word-break: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notice-method-box .method-box-top[data-v-5b8919d9] {
  padding: 8px 16px;
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: 4px 4px 0px 0px;
  position: relative;
}
.method-box-top .edit-tab[data-v-5b8919d9] {
  color: var(--main-color);
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 11px;
  font-size: 14px;
}
.quill-editor .ql-container[data-v-5b8919d9] {
  min-height: 200px;
}
.char-circle-tag[data-v-5b8919d9]{
  display: inline-block;
  padding: 0 16px;
  margin: 0px 16px 16px 0;
  min-width: 80px;
  height: 32px;
  line-height: 30px;
  background: transparent;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  text-align: center;
  border-radius: 16px;
  cursor: pointer;
}
/*接收者*/
.receive-user-box[data-v-5b8919d9]{
  margin-top: 16px;
  padding: 12px 16px;
  min-width: 576px;
  max-width: 100%;
  min-height: 40px;
  background: #eff6f9;
  border-radius: 8px;
}
.receive-tag[data-v-5b8919d9]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 2px 4px 2px 0;
  padding: 0 8px;
  height: 32px;
  border: 1px solid #e8eaec;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  line-height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.receive-tag i[data-v-5b8919d9]{
  margin-right: 8px;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.receive-tag i[data-v-5b8919d9]:last-child{
  margin-left: 8px;
  margin-right: 0;
}
.receive-tag .tag-text[data-v-5b8919d9]{
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.receive-tag .psim-font[data-v-5b8919d9]{
  font-size: 16px;
  color: #858585;
}
.add-receiver-btn[data-v-5b8919d9]{
  position: relative;
  display: inline-block;
  z-index: 1;
  vertical-align: middle;
}
.add-receiver-btn .no-receiver-tip[data-v-5b8919d9]{
  display: inline-block;
  margin-left: 16px;
  padding: 0 16px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px #ddd;
          box-shadow: 1px 1px 10px #ddd;
  vertical-align: top;
}
.add-receiver-btn .receiver-panel[data-v-5b8919d9]{
  width: 402px;
  height: 259px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  left: 0;
  top: 40px;
  display: none;
}
.add-receiver-btn .receiver-panel .receiver-tab[data-v-5b8919d9]{
  padding: 0 16px;
  height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.add-receiver-btn .receiver-panel .receiver-tab-item[data-v-5b8919d9]{
  display: inline-block;
  width: 110px;
  border-bottom: 2px solid transparent;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.add-receiver-btn .receiver-panel .receiver-tab-item.active[data-v-5b8919d9]{
  border-bottom: 2px solid var(--main-color);
  color: var(--main-color);
}
.utm-prefix-input.sear-receiver[data-v-5b8919d9]{
  margin: 16px 16px 4px 16px;
}
.receiver-panel .user-list[data-v-5b8919d9]{
  height: calc(100% - 108px);
  overflow-y: auto;
}
.user-list .user-item[data-v-5b8919d9]{
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-5b8919d9]:hover{
  background: rgba(239, 250, 255, 1);
}
.user-list .user-item.active[data-v-5b8919d9],
.user-list .user-item.active[data-v-5b8919d9]:hover{
  background: #d2f0ff;
}
.user-list .user-item.active[data-v-5b8919d9]:after{
  position: absolute;
  right: 12px;
  content: "\F375";
  font-family: Ionicons, sans-serif;
  color: var(--main-color);
  font-size: 16px
}
.no-data[data-v-5b8919d9] {
  color:#ccc;
  text-align: center;
  line-height: 140px;
}
/* ESOP */
.esop-module[data-v-5b8919d9] {
  margin-top: 16px;
  position: relative;
  height: 900px;
  max-height: 100vh;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-5b8919d9]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-5b8919d9], .slide-fade-leave-to[data-v-5b8919d9]{
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  opacity: 0;
}
.setting-content[data-v-5b8919d9]{
  width: 100%;
  height: 336px;
  background: #ffffff;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 16px;
}
.setting-menu[data-v-5b8919d9]{
  width: 300px;
  height: 100%;
  background: #ffffff;
}
.setting-menu .setting-header[data-v-5b8919d9]{
    width: 100%;
    height: 56px;
    background: rgba(5,159,232,0.1);
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
    padding-left: 16px;
    line-height: 56px;
}
.setting-menu-children[data-v-5b8919d9]{
    padding: 0 16px;
}
.setting-menu-children .menu-one[data-v-5b8919d9]{
    width: 268px;
    height: 56px;
    background: #059fe8;
    border-radius: 8px;
    line-height: 56px;
    padding: 0 16px;
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    margin-top: 16px;
}
.configuration-content[data-v-5b8919d9]{
    width: calc(100% - 300px);
    height: 100%;
    border-left: 1px solid #d4dae1;
    padding: 24px;
}
.configuration-content .configuration-title[data-v-5b8919d9]{
    font-size: 16px;
    font-family: Lato, Lato-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #333333;
}
.configuration-content .configuration-des[data-v-5b8919d9]{
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #999999;
}
#event-edit-info .warnInfo[data-v-5b8919d9] {
    font-size: 16px;
    font-family: Lato, Lato-Regular, sans-serif;
    font-weight: 400;
    text-align: left;
    color: rgba(0,0,0,0.85);
    line-height: 19px;
}
.disable-icon[data-v-6e491dda]{
  color: #858585;
  pointer-events: none;
}
.click-view-btn[data-v-6e491dda] {
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  height: 27px;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  line-height: 25px;
  color: var(--main-color);
  cursor: pointer;
}
.utm-control-group.esop-name .utm-control-label[data-v-6e491dda] {
  float: none;
  width: unset;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.utm-control-group.esop-name .utm-controls[data-v-6e491dda] {
  margin-left: 0;
}
.applied-incident-table[data-v-6e491dda] .ivu-table .ivu-table-body td {
  border-left: 1px solid #dfdfdf;
}
.applied-incident-table[data-v-6e491dda] .ivu-table .ivu-table-body td:last-child {
  border-right: 1px solid #dfdfdf;
}

.page-step-box[data-v-183b86ef] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  text-align: center;
  border-bottom: 1px solid #dce3e8;
}
.page-control-box[data-v-183b86ef] {
  padding: 16px 16px 0;
  overflow-x: hidden;
  margin: 0 auto;
  width: 100%;
  min-height: 100px;
  height: calc(100% - 184px);
}
.page-control-box.first-step[data-v-183b86ef] {
  width: 748px;
}
.page-control-box .esop-box[data-v-183b86ef] {
  height: 100%;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.page-btns[data-v-183b86ef] {
  padding-top: 40px;
  height: 104px;
  text-align: center;
}
.page-btns .operate-btn[data-v-183b86ef] {
  margin-right: 24px;
}
.page-btns .operate-btn.disabled[data-v-183b86ef] {
  background-color: #ccc;
}
.utm-control-group .utm-control-label[data-v-183b86ef] {
  float: none;
  width: unset;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.utm-control-group .utm-controls[data-v-183b86ef] {
  margin-left: 0;
}

/* step 3 */
.setting-content[data-v-183b86ef] {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  overflow: hidden;
}
.setting-menu[data-v-183b86ef] {
  width: 300px;
  height: 100%;
  background: #ffffff;
}
.setting-menu .setting-header[data-v-183b86ef] {
  width: 100%;
  height: 56px;
  background: rgba(5, 159, 232, 0.1);
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  padding-left: 16px;
  line-height: 56px;
}
.setting-menu-children[data-v-183b86ef] {
  padding: 0 16px;
}
.setting-menu-children .menu-one[data-v-183b86ef] {
  width: 268px;
  height: 56px;
  background: #059fe8;
  border-radius: 8px;
  line-height: 56px;
  padding: 0 16px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-top: 16px;
}
.configuration-content[data-v-183b86ef] {
  width: calc(100% - 300px);
  height: 100%;
  border-left: 1px solid #d4dae1;
  padding: 24px;
}
.configuration-content .configuration-title[data-v-183b86ef] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.configuration-content .configuration-des[data-v-183b86ef] {
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #999999;
}

/*接收者*/
.receive-user-box[data-v-183b86ef] {
  margin-top: 16px;
  padding: 12px 16px;
  min-width: 576px;
  max-width: 100%;
  min-height: 40px;
  background: #eff6f9;
  border-radius: 8px;
}
.receive-tag[data-v-183b86ef] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 2px 4px 2px 0;
  padding: 0 8px;
  height: 32px;
  border: 1px solid #e8eaec;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  line-height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.receive-tag i[data-v-183b86ef] {
  margin-right: 8px;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.receive-tag i[data-v-183b86ef]:last-child {
  margin-left: 8px;
  margin-right: 0;
}
.receive-tag .tag-text[data-v-183b86ef] {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.receive-tag .psim-font[data-v-183b86ef] {
  font-size: 16px;
  color: #858585;
}
.add-receiver-btn[data-v-183b86ef] {
  position: relative;
  display: inline-block;
  z-index: 1;
  vertical-align: middle;
}
.add-receiver-btn .no-receiver-tip[data-v-183b86ef] {
  display: inline-block;
  margin-left: 16px;
  padding: 0 16px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px #ddd;
          box-shadow: 1px 1px 10px #ddd;
  vertical-align: top;
}
.add-receiver-btn .receiver-panel[data-v-183b86ef] {
  border: 1px solid #eee;
  width: 402px;
  height: 259px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 0;
  top: 40px;
  display: none;
}
.add-receiver-btn .receiver-panel .receiver-tab[data-v-183b86ef] {
  padding: 0 16px;
  height: 40px;
  border-bottom: 1px solid #dfdfdf;
}
.add-receiver-btn .receiver-panel .receiver-tab-item[data-v-183b86ef] {
  display: inline-block;
  width: 110px;
  border-bottom: 2px solid transparent;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.add-receiver-btn .receiver-panel .receiver-tab-item.active[data-v-183b86ef] {
  border-bottom: 2px solid var(--main-color);
  color: var(--main-color);
}
.utm-prefix-input.sear-receiver[data-v-183b86ef] {
  margin: 16px 16px 4px 16px;
}
.receiver-panel .user-list[data-v-183b86ef] {
  height: calc(100% - 108px);
  overflow-y: auto;
}
.user-list .user-item[data-v-183b86ef] {
  position: relative;
  padding: 0px 24px 0px 16px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-list .user-item[data-v-183b86ef]:hover {
  background: rgba(239, 250, 255, 1);
}
.user-list .user-item.active[data-v-183b86ef],
.user-list .user-item.active[data-v-183b86ef]:hover {
  background: #d2f0ff;
}
.user-list .user-item.active[data-v-183b86ef]:after {
  position: absolute;
  right: 12px;
  content: "\F375";
  font-family: Ionicons, sans-serif;
  color: var(--main-color);
  font-size: 16px;
}

/* 关联的事件提示 */
.incident-tip[data-v-183b86ef] {
  margin-bottom: 8px;
  font-size: 18px;
}
.incident-tip i[data-v-183b86ef] {
  color: var(--main-color); 
  font-size: 16px;
}
.applied-incident-table[data-v-183b86ef] .ivu-table .ivu-table-body td {
  border-left: 1px solid #dfdfdf;
}
.applied-incident-table[data-v-183b86ef] .ivu-table .ivu-table-body td:last-child {
  border-right: 1px solid #dfdfdf;
}


#incident_list[data-v-b790bfe6] {
  height: 100%;
  background-color: #fff;
}
.inquire-btn-box[data-v-b790bfe6] {
  width: 400px;
  height: 40px;
  text-align: right;
}

#event-management[data-v-db3fe2ac]{
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#event-management .event-content[data-v-db3fe2ac]{
  background: #fff;
  width: 100%;
  height: calc(100% - 51px);
}

#my-incident-table[data-v-867cc594] {
  height: 100%;
  font-size: 16px;
}
.process-info[data-v-867cc594] {
  position: relative;
  width: 326px;
  white-space: normal;
  word-break: break-word;
}
.process-name[data-v-867cc594] {
  position: absolute;
  right: 0;
  top: 0;
}
/*  event monitoring  start */
.module-toggle-title[data-v-867cc594] {
  height: 48px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  line-height: 48px;
}
.module-toggle-title .title-item[data-v-867cc594] {
  display: inline-block;
  height: 100%;
  border-bottom: 2px solid #059fe8;
  margin: 0 54px 0 21px;
}
.module-content-box[data-v-867cc594] {
  padding: 12px;
}
.module-toggle-btn[data-v-867cc594] {
  height: 64px;
  line-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-toggle-btn .btn-item[data-v-867cc594] {
  display: inline-block;
  height: 33px;
  background: #ffffff;
  border-radius: 18px;
  margin-right: 16px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  line-height: 33px;
  width: 129px;
  border: 1px solid #e1e4e6;
  color: #333333;
}
.video-download[data-v-867cc594] {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.module-toggle-btn .btn-item-active[data-v-867cc594] {
  border: 1px solid #059fe8;
  color: #059fe8;
}
.video-incident-content[data-v-867cc594] {
  border: 1px solid #dfdfdf;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* area */
.area-list[data-v-867cc594] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 180px;
  border-right: 1px solid #dfdfdf;
}
.area-close-flag[data-v-867cc594] {
  min-width: 1px;
}
.area-list .area-list-box[data-v-867cc594] {
  padding-top: 10px;
  height: 450px;
  min-height: 450px;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.area-list .area-show-flag[data-v-867cc594] {
  display: none;
}
.area-list .area-box-flag[data-v-867cc594] {
  position: absolute;
  right: -16px;
  top: 50%;
  width: 16px;
  line-height: 74px;
  margin-top: -37px;
  text-align: center;
  -webkit-transition: tran;
  transition: tran;
  color: #fff;
  height: 74px;
  background: #059fe8;
  border-radius: 0px 4px 4px 0px;
}
.area-list .is-shrink[data-v-867cc594] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.area-list .area-list-box .area-item[data-v-867cc594] {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #ffffff;
  padding-left: 12px;
  opacity: 0.9;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.area-list .area-list-box .area-item-active[data-v-867cc594] {
  color: #ffffff;
  background: #059fe8;
}
/* video */
.video-incident-content .video-list[data-v-867cc594] {
  position: relative;
  -webkit-box-flex: 7;
      -ms-flex-positive: 7;
          flex-grow: 7;
  padding: 32px;
}
.video-incident-content .video-list .video-type[data-v-867cc594] {
  position: absolute;
  background: salmon;
  color: #fff;
  top: 0;
  right: 0;
}
.video-incident-content .video-list .video-list-box[data-v-867cc594] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  height: 100%;
}
.video-list .video-list-box .video-item-1[data-v-867cc594] {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #059fe8;
}
.video-list .video-list-box .video-item-4[data-v-867cc594] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(50% - 4px);
          flex: 1 0 calc(50% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-item-9[data-v-867cc594] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(33.33% - 4px);
          flex: 1 0 calc(33.33% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-item-16[data-v-867cc594] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(25% - 4px);
          flex: 1 0 calc(25% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-name[data-v-867cc594] {
  position: absolute;
  left: 8px;
  top: 8px;
  height: 36px;
  line-height: 36px;
  font-family: Roboto, Roboto-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 10px;
}
.title-btn-active[data-v-867cc594] {
  background-color: #ffffff;
}
/*  event monitoring  end */
/* 关闭事件弹窗样式 */
.cancel-btn[data-v-867cc594]{
  background: #FFFFFF;
  color: #333333;
  border: 1px solid #D4DAE1;
  border-radius: 8px;
}
.utm-control-group[data-v-867cc594] {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0px !important;
}
.utm-control-group .utm-control-label[data-v-867cc594] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.utm-controls[data-v-867cc594] {
  margin-left: 0;
}

#my-incident-report[data-v-6e986b2d]{
  background: #fff;
  height: 100%;
  width: 100%;
}
#my-incident-report .event-content[data-v-6e986b2d]{
  background: #fff;
  width: 100%;
}

#my-incident-table[data-v-ba19a292] {
  height: 100%;
  font-size: 16px;
}
#my-incident-table .utm-badge-circle[data-v-ba19a292]{
  padding: 0;
}
.process-info[data-v-ba19a292] {
  position: relative;
  width: 326px;
  white-space: normal;
  word-break: break-word;
}
.process-name[data-v-ba19a292] {
  position: absolute;
  right: 0;
  top: 0;
}
/*  event monitoring  start */
.module-toggle-title[data-v-ba19a292] {
  height: 48px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  line-height: 48px;
}
.module-toggle-title .title-item[data-v-ba19a292] {
  display: inline-block;
  height: 100%;
  border-bottom: 2px solid #059fe8;
  margin: 0 54px 0 21px;
}
.module-content-box[data-v-ba19a292] {
  padding: 12px;
}
.module-toggle-btn[data-v-ba19a292] {
  height: 64px;
  line-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-toggle-btn .btn-item[data-v-ba19a292] {
  display: inline-block;
  height: 33px;
  background: #ffffff;
  border-radius: 18px;
  margin-right: 16px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  line-height: 33px;
  width: 129px;
  border: 1px solid #e1e4e6;
  color: #333333;
}
.video-download[data-v-ba19a292] {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.module-toggle-btn .btn-item-active[data-v-ba19a292] {
  border: 1px solid #059fe8;
  color: #059fe8;
}
.video-incident-content[data-v-ba19a292] {
  border: 1px solid #dfdfdf;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* area */
.area-list[data-v-ba19a292] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 180px;
  border-right: 1px solid #dfdfdf;
}
.area-close-flag[data-v-ba19a292] {
  min-width: 1px;
}
.area-list .area-list-box[data-v-ba19a292] {
  padding-top: 10px;
  height: 450px;
  min-height: 450px;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.area-list .area-show-flag[data-v-ba19a292] {
  display: none;
}
.area-list .area-box-flag[data-v-ba19a292] {
  position: absolute;
  right: -16px;
  top: 50%;
  width: 16px;
  line-height: 74px;
  margin-top: -37px;
  text-align: center;
  -webkit-transition: tran;
  transition: tran;
  color: #fff;
  height: 74px;
  background: #059fe8;
  border-radius: 0px 4px 4px 0px;
}
.area-list .is-shrink[data-v-ba19a292] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.area-list .area-list-box .area-item[data-v-ba19a292] {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #ffffff;
  padding-left: 12px;
  opacity: 0.9;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.area-list .area-list-box .area-item-active[data-v-ba19a292] {
  color: #ffffff;
  background: #059fe8;
}
/* video */
.video-incident-content .video-list[data-v-ba19a292] {
  position: relative;
  -webkit-box-flex: 7;
      -ms-flex-positive: 7;
          flex-grow: 7;
  padding: 32px;
}
.video-incident-content .video-list .video-type[data-v-ba19a292] {
  position: absolute;
  background: salmon;
  color: #fff;
  top: 0;
  right: 0;
}
.video-incident-content .video-list .video-list-box[data-v-ba19a292] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  height: 100%;
}
.video-list .video-list-box .video-item-1[data-v-ba19a292] {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #059fe8;
}
.video-list .video-list-box .video-item-4[data-v-ba19a292] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(50% - 4px);
          flex: 1 0 calc(50% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-item-9[data-v-ba19a292] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(33.33% - 4px);
          flex: 1 0 calc(33.33% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-item-16[data-v-ba19a292] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(25% - 4px);
          flex: 1 0 calc(25% - 4px);
  border: 1px solid #059fe8;
  aspect-ratio: 16/9;
}
.video-list .video-list-box .video-name[data-v-ba19a292] {
  position: absolute;
  left: 8px;
  top: 8px;
  height: 36px;
  line-height: 36px;
  font-family: Roboto, Roboto-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 10px;
}
.title-btn-active[data-v-ba19a292] {
  background-color: #ffffff;
}
/*  event monitoring  end */
/* 关闭事件弹窗样式 */
.cancel-btn[data-v-ba19a292]{
  background: #FFFFFF;
  color: #333333;
  border: 1px solid #D4DAE1;
  border-radius: 8px;
}
.utm-control-group[data-v-ba19a292] {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0px !important;
}
.utm-control-group .utm-control-label[data-v-ba19a292] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.utm-controls[data-v-ba19a292] {
  margin-left: 0;
}
.more-img-box[data-v-ba19a292]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: unset;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.capture-image-item[data-v-ba19a292]{
  margin: 0 12px 12px 0;
  height: 100px;
  display: inline-block;
}

#my-incident[data-v-05b19d0d]{
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#my-incident .module-content[data-v-05b19d0d]{
  background: #fff;
  width: 100%;
  height: calc(100% - 51px);
  padding-top: 0;
}

#my-incident-table[data-v-f1b99a1c]{
  height: 100%;
  font-size: 16px;
}
.process-info[data-v-f1b99a1c]{
  position: relative;
  width: 326px;
  white-space: normal;
  word-break: break-word;
}
.process-name[data-v-f1b99a1c]{
  position: absolute;
  right: 0;
  top: 0;
}

#my-incident-table[data-v-bfad9578]{
  height: 100%;
  font-size: 16px;
}
.process-info[data-v-bfad9578]{
  position: relative;
  width: 326px;
  white-space: normal;
  word-break: break-word;
}
.process-name[data-v-bfad9578]{
  position: absolute;
  right: 0;
  top: 0;
}
#my-incident-table[data-v-bfad9578] .ivu-radio-wrapper{
  margin-right: 56px;
}
.cancel-btn[data-v-bfad9578]{
  background: #FFFFFF;
  color: #059FE8;
  border: 1px solid #059FE8;
  border-radius: 8px;
}
.utm-control-group[data-v-bfad9578] {
  min-width: 700px;
  max-width: 700px;
  margin-top: 16px;
  margin-bottom: 0px !important;
}
.utm-control-group .utm-control-label[data-v-bfad9578] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.utm-controls[data-v-bfad9578] {
  margin-left: 0;
}
/* 倒计时样式 */
.utm-table-box .timer[data-v-bfad9578] {
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 14px;
  gap: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.utm-table-box .notified[data-v-bfad9578] {
  background: #4cbe8a;
  border-radius: 14px;
}
.utm-table-box .overtime[data-v-bfad9578]{
  background: #f8a149;
  border-radius: 14px;
}
.utm-table-box .overtimeClose[data-v-bfad9578]{
  background: #cccccc;
  border-radius: 14px;
}
.timer .utm-font[data-v-bfad9578]{
  font-size: 16px;
  color: #ffffff;
}
.timer span[data-v-bfad9578]{
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 28px;
  white-space: nowrap;
}

[data-v-32347980] .ivu-tooltip {
  width: 100%;
}
.utm-tab-child-page[data-v-32347980] {
  z-index: 1 !important;
}
.utm-control-group[data-v-32347980] {
  min-width: 700px;
  max-width: 700px;
  margin-top: 16px;
  margin-bottom: 0px !important;
}
.utm-control-group .utm-control-label[data-v-32347980] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.utm-controls[data-v-32347980] {
  margin-left: 0;
}
.module-content[data-v-32347980] {
  padding: 16px 24px 24px 24px;
  overflow-y: scroll;
}
.bottom-btn-box[data-v-32347980] {
  margin-top: 64px;
  width: calc(100% - 48px);
  text-align: center;
}
.utm-input-box[data-v-32347980] {
  width: 480px;
}
.form[data-v-32347980] {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.utm-switch[data-v-32347980] {
  margin-top: 11px;
}
[data-v-32347980].ivu-input-type-textarea > textarea {
  height: 200px;
  min-height: 200px;
}
[data-v-32347980] textarea::-webkit-scrollbar {
  width: 0px;
}
[data-v-32347980] textarea:hover::-webkit-scrollbar {
  width: 10px;
}
/* 上传附件样式 Start */
.attachment-ul[data-v-32347980] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.attachment-li[data-v-32347980] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  margin-top: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 32px;
  background: rgba(164, 164, 164, 0.1);
  border-radius: 8px;
  padding: 8px 16px 8px 8px;
}
.attachment_size[data-v-32347980] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #8C8C8C;
  display: inline-block;
  margin: 0 7px 0 3px;
}
.attachment-li > span[data-v-32347980]:first-of-type {
  display: inline-block;
  max-width: calc(100% - 100px);
}
[data-v-32347980] .attachment-li > span .utm-ellipsis-txt {
  color: var(--main-color);
}
.attachment-li .psim-font[data-v-32347980]{
  width: 18px;
  height: 18px;
}
[data-v-32347980] .attachment-li > span:first-of-type:hover .utm-ellipsis-txt {
  text-decoration: underline !important;
}
.attachment-ul > .attachment-ul[data-v-32347980]:first-of-type {
  margin-top: 0px !important;
}
.attachment-upload[data-v-32347980] {
  display: inline-block;
}
.attachment-desc[data-v-32347980] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
  display: inline-block;
  margin-left: 3px;
}
.attachment-btn[data-v-32347980] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #005eb8;
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
}
/* 上传附件样式 End */

#notification_list[data-v-29eaf616]{
  height: 100%;
  background-color: #fff;
}
.inquire-btn-box[data-v-29eaf616] {
  width: 400px;
  height: 40px;
  text-align: right;
}

#incident_list[data-v-1ceb13ce] {
  height: 100%;
  background-color: #fff;
}
.inquire-btn-box[data-v-1ceb13ce] {
  width: 400px;
  height: 40px;
  text-align: right;
}

#upload_license[data-v-d25da0c6]{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ebeff2;
  z-index: 9999;
}
#upload_license .top-nav[data-v-d25da0c6]{
  height: 64px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 6px 3px 6px 0px rgba(0,0,0,0.16);
}
#upload_license .top-nav .top-nav-logo[data-v-d25da0c6]{
  width: 252px;
  height: 64px;
  text-align: center;
  overflow: hidden;
}
#upload_license .top-nav .top-nav-logo .logo1[data-v-d25da0c6] {
  margin-top: 10px;
  max-width: 105px;
  vertical-align: middle;
  border: 0;
}
.upload-license-box[data-v-d25da0c6]{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -210px;
  margin-left: -400px;
  width: 800px;
  height: 420px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}
.upload-license-box .upload-license-title[data-v-d25da0c6]{
  height: 48px;
  padding: 0 24px;
  line-height: 48px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #dfdfdf;
}
.upload-license-box .upload-license-content[data-v-d25da0c6]{
  text-align: center;
  font-size: 0;
}
.upload-license-box .upload-license-log-icon svg[data-v-d25da0c6]{
  width: 50px;
  height: 50px;
  margin-top: 40px;
}
.upload-license-box .upload-license-desc[data-v-d25da0c6]{
  font-size: 16px;
  color: #333;
  margin-top: 16px;
}
.upload-license-box .upload-license-step[data-v-d25da0c6]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: unset;
}
.upload-license-box .upload-license-step li[data-v-d25da0c6]{
  padding: 40px 0;
  position: relative;
}
.upload-license-box .upload-license-step-number[data-v-d25da0c6]{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #d2f0ff;
  border-radius: 12px;
  font-size: 14px;
  color: #333;
  margin: 0 16px;
}
.upload-license-box .upload-license-step .utm-btn[data-v-d25da0c6]{
  width: 170px;
}
.upload-license-box .upload-license-step li[data-v-d25da0c6]:first-child:after{
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: rgba(210,240,255,1);
  top: 50%;
  margin-top: 8px;
  left: 28px;
}

#external_system[data-v-489ba5f2]{
  height: 100%;
}
#external_system .more-text[data-v-489ba5f2]{
    color: var(--main-color);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}
#external_system .utm-form[data-v-489ba5f2]{
    padding-left: 24px;
}

#handheld_management[data-v-46365cb6]{
  height: 100%;
}
.blue-text[data-v-46365cb6]{
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.version-content-icon[data-v-46365cb6]{
  color: var(--main-color);
  font-size: 16px;
  display: inline-block;
}
.content-title[data-v-46365cb6]{
  font-size: 14px;
  font-weight: 700;
  color: #333333;
  width: 150px;
  display: inline-block;
}
.content-text[data-v-46365cb6]{
  display: inline-block;
}

#healthy-monitor[data-v-021a98f4]{
  position: relative;
  height: 100%;
  padding-top: 40px;
}
#healthy-monitor .utm-line-tabs[data-v-021a98f4]{
  padding: 0 16px;
  position: absolute;
  top: 0;
}
#healthy-monitor .utm-line-tabs .utm-line-tab-item .item-amount[data-v-021a98f4]{
  margin-left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #BE3131;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}

.schedule-bg[data-v-fd0efe4c]{
  width: 100%;
  height: 12px;
  border: 1px solid #DFDFDF;
  background: #fff;
}
.schedule-green[data-v-fd0efe4c]{
  color: #2eaf74;
}
.schedule-green .schedule-bar[data-v-fd0efe4c]{
  background: #2eaf74;
}
.schedule-red[data-v-fd0efe4c]{
  color: #ff4a4a;
}
.schedule-red .schedule-bar[data-v-fd0efe4c]{
  background: #ff4a4a;
}
.schedule-orange[data-v-fd0efe4c]{
  color: #FFB777;
}
.schedule-orange .schedule-bar[data-v-fd0efe4c]{
  background: #FFB777;
}
.text-box[data-v-fd0efe4c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 275px;
}
.text-left[data-v-fd0efe4c]{
  width: 50%;
  text-align: left;
}
.text-right[data-v-fd0efe4c]{
  width: 50%;
  text-align: right;
}

.utm-box-right[data-v-7e73d07c]{
  padding: 16px;
}
.system-type-overview[data-v-7e73d07c]{
  background: rgba(245,249,251,1);
  border-radius: 16px;
  margin-bottom: 24px;
}
.system-type-overview .system-type-overview-title[data-v-7e73d07c]{
  line-height: 1;
  padding: 24px 24px 0;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.system-type-list[data-v-7e73d07c]{
  padding: 12px;
}
.system-type-list .system-type-item[data-v-7e73d07c]{
  display: inline-block;
  width: 360px;
  padding: 12px;
  font-size: 0;
}
.system-type-list .system-type-content[data-v-7e73d07c]{
  position: relative;
  padding: 40px;
  background: #fff;
  border-radius: 16px;
  line-height: 1;
  -webkit-box-shadow: 0 0 12px 0 rgba(84,84,84,.1);
          box-shadow: 0 0 12px 0 rgba(84,84,84,.1);
}
.system-type-list .system-type-item-error .system-type-content[data-v-7e73d07c]{
  background: #FFF4F3;
}
.system-type-list .system-type-item-error .system-type-content[data-v-7e73d07c]:before{
  position: absolute;
  content: '';
  display: inline-block;
  border-top: 10px rgba(246,111,106,1);
  border-left: 10px rgba(246,111,106,1);
  border-bottom: 10px rgba(246,111,106,0);
  border-right: 10px rgba(246,111,106,0);
}
.system-type-list .system-type-name[data-v-7e73d07c]{
  display: block;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.system-type-list .system-type-desc[data-v-7e73d07c]{
  display: block;
  margin-top: 16px;
  color: rgba(51,51,51,.7);
  font-size: 16px;
}
.system-type-list .system-type-number[data-v-7e73d07c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 16px;
  font-size: 24px;
  color: rgba(51,51,51,.9);
}
.system-type-list .system-type-item-error .system-type-abnormal[data-v-7e73d07c]{
  font-size: 40px;
  color: #F66F6A;
}
.system-type-list .system-type-icon[data-v-7e73d07c]{
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 74px;
  height: 74px;
  bottom: 30px;
  right: 40px;
}
.system-type-list .system-type-icon .utm-system-type-bg[data-v-7e73d07c]{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 74px;
  color: #f6ebed;
}
.system-type-list .system-type-icon .utm-system-type-bg0[data-v-7e73d07c]{
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(32,47,255,0.05)), color-stop(45%, rgba(85,141,147,0.10)), to(rgba(247,15,177,0.05)));
  background-image: linear-gradient(180deg,rgba(32,47,255,0.05), rgba(85,141,147,0.10) 45%, rgba(247,15,177,0.05));
}
.system-type-list .system-type-icon .utm-system-type-bg1[data-v-7e73d07c]{
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,32,32,0.05)), color-stop(45%, rgba(155,42,12,0.10)), to(rgba(255,20,20,0.05)));
  background-image: linear-gradient(180deg,rgba(255,32,32,0.05), rgba(155,42,12,0.10) 45%, rgba(255,20,20,0.05));
}
.system-type-list .system-type-icon .utm-system-type-bg2[data-v-7e73d07c]{
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,225,32,0.05)), color-stop(45%, rgba(120,147,85,0.10)), to(rgba(139,133,27,0.05)));
  background-image: linear-gradient(180deg,rgba(255,225,32,0.05), rgba(120,147,85,0.10) 45%, rgba(139,133,27,0.05));
}
/*********************************************服务列表***********************************************************/
.service-list[data-v-7e73d07c]{
  position: relative;
  padding: 16px 0 8px;
  background: rgba(245,249,251,1);
  border-radius: 16px;
}
.service-list .service-nav[data-v-7e73d07c]{
  position: absolute;
  top: 0;
  width: 100%;
  padding: 24px 24px 16px;
  background: rgba(245,249,251,1);
  z-index: 9;
  border-radius: 16px 16px 0 0;
}
.service-nav .border-tag[data-v-7e73d07c]{
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  margin-right: 16px;
  font-size: 16px;
  background: #F5F7FA;
  border: 1px solid #F5F7FA;
  border-radius: 16px;
  color: #333;
  cursor: pointer;
}
.service-nav .border-tag.active[data-v-7e73d07c]{
  background: rgba(5,159,232,1);
  border: 1px solid rgba(5,159,232,1);
  color: #fff;
}
.service-list .service-list-content[data-v-7e73d07c]{
  position: relative;
  padding-top: 56px;
}
.service-list .system-type-item[data-v-7e73d07c]{
  padding: 0 16px;
}
.service-list .system-type-title[data-v-7e73d07c]{
  position: relative;
  padding-bottom: 12px;
  margin: 8px;
  border-bottom: 1px solid rgba(238, 238, 238, 100);
}
.service-list .system-type-title[data-v-7e73d07c]:before{
  position: absolute;
  content: '';
  height: 20px;
  width: 4px;
  top: 0;
  left: 0;
  background: rgba(5,159,232,1);
}
.service-list .system-type-title[data-v-7e73d07c]:after{
  position: absolute;
  content: '';
  height: 20px;
  width: 1px;
  top: 0;
  left: 6px;
  background: rgba(5,159,232,.6);
}
.service-list .system-type-name[data-v-7e73d07c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 200px;
  height: 20px;
  padding-left: 4px;
  margin-left: 12px;
  font-size: 16px;
  color: #333;
  background: -webkit-gradient(linear,left top, right top,from(rgba(5,159,232,0.32)), to(rgba(5,159,232,0)));
  background: linear-gradient(90deg,rgba(5,159,232,0.32), rgba(5,159,232,0));
}
.system-service-list[data-v-7e73d07c]{
  font-size: 0;
}
.system-service-list li[data-v-7e73d07c]{
  display: inline-block;
  min-width: 360px;
  padding: 8px;
}
.system-service-list li.li-1md[data-v-7e73d07c]{
  width: 100%;
}
.system-service-list li.li-2md[data-v-7e73d07c]{
  width: 50%;
}
.system-service-list li.li-3md[data-v-7e73d07c]{
  width: 33.33%;
}
.system-service-list li.li-4md[data-v-7e73d07c]{
  width: 25%;
}
.system-service-list li.li-5md[data-v-7e73d07c]{
  width: 20%;
}
.system-service-list .system-service-item[data-v-7e73d07c]{
  padding: 8px;
  background: #fff;
  -webkit-box-shadow: 0 0 12px 0 rgba(84,84,84,0.10);
          box-shadow: 0 0 12px 0 rgba(84,84,84,0.10);
  border-radius: 16px;
}
.system-service-list .system-service-item-header[data-v-7e73d07c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 12px;
  margin: 8px;
  background: rgba(245,249,251,1);
  border-radius: 8px;
}
.system-service-list .system-service-item-header.system-service-item-header-error[data-v-7e73d07c]{
  background: rgba(255,244,243,1);
}
.system-service-list .abnormal-icon[data-v-7e73d07c]{
  color:#ED5656;
  font-size: 26px;
}
.system-service-list .normal-icon[data-v-7e73d07c]{
  color:#059FE8;
  font-size: 26px;
}
.system-service-list .system-service-name[data-v-7e73d07c]{
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.system-service-list .system-service-error-title[data-v-7e73d07c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  padding: 4px 8px 0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.system-service-list .system-service-error[data-v-7e73d07c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.system-service-list .system-service-error-item[data-v-7e73d07c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  padding: 8px;
  margin: 8px;
  border: 2px solid rgba(239,250,255,1);
  background: rgba(239,250,255,1);
  border-radius: 16px;
}
.system-service-list .system-service-error-item.active[data-v-7e73d07c]{
  border: 2px solid rgba(246,111,106,1);
  background: rgba(255,244,243,1);
  cursor: pointer;
}
.system-service-list .system-service-error-num[data-v-7e73d07c]{
  font-size: 24px;
  color: #333;
}
.system-service-list .system-service-error-desc[data-v-7e73d07c]{
  margin: 4px 0;
  font-size: 14px;
  color: #333;
}
.system-service-list .system-service-error-desc i.utm-icon-hide[data-v-7e73d07c]{
  margin-left: 8px;
  color: rgb(246, 111, 106);
  font-size: 14px;
}
.system-service-list .active .system-service-error-num[data-v-7e73d07c]{
  color: #F66F6A;
  font-weight: bold;
}

#maintenance[data-v-bbd334ca]{
  height: 100%;
}
#maintenance .page-content[data-v-bbd334ca]{
  padding: 0;
  height: calc(100% - 51px);
}
#maintenance .utm-tab-item[data-v-bbd334ca]{
  width: 280px;
}

.paremeter-li{
  padding-left: 16px;
}
.paremeter-li li{
  line-height: 20px;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-50246dfd] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-50246dfd] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-50246dfd] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-50246dfd] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-50246dfd]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-50246dfd] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-50246dfd]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-50246dfd]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-50246dfd] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-50246dfd]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-50246dfd] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-50246dfd] {
  margin-top: 7px;
}
.visitor-specific[data-v-50246dfd]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-50246dfd] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-50246dfd]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-50246dfd]{
  position: relative;
}
.visitor-point-content[data-v-50246dfd]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-50246dfd]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-50246dfd]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-50246dfd]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-50246dfd] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-50246dfd] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-50246dfd] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-50246dfd] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-50246dfd]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-50246dfd]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-50246dfd]{
  display: none;
}
.addition-info-title[data-v-50246dfd]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-50246dfd]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-50246dfd]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-50246dfd]{
  color: #059FE8;
  cursor: pointer;
}
#log[data-v-50246dfd] {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.parameters-box[data-v-50246dfd]{
  width: calc(100% - 156px);
}
.parameters[data-v-50246dfd] {
  overflow-wrap: break-word;
  background: rgba(239,246,249,1);
  max-height: 225px;
  overflow-y: scroll;
  padding: 8px 16px;
  line-height: 24px;
  font-style: initial;
  font-weight: 400;
  border-radius: 4px;
}
#log-content[data-v-50246dfd]{
  position: absolute;
  width: 1040px;
  top: 0;
  left: 0;
  z-index: -99;
}

.system-maintenance-service[data-v-5c39d702]{
  height: 100%;
}
.system-maintenance-service .service-list[data-v-5c39d702] {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
#party-service .utm-box .utm-box-right[data-v-5c39d702]{
  overflow: hidden;
}
.utm-arrange-box[data-v-5c39d702]{
  margin-left: 0;
  margin-right: 0;
  font-size: 0;
}
.utm-arrange-box .utm-arrange-item[data-v-5c39d702]{
  display: inline-block;
  float: none;
}
.system-maintenance-service .border-tag[data-v-5c39d702]{
  display: inline-block;
  padding: 0 16px;
  margin-right: 16px;
  margin-bottom: 16px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #707070;
  border-radius: 16px;
  color: #333;
  cursor: pointer;
}
.system-maintenance-service .border-tag.active[data-v-5c39d702]{
  background: var(--main-color);
  border: 1px solid var(--main-color);
  color: #fff;
}
.system-maintenance-service .service-list .sub-title[data-v-5c39d702]{
  padding: 0 16px;
  margin-left: -10px;
  width: calc(100% + 32px );
  height: 24px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #F6F6F6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 8px;
}
.system-maintenance-service .arrange-item-container[data-v-5c39d702]{
  height: 108px;
  background-color: #fff;
}
.system-maintenance-service .item-left-img[data-v-5c39d702]{
  margin-right: 1px;
  width: 80px;
  border: 0;
}
.system-maintenance-service .item-right-content[data-v-5c39d702]{
  width: calc(100% - 85px);
}
.system-maintenance-service .utm-option-operation .more-operation[data-v-5c39d702]{
  left: -110px;
  margin-top: -8px;
}
.system-maintenance-service .utm-tooltip.service-name-tooltip[data-v-5c39d702]{
  width: calc( 100% - 30px );
}
.system-maintenance-service .utm-tooltip.service-name-tooltip .ivu-tooltip-rel[data-v-5c39d702]{
  width: 100%;
  max-width: unset;
}
.system-maintenance-service .utm-tooltip.service-name-tooltip .item-name[data-v-5c39d702]{
  max-width: 100%;
  font-size: 18px;
}
.system-maintenance-service .more-operation.service-operation[data-v-5c39d702]{
  z-index: 10;
}
.system-maintenance-service .utm-arrange-box[data-v-5c39d702]{
  padding: 8px 8px 0;
  width: 100%;
}
.system-maintenance-service .service-operation-icon[data-v-5c39d702]{
  font-size: 20px;
  color: var(--main-color);
}
.service-type-line[data-v-5c39d702]{
  height: 23px;
  background: #fff;
  margin: 0 2px 13px 0
}
.module-title[data-v-5c39d702]{
  position: relative;
  padding-bottom: 12px;
  margin: 8px;
  border-bottom: 1px solid rgba(238, 238, 238, 100);
}
.module-title[data-v-5c39d702]:before{
  position: absolute;
  content: '';
  height: 20px;
  width: 4px;
  top: 0;
  left: 0;
  background: #059fe8;
}
.module-title[data-v-5c39d702]:after{
  position: absolute;
  content: '';
  height: 20px;
  width: 2px;
  top: 0;
  left: 6px;
  background: #059fe8;
}
.module-title-name[data-v-5c39d702]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 200px;
  height: 20px;
  padding-left: 4px;
  margin-left: 12px;
  font-size: 16px;
  color: #333;
  background: -webkit-gradient(linear,left top, right top,from(rgba(5,159,232,0.32)), to(rgba(5,159,232,0.00)));
  background: linear-gradient(90deg,rgba(5,159,232,0.32), rgba(5,159,232,0.00));
}
#party-service .arrange-item-field .field-name[data-v-5c39d702]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
#party-service .arrange-item-field .field-content[data-v-5c39d702]{
  max-width: calc(100% - 120px);
}
#party-service .utm-control-label[data-v-5c39d702]{
  width: 180px;
}
#party-service .utm-controls[data-v-5c39d702]{
  margin-left: 180px;
}
.system-maintenance-service .utm-form[data-v-5c39d702] {
  padding-right: 30px;
}

/****************************************************************/

/* 电梯服务需要配置多个账号响应 */
.schindler-account-swapper[data-v-5c39d702]{
  position: relative;
  padding: 16px 16px 0;
  margin-bottom: 16px;
  border-radius: 4px;
  background: rgba(239,246,249,1);
}
#party-service .utm-modal .schindler-account-swapper .utm-control-label[data-v-5c39d702]{
  width: 110px;
}
#party-service .utm-modal .schindler-account-swapper .utm-controls[data-v-5c39d702]{
  margin-left: 110px;
}
.schindler-account-swapper .delete-schindler-account-btn[data-v-5c39d702]{
  position: absolute;
  right: -5px;
  top: -5px;
}
#party-service .add-schindler-account-btn[data-v-5c39d702]{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: var(--main-color);
  cursor: pointer;
}
.add-schindler-account-no.add-schindler-account-btn[data-v-5c39d702]{
  line-height: 40px;
}
#party-service .utm-form[data-v-5c39d702] {
  padding-right: 50px;
}
.default-name-div[data-v-5c39d702]{
  position: relative;
}
.default-name-prompt[data-v-5c39d702]{
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.utm-default-name[data-v-5c39d702]{
  color: #059FE8;
  font-size: 16px;
}

#patch_history[data-v-a6cb7688] {
    height: 100%;
    padding-top: 16px;
}
/* ***************版本详情******************* */
/* 搜索样式 */
.patch-detail-page .detail-search-box[data-v-a6cb7688]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 8px;
}
.patch-detail-page .utm-control-group[data-v-a6cb7688]{
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
}
.patch-detail-page .utm-prefix-input[data-v-a6cb7688]{
    display: inline-block;
    width: 290px;
    font-size: 0;
    margin-right: 16px;
}
.patch-detail-page .to-text[data-v-a6cb7688]{
    text-align: center;
    min-width: 33px;
}
.patch-detail-page .utm-date-picker[data-v-a6cb7688]{
    width: 200px;
}
.patch-detail-page .search-user-btn[data-v-a6cb7688]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 96px;
    font-size: 0;
}
/* 具体的版本内容 */
.patch-detail-page .detail-history-box[data-v-a6cb7688]{
    overflow: auto;
    width: calc(100% + 18px);
    padding-right: 8px;
}
.patch-detail-page .detail-history-swapper[data-v-a6cb7688]{
    width: 852px;
    margin-top: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}
.patch-detail-page .patch-history-header[data-v-a6cb7688]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 16px;
    background: #f5f7fa;
    border-radius: 4px;
    font-size: 14px;
}
.patch-history-header .patch-history-title[data-v-a6cb7688]{
    width: 97%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.patch-history-header .patch-history-name[data-v-a6cb7688]{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: unset;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.patch-history-header .patch-history-time[data-v-a6cb7688]{
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    display: inline-block;
    color: #999;
}
.patch-history-header  .arrow i[data-v-a6cb7688]{
    font-size: 18px;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
    cursor: pointer;
}
.patch-history-header  .arrow.open i[data-v-a6cb7688]{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.patch-detail-page .patch-history-content[data-v-a6cb7688]{
    display: none;
    border-top: 1px solid #e1e1e1;
    padding: 16px;
    line-height: 24px;
    font-size: 14px;
}
.patch-detail-page .patch-history-content li[data-v-a6cb7688]{
    line-height: 20px;
    margin-bottom: 8px;
}

#item-content .vertical-options-item{
        display: block !important;
        margin: 2px 24px 2px 0;
}
#item-content .vertical-options-item>span{
        display: inline-block;
        vertical-align: middle;
}

.system-maintenance-service[data-v-59b702cc]{
    height: 100%;
}
.system-maintenance-service .service-list[data-v-59b702cc] {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: calc(100% - 144px);
}
#party-service .utm-box .utm-box-right[data-v-59b702cc]{
  overflow: hidden;
}
.utm-arrange-box[data-v-59b702cc]{
  margin-left: 0;
  margin-right: 0;
  font-size: 0;
}
.utm-arrange-box .utm-arrange-item[data-v-59b702cc]{
  display: inline-block;
  float: none;
}
.system-maintenance-service .border-tag[data-v-59b702cc]{
  display: inline-block;
  padding: 0 16px;
  margin-right: 16px;
  margin-bottom: 16px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #707070;
  border-radius: 5px;
  color: #333;
  cursor: pointer;
}
.system-maintenance-service .border-tag.active[data-v-59b702cc]{
  background: #0F5EF7;
  border: 1px solid #0F5EF7;
  color: #fff;
}
.system-maintenance-service .service-list .sub-title[data-v-59b702cc]{
  padding: 0 16px;
  margin-left: -10px;
  width: calc(100% + 32px );
  height: 24px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #F6F6F6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 8px;
}
.system-maintenance-service .arrange-item-container[data-v-59b702cc]{
  height: 110px;
  background-color: #fff;
}
.system-maintenance-service .item-left-img[data-v-59b702cc]{
  margin-right: 1px;
  width: 80px;
  border: 0;
}
.system-maintenance-service .item-right-content[data-v-59b702cc]{
  width: calc(100% - 85px);
}
.system-maintenance-service .utm-option-operation .more-operation[data-v-59b702cc]{
  left: -110px;
  margin-top: -8px;
}
.system-maintenance-service .utm-tooltip.service-name-tooltip[data-v-59b702cc]{
  width: calc( 100% - 30px );
}
.system-maintenance-service .utm-tooltip.service-name-tooltip .ivu-tooltip-rel[data-v-59b702cc]{
  width: 100%;
  max-width: unset;
}
.system-maintenance-service .utm-tooltip.service-name-tooltip .item-name[data-v-59b702cc]{
  max-width: 100%;
  font-size: 14px;
}
.system-maintenance-service .arrange-item-field .field-content[data-v-59b702cc] {
  max-width: calc(100% - 125px);
}
.system-maintenance-service .item-right-content .arrange-item-field[data-v-59b702cc] {
  padding: 4px 0;
}
.system-maintenance-service .more-operation.service-operation[data-v-59b702cc]{
  z-index: 10;
}
.system-maintenance-service .utm-arrange-box[data-v-59b702cc]{
  padding: 8px 8px 0;
  width: 100%;
}
.system-maintenance-service .service-operation-icon[data-v-59b702cc]{
  font-size: 20px;
  color: var(--main-color);
}
.service-type-line[data-v-59b702cc]{
  height: 24px;
  background: #f9f9f9;
  margin: 0 2px 2px 0
}
.module-title[data-v-59b702cc]{
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: relative;
  margin-left: 24px;
}
.module-title[data-v-59b702cc]:before{
  content: '';
  width: 4px;
  height: 24px;
  background: #b4b4b4;
  display: inline-block;
  position: absolute;
  left: -16px;
}
.module-title-active[data-v-59b702cc]{
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: relative;
  margin-left: 24px;
}
.module-title-active[data-v-59b702cc]:before{
  content: '';
  width: 4px;
  height: 24px;
  background: var(--main-color);
  display: inline-block;
  position: absolute;
  left: -16px;
}

#recurring_report_management[data-v-2ef0c593] {
    height: 100%;
}
.tip-div[data-v-2ef0c593]{
    word-break: keep-all;
    text-align: left;
}
#recurring_report_management .permission-box[data-v-2ef0c593] {
    width: 100%;
    height: 535px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    overflow-y: auto;
    padding: 0 16px;
}
#recurring_report_management .content-box[data-v-2ef0c593] {
    padding: 0 16px;
    height: calc(100% - 86px);
    overflow: auto;
    overflow-x: hidden;
}
#recurring_report_management .content-box .list[data-v-2ef0c593]{
   
    height: calc(100% - 78px);
    overflow: auto;
    overflow-x: hidden;
}
.role-box[data-v-2ef0c593] {
    padding: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 170px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-right: 16px;
    margin-bottom: 16px;
}
.role-box.role-fl-right[data-v-2ef0c593]{
    margin-right: 0px !important;
}
.role-box.role-box2[data-v-2ef0c593]{
    width: calc( 50% - 8px );
}
.role-box.role-box3[data-v-2ef0c593]{
    width: calc( 33.3% - 11px );
}
.role-box.role-box4[data-v-2ef0c593]{
    width: calc( 25% - 12px );
}
.role-box.role-box5[data-v-2ef0c593]{
    width: calc( 20% - 13px );
}
.role-box.role-box6[data-v-2ef0c593]{
    width: calc( 16.3% - 14px );
}
.role-box[data-v-2ef0c593]:hover,
  .role-box:hover .role-box-bottom[data-v-2ef0c593] {
    border-color: var(--main-color);
}
.role-box:hover .role-box-bottom[data-v-2ef0c593] {
    border-top-color: #ebebeb;
}
.check-type-box[data-v-2ef0c593]{
    width: 502px;
    background: #f5f7fa;
    border-radius: 4px;
    line-height: 39px;
    padding-left: 16px;
    margin-top: 16px;
}
.check-type-box.active[data-v-2ef0c593]{
    background: #fff;
    border: 1px solid var(--main-color);
}
.item-operation[data-v-2ef0c593] {
    border-top: 1px solid #dfdfdf;
    width: 109%;
    text-align: right;
    padding-top: 3px ;
    position: relative;
    right: 4.5%;
    margin-top: 18px;
}
.operate-item[data-v-2ef0c593]{
    margin-right: 12px;
}
.operate-item i[data-v-2ef0c593]{
    color: var(--main-color);
    font-size: 24px;
}
.operate-item.disabled[data-v-2ef0c593] {
    cursor: pointer;
}
.operate-item.disabled i[data-v-2ef0c593] {
    color: #B4B4B4;
    pointer-events: none;
}
.operate-title[data-v-2ef0c593]{
    color: #333;
}
.operate-icon[data-v-2ef0c593] {
    font-size: 16px;
}
.role-text[data-v-2ef0c593] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}
.des-text[data-v-2ef0c593] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    word-break: break-all;
    line-height: 23px;
}
.des-text span[data-v-2ef0c593]:first-child{
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}
.box-right[data-v-2ef0c593]{
   margin: -45px 0px 0 55px
}
.box-left img[data-v-2ef0c593]{
    height: 27px;
    width: 22px;
    margin: 8px 0 0 8px;
}
#recurring_report_management .utm-defult-btn[data-v-2ef0c593]{
    font-size: 14px;
}
#recurring_report_management .download-icon[data-v-2ef0c593]{
    width: 78px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
#recurring_report_management .download-icon i[data-v-2ef0c593]{
    font-size: 52px;
    color: #D9D4C4;
    cursor: auto;
}
#recurring_report_management .arrange-item-container[data-v-2ef0c593]{
    height: 148px;
}
#recurring_report_management .arrange-item-container .item-right-content[data-v-2ef0c593]{
    width: calc(100% - 78px);
}
#recurring_report_management .arrange-item-container .arrange-item-field[data-v-2ef0c593]{
    padding: 0;
}
#recurring_report_management .arrange-item-container .download-template-button[data-v-2ef0c593]{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 10px;
}
  /* 创建编辑模板弹框样式 */
.clear-params[data-v-2ef0c593],.clear-params i[data-v-2ef0c593]{
    color: #FF9A36;
    cursor: pointer;
}
.download-field-item[data-v-2ef0c593]{
    border-bottom: 1px solid rgba(223,223,223,1);
}
.download-field-item[data-v-2ef0c593]:last-child{
    border-bottom:0;
}
.download-field-item .download-report[data-v-2ef0c593]{
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 16px;
    cursor: pointer;
}
.download-field-item .select-field-desc[data-v-2ef0c593]{
    color: #999;
}
.download-field-item .select-field-desc.select-field-desc-up[data-v-2ef0c593],
  .download-field-item.open .select-field-desc.select-field-desc-down[data-v-2ef0c593]{
    display: inline-block;
}
.download-field-item.open .select-field-desc.select-field-desc-up[data-v-2ef0c593],
  .download-field-item .select-field-desc.select-field-desc-down[data-v-2ef0c593]{
    display: none;
}
.download-field-item .arrow[data-v-2ef0c593]{
    width: 24px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    cursor: pointer;
}
.download-field-item.open .arrow i[data-v-2ef0c593] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.download-field-item .arrow i[data-v-2ef0c593] {
    color: #333;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
  /*选择字段*/
.download-field-item .download-fields[data-v-2ef0c593]{
    padding: 8px 16px;
    background:rgba(248,248,249,1);
    border-top: 1px solid rgba(223,223,223,1);
    display: none;
}
.download-field-item .utm-check-group .ivu-checkbox-wrapper[data-v-2ef0c593]{
    width: 32%;
    min-width: 200px;
}
.search-controls[data-v-2ef0c593]{
    position: relative;
}
.classify-title[data-v-2ef0c593]{
    font-size: 14px;
    font-weight: 700;
    position: relative;
    color: #333;
    padding: 16px 12px;
}
.classify-title[data-v-2ef0c593]:before{
    content: '';
    width: 4px;
    height: 16px;
    background: var(--main-color);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 20px;
}
.time-panel[data-v-2ef0c593] {
    position: absolute;
    top: 48px;
    left: 16px;
    width: 300px;
    min-height: 56px;
    max-height: 400px;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 8px 16px;
    z-index: 5;
    display: block;
}
@media screen and (min-width: 1700px){
.time-panel[data-v-2ef0c593] {right: 0;
      left: 0;
}
}
.time-panel .period-operation[data-v-2ef0c593]{
    height: 40px;
    position: absolute;
    right: 16px;
    bottom: 8px;
    text-align: right;
    margin-top: 8px;
}
.panel-item[data-v-2ef0c593]{
    max-height: 336px;
    overflow-y: auto;
    margin-bottom: 48px;
}
.panel-item .period-time[data-v-2ef0c593] {
    margin: 0 -5px 8px -5px;
}
.panel-item .panel-item-radio[data-v-2ef0c593] {
    margin-bottom: 8px;
    color: #515a6e;
    text-align: left;
}
.panel-item .panel-item-radio .ivu-checkbox-group-item[data-v-2ef0c593]{
    display: block;
}
.search-box[data-v-2ef0c593]{
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    background:rgba(238,238,238,1);
    border:1px solid rgba(223,223,223,1);
    opacity:1;
    border-radius:4px;
}
.last-search-box[data-v-2ef0c593]{
    margin-bottom: 0;
}
.search-box .close-condition-icon[data-v-2ef0c593]{
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 16px;
    color: #8C8C8C;
}
.search-box .rdt-search-line[data-v-2ef0c593]{
    width: 100%;
    margin: 16px 0;
}
.rdt-search-line .rdt-search-title[data-v-2ef0c593]{
    width: 180px;
    display: inline-block;
    font-weight: 700;
}
.rdt-search-line .rdt-search-item[data-v-2ef0c593]{
    width: calc(100% - 45px);
    display: inline-block;
    margin-top: 8px;
    position: relative;
}
.rdt-search-item .panel-item[data-v-2ef0c593]{
    overflow: visible;
}
.rdt-search-line .rdt-del-item[data-v-2ef0c593]{
    width: 40px;
    display: inline-block;
    text-align: center;
}
.rdt-search-line .rdt-del-item .closearch-icon[data-v-2ef0c593]{
    color: rgba(51,51,51,1);
    font-size: 14px;
}
.rdt-search-btn i[data-v-2ef0c593] {
    font-size: 16px;
    font-weight: 700;
}
.rdt-search-line .utm-date-picker[data-v-2ef0c593]{
    width: 45%;
}
.selected-time-item[data-v-2ef0c593] {
    height: 40px;
    font-size: 16px;
    color: #333;
    background: rgba(251, 250, 249, 1);
    border: 1px solid rgba(223, 223, 223, 1);
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}
.selected-time-item:hover .ivu-icon-ios-close-circle[data-v-2ef0c593] {
    display: block;
}
.selected-time-item .ivu-icon-ios-close-circle[data-v-2ef0c593] {
    display: none;
}
.selected-time-item[data-v-2ef0c593]:hover {
    border: 1px solid rgba(184, 147, 87, 1);
    outline: unset;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
}
.selected-time-item .time-panel[data-v-2ef0c593] {
    position: absolute;
    top: 40px;
    left: 0;
    width: 300px;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 8px 16px;
    z-index: 5;
    display: none;
}
@media screen and (min-width: 1700px){
.selected-time-item .time-panel[data-v-2ef0c593] {
      left: 0;
}
}
.selected-time-item .current-time-item[data-v-2ef0c593] {
    display: inline-block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    padding: 4px 8px;
}
.rdt-search-line .utm-select.utm-multiple-select[data-v-2ef0c593]{
    position: relative;
}
.rdt-search-line .utm-select.utm-multiple-select .select-departmen-box[data-v-2ef0c593]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rdt-search-line .utm-select.utm-multiple-select:hover .select-departmen-box[data-v-2ef0c593]{
    margin-right: 16px;
}
.rdt-search-line .utm-select.utm-multiple-select:hover .clear-department[data-v-2ef0c593]{
    display: inline-block;
}
.rdt-search-line .utm-select.utm-multiple-select .clear-department[data-v-2ef0c593]{
    color: #666;
    position: absolute;
    right: 4px;
    top: 12px;
    display: none;
    cursor: pointer;
}
.search-department-box .utm-select.utm-multiple-select .select-departmen-box .ivu-tag[data-v-2ef0c593]{
    margin:0 4px 0 0;
    padding: 0 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.rdt-timeperiod[data-v-2ef0c593]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.download-line[data-v-2ef0c593]{
    width: 100%;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 8px 0;
    margin: 9px 0 25px;
}
.download-line .utm-control-group[data-v-2ef0c593]{
    margin-bottom: 0px;
}
#recurring_report_management .utm-control-group[data-v-2ef0c593]{
    margin-bottom: 8px;
}
#recurring_report_management .utm-control-label[data-v-2ef0c593] {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: rgb(51, 51, 51);
    height: 40px;
    line-height: 40px;
    width: 160px;
    display: inline-block;
    white-space: nowrap;
    float: unset;
}
#recurring_report_management .utm-controls[data-v-2ef0c593] {
        min-height: 40px;
        margin-left:0
}
.rdt-auto-time[data-v-2ef0c593]{
    display: inline-block;
    width: 45%;
    margin-right: 16px;
}
.rdt-auto-tip i[data-v-2ef0c593]{
    font-size: 20px;
    color: #FF9A36;
}
.download-switch[data-v-2ef0c593]{
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.switch-tip[data-v-2ef0c593]{
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.download-switch .receiver-office[data-v-2ef0c593]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 18px;
}
#recurring_report_management .account-item-title[data-v-2ef0c593]{
    font-size: 14px;
    color: var(--main-color);
    font-weight: bold;
}
#recurring_report_management .account-box[data-v-2ef0c593]{
    padding: 0;
    margin-bottom: 12px;
}
#recurring_report_management .account-box .account-box-owner[data-v-2ef0c593] {
    background: #e8e8e8;
    border-radius: 8px;
    padding: 4px 12px 12px 12px;
    margin: 10px 0 12px 0;
}
#recurring_report_management .add-account-btn[data-v-2ef0c593]{
    background-color: #f5f5f5;
    height: 20px;
    padding: 0;
    opacity: 1;
}
#recurring_report_management .add-account-btn i[data-v-2ef0c593]{
    color: var(--main-color);
    font-size: 16px;
    margin-right: 8px;
}
.notice-content[data-v-2ef0c593] {
    width: 100%;
    min-height: 180px;
    border: 1px solid #dfdfdf;
    background: #ffffff;
    border-radius: 4px;
    margin-bottom: 14px;
    overflow-y: auto;
}
.notice-content .email-subject[data-v-2ef0c593]{
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-2ef0c593]{
    width: 100%;
    padding: 8px;
}
.email-subject .email-subject-line[data-v-2ef0c593]{
    width: 1px;
    height: 28px;
    border: 1px solid #dfdfdf;
    margin: 0 16px;
}
.edit-tab[data-v-2ef0c593] {
    color: var(--main-color);
    cursor: pointer;
}
.rdt-rgf-tip[data-v-2ef0c593]{
    font-size: 16px;
    padding-top: 8px;
    text-align: left;
    color: #999999;
}
  /* pdf预览 */
.reportinfo-title[data-v-2ef0c593]{
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
}
.utm-print-box.utm-modal-box[data-v-2ef0c593]{
    width: 90%;
}
.utm-print-preview[data-v-2ef0c593]{
    width: 1100px;
    padding: 100px 130px;
    background-color: #F2F2F2;
    overflow: auto;
}
.utm-print-preview .pdf-preview-content[data-v-2ef0c593]{
    margin: 0 auto;
    padding: 32px 24px;
    background-color: #fff;
}
.utm-print-preview .utm-print-preview-title[data-v-2ef0c593]{
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    color: #202020;
}
.utm-print-preview .pdf-template-detail[data-v-2ef0c593]{
    width: 100%;
    height: 36px;
    margin-bottom: 16px;
    padding-left: 12px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeQAAAAjCAYAAABFNHlBAAADXUlEQVR4Xu3cPWsUURTG8XNjoQTExk9gxM7eXUW0FPwAEUHs7MRqO91rmhRpFLGxFSyCX8BGrJxlgy+17EQjKIpYBaPJzs6RFApxVSbzsnNf/tZ775zzOxceYnHM8e5tFf4hgEAUAqq6kia2F0WzNImAZwKGQPZsYpSLQEUBzeV6Oujfq3gNxxFAoGYBArlmUK5DwHUBVcmN6qXRwK66Xiv1IRCTAIEc07TpFYFfAio7avRC+tw+BQUBBNwQIJDdmANVINCGwGY21rPv1uzrNj7ONxFAYK8AgcyLQCBiAVX5nE3mOhvDm28jZqB1BJwQIJCdGANFINCegIq++ZFtdz8Ml7+2VwVfRgABApk3gAACIqrDrR05//GF3YIDAQTaESCQ23Hnqwg4J6AqT9KDelGe2cy54igIgQgECOQIhkyLCBQVUJWHadK/UvT3/A4BBOoTIJDrs+QmBIIQYJtXEGOkCQ8FCGQPh0bJCDQtwDavpoW5H4FpAQKZV4EAAlMCbPPiUSAwewECefbmfBEBPwTY5uXHnKgyGAECOZhR0ggCjQhsjnM9tzGwLxu5nUsRQOC3AIHMY0AAgf8K7G7zGmfafb9m16FCAIHmBAjk5my5GYFgBHa3eX37vn3m06vlL8E0RSMIOCZAIDs2EMpBwFkBtnk5OxoKC0OAQA5jjnSBwEwE2OY1E2Y+EqkAgRzp4GkbgdICqo9Gib1c+jwHEUDgrwIEMg8DAQT2LaAqK2nS7+37IAcQQOCfAgQyjwMBBEoJ5Dq5sZ4s3S11mEMIIDAlQCDzKBBAoJSAqqhRXRwN7GqpCziEAAJ7BAhkHgQCCJQXYJtXeTtOIvCHAIHMk0AAgaoCbPOqKsh5BESEQOYZIIBAZQG2eVUm5AIECGTeAAII1CPANq96HLklXgH+Qo539nSOQP0Cnm7zWujcuibmwB0jcqh+FG5EoJgAgVzMiV8hgEBBAZ+2eR093Tt8ZDL/wMyZxYLt8TMEGhMgkBuj5WIEIhbwYJvXsc7SSWPyx0bMiYgnResOCRDIDg2DUhAIScDlbV4Lp+xVMea+MTIfkjm9+C1g/C6f6hFAAAEEEAhDgEAOY450gQACCCDguQD/Ze35ACkfAQQQQCAMAQI5jDnSBQIIIICA5wI/AerqJGf3Cp+PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.utm-print-preview .blue-title[data-v-2ef0c593]{
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color);
}
.utm-print-preview .utm-print-info[data-v-2ef0c593]{
    background-color: #fff;
}
.utm-print-preview .utm-print-info .utm-control-group[data-v-2ef0c593]{
    width: 49%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 0;
}
.utm-print-preview .utm-print-info .utm-vel-label[data-v-2ef0c593]{
    width: 140px;
    height: 16px;
    font-size: 10px;
}
.utm-print-preview .utm-print-info .utm-controls-vel[data-v-2ef0c593]{
    min-height: 16px;
    font-size: 10px;
}
.utm-print-table[data-v-2ef0c593]{
    width: 100%;
    padding-top: 8px;
    background-color: #FFF;
}
.utm-print-table .print-table[data-v-2ef0c593] {
    width: 100%;
    font-size: 12px;
    table-layout: fixed;
    border-collapse: collapse;
    color: #666;
    border: none;
}
.print-table thead tr[data-v-2ef0c593] {
    background: rgba(224,231,245,1);
    font-weight: bold;
    border: 1px solid #E0E7F5;
}
.print-table thead tr th[data-v-2ef0c593] {
    padding: 9px 10px;
    line-height: 1;
    position: relative;
}
.print-table .thead-title[data-v-2ef0c593]{
    display: inline-block;
    max-width:100%;
    height: 100%;
    word-break: break-all;
}
.preview-serach[data-v-2ef0c593]{
    max-height: 400px;
    overflow: auto;
}
#recurring_report_management[data-v-2ef0c593] .print-table tbody tr td {
    overflow: hidden;
    padding: 9px 10px;
    border: 1px solid #E0E7F5;
    word-break: break-all;
}
#recurring_report_management .arrange-item-title .item-name[data-v-2ef0c593]{
    max-width: 100%;
}
  /* 没有模板说明 */
#recurring_report_management .no-report[data-v-2ef0c593]{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    margin-top: 142px;
    text-align: center;
}
.no-report .no-report-icon[data-v-2ef0c593]{
    width: 50px;
    height: 50px;
    vertical-align:middle;
}
.no-report .no-report-text[data-v-2ef0c593]{
    font-size: 16px;
    color: #999;
    line-height: 28px;
}
.receiver-format[data-v-2ef0c593]{
    position: relative;
    width: 100%;
    padding: 6px 16px 6px 16px;
    margin-bottom: 8px;
    background: #f5f5f5;
    border-radius: 5px;
}
.receiver-format .receiver-format-close[data-v-2ef0c593]{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
    color: #333;
}
.diy-add-btn[data-v-2ef0c593]{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 40px;
    line-height: 40px;
    color: var(--main-color);
    font-weight: 700;
    cursor: pointer;
}
.diy-add-btn i[data-v-2ef0c593]{
    font-size: 16px;
    color: var(--main-color);
}
.delete-condition-item[data-v-2ef0c593]{
     width: 16px;
    height: 16px;
    text-align: center;
    background:  #8c8c8c;
    position: absolute;
    top: -6px;
    right: -5px;
    border-radius: 8px;
}
.delete-condition-item i[data-v-2ef0c593]{
    font-size: 12px;
    vertical-align: top;
}
.double-select[data-v-2ef0c593]{
    width: calc(100% - 217px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid rgba(184, 147, 87, 0);
}
.double-select[data-v-2ef0c593]:hover, .double-select[data-v-2ef0c593]:focus {
    border: 1px solid rgba(184, 147, 87, 1);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0 0 0 .08), 0 0 8px rgba(184 147 87 .4);
            box-shadow: inset 0 1px 1px rgba(0 0 0 .08), 0 0 8px rgba(184 147 87 .4);
}
.double-select .utm-left-select[data-v-2ef0c593] {
    width: 128px;
}
#recurring_report_management[data-v-2ef0c593] .utm-left-select.ivu-select-visible .ivu-select-selection{
    border-radius: 4px 0 0 4px;
}
.double-select .utm-right-select[data-v-2ef0c593]{
    width: calc(100% - 128px);
}
#recurring_report_management[data-v-2ef0c593] .utm-right-select.ivu-select-visible .ivu-select-selection{
    border-radius: 0 4px 4px 0;
}
.utm-account-wapper-content li[data-v-2ef0c593]{
    text-align: left;
    margin: 8px;
}
.utm-account-wapper-content li.active[data-v-2ef0c593]{
    background: rgba(var(--main-color-rgb),0.2)
}
.utm-account-wapper-content li[data-v-2ef0c593]:hover{
    background: rgba(var(--main-color-rgb),0.1)
}
.select-name[data-v-2ef0c593]{
    display: inline-block;
    max-width: 388px;
    vertical-align: middle;
}
.utm-account-wapper[data-v-2ef0c593] {
    width: 450px;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 2px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 9px #ccc;
            box-shadow: 1px 1px 9px #ccc;
    display: none;
}
.utm-account-wapper .utm-account-wapper-content[data-v-2ef0c593] {
    padding: 8px 0 0 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: unset;
}
.owner-item[data-v-2ef0c593]{
    background: #f4f4f5;
    border: 1px solid #dfdfdf;
    padding: 6px;
    border-radius: 4px;
    margin-right: 8px;
    margin-top: 8px;
    display: inline-block;
    word-break: break-all;
}
.owner-item-close[data-v-2ef0c593]{
    color: #b4b4b4;
    font-size: 12px;
}
.preview-btn[data-v-2ef0c593]{
    float: left;
}
.body-box[data-v-2ef0c593]{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.body-box-left[data-v-2ef0c593]{
    padding: 29px 24px;
    width: 40%;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.16);
            box-shadow: 0 0 8px 0 rgba(0,0,0,0.16);
    position: relative;
}
.body-box-right[data-v-2ef0c593]{
    width: 60%;
    background: rgb(218,220,224);
}
.body-box-title[data-v-2ef0c593]{
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.pre-info-title[data-v-2ef0c593]{
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.pre-info-item[data-v-2ef0c593]{
    margin-left: 10px;
    margin-top: 8px;
}
.pre-info-item span[data-v-2ef0c593]{
    margin-left: 140px;
}
.pre-close-btn[data-v-2ef0c593]{
    position: absolute;
    bottom :24px;
    right: 24px;
}
.box-box-right-content[data-v-2ef0c593]{
    margin:  0 auto;
    background: #fff;
    margin-top: 48px;
}
.pre-view-body[data-v-2ef0c593]{
    height: 800px;
    overflow-y: auto;
}
.blue-icon[data-v-2ef0c593]{
    color: var(--main-color);
    font-size: 13px;
    font-weight: 700;
}
.table-field-box[data-v-2ef0c593]{
    padding: 0 10px 0 0;
}
.table-field-box .utm-tag[data-v-2ef0c593]{
    position: relative;
    padding-right: 28px;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-2ef0c593] {
    background: #effaff;
    border: 1px solid var(--main-color);
    cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-2ef0c593]{
    position: absolute;
    right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: #858585;
}
#recurring_report_management .utm-module-title[data-v-2ef0c593]{
    margin-bottom: 16px;
    margin-top: 16px;
}
#recurring_report_management .utm-module-title[data-v-2ef0c593]:after{
    background: #fff
}
#recurring_report_management .table-no-data[data-v-2ef0c593]{
    padding:18% 0;
}
  /*分组显示所有字段*/
.table-field-group[data-v-2ef0c593]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-2ef0c593]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-field-group .table-field-number[data-v-2ef0c593]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-2ef0c593]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-field-group .table-field-arrow[data-v-2ef0c593]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-2ef0c593]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.table-field-group .utm-checkbox.table-field-item[data-v-2ef0c593]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-22822863] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-22822863]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-22822863]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-22822863]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-22822863]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-22822863]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-22822863] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-22822863]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-22822863]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-22822863] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-22822863]{
  width: 100%;
}
.box-trapezoid[data-v-22822863] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-22822863] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-22822863] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-22822863]{
  margin-bottom: 0;
}
.map-name-text[data-v-22822863]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-22822863]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-22822863]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-22822863] {
  display: inline-block;
}
.access-visitorStr p[data-v-22822863]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-22822863] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-22822863] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-22822863]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-22822863] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-22822863] {
  margin-top: 7px;
}
.visitor-specific[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-22822863] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-22822863]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-22822863]{
  position: relative;
}
.visitor-point-content[data-v-22822863]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-22822863] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-22822863] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-22822863] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-22822863]{
  display: none;
}
.addition-info-title[data-v-22822863]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-22822863]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-22822863]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-22822863]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-22822863]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-22822863]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-22822863]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-22822863]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-22822863]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-22822863]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-22822863]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-22822863]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-22822863]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-22822863]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-22822863]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-22822863]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-22822863]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-22822863]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-22822863] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-22822863]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-22822863] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-22822863]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-22822863] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-22822863]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-22822863]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-22822863]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-22822863]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-22822863]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-22822863]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-22822863]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-22822863]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-22822863]{
  display: block;
}
.report-modul-device .device-info-left[data-v-22822863]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-22822863]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-22822863]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-22822863]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-22822863]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-22822863] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-22822863]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-22822863]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-22822863]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-22822863]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-22822863]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-22822863]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-22822863]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-22822863]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-22822863]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-22822863]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-22822863]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-22822863]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-22822863]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-22822863]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-22822863]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-22822863]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-22822863]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-22822863]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-22822863]{
  display: block;
}
.report-history-item .process-task-span[data-v-22822863]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-22822863]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-22822863]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-22822863]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-22822863] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-22822863] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-22822863] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-22822863] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#fr-access[data-v-22822863]{
  width: 100%;
  height: 100%;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-22822863] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-22822863] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-22822863] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-22822863] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-22822863]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-22822863] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-22822863]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-22822863]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-22822863] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-22822863]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-22822863] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-22822863] {
  margin-top: 7px;
}
.visitor-specific[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-22822863] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-22822863]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-22822863]{
  position: relative;
}
.visitor-point-content[data-v-22822863]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-22822863]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-22822863]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-22822863]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-22822863] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-22822863] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-22822863] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-22822863] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-22822863]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-22822863]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-22822863]{
  display: none;
}
.addition-info-title[data-v-22822863]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-22822863]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-22822863]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-22822863]{
  color: #059FE8;
  cursor: pointer;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-0fff1624] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-0fff1624]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-0fff1624]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-0fff1624]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-0fff1624]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-0fff1624]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-0fff1624] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-0fff1624]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-0fff1624]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-0fff1624] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-0fff1624]{
  width: 100%;
}
.box-trapezoid[data-v-0fff1624] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-0fff1624] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-0fff1624] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-0fff1624]{
  margin-bottom: 0;
}
.map-name-text[data-v-0fff1624]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-0fff1624]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-0fff1624]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-0fff1624] {
  display: inline-block;
}
.access-visitorStr p[data-v-0fff1624]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-0fff1624] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-0fff1624] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-0fff1624]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-0fff1624] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-0fff1624] {
  margin-top: 7px;
}
.visitor-specific[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-0fff1624] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-0fff1624]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-0fff1624]{
  position: relative;
}
.visitor-point-content[data-v-0fff1624]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-0fff1624] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-0fff1624] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-0fff1624] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-0fff1624]{
  display: none;
}
.addition-info-title[data-v-0fff1624]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-0fff1624]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-0fff1624]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-0fff1624]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-0fff1624]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-0fff1624]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-0fff1624]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-0fff1624]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-0fff1624]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-0fff1624]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-0fff1624]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-0fff1624]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-0fff1624]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-0fff1624]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-0fff1624]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-0fff1624]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-0fff1624]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-0fff1624]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-0fff1624] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-0fff1624]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-0fff1624] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-0fff1624]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-0fff1624] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-0fff1624]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-0fff1624]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-0fff1624]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-0fff1624]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-0fff1624]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-0fff1624]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-0fff1624]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-0fff1624]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-0fff1624]{
  display: block;
}
.report-modul-device .device-info-left[data-v-0fff1624]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-0fff1624]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-0fff1624]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-0fff1624]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-0fff1624]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-0fff1624] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-0fff1624]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-0fff1624]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-0fff1624]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-0fff1624]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-0fff1624]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-0fff1624]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-0fff1624]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-0fff1624]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-0fff1624]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-0fff1624]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-0fff1624]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-0fff1624]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-0fff1624]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-0fff1624]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-0fff1624]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-0fff1624]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-0fff1624]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-0fff1624]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-0fff1624]{
  display: block;
}
.report-history-item .process-task-span[data-v-0fff1624]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-0fff1624]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-0fff1624]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-0fff1624]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-0fff1624] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-0fff1624] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-0fff1624] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-0fff1624] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#accessRightReport[data-v-0fff1624]{
  height: 100%;
}
#accessRightReport .utm-modal-body[data-v-0fff1624]{
  height: 100%;
}
.search-box[data-v-0fff1624]{
  margin-top: 15px;
  margin-bottom: 20px;
}
.search-box-text[data-v-0fff1624] {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
  margin-bottom: 16px;
}
#accessRightReport .utm-controls[data-v-0fff1624]{
  margin: 0;
}
.more-ac[data-v-0fff1624]{
  display: inline-block;
  margin-left: 8px;
}
#accessRightReport .utm-vxe-table .table-view-icon[data-v-0fff1624]{
  vertical-align: middle;
}
.utm-vxe-table .more-option .option-title[data-v-0fff1624]{
  display: inline-block;
  max-width: 200px;
  vertical-align: middle;
}
.field-tab-content[data-v-0fff1624]{
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 4px 16px 16px 16px;
  margin-top: 16px;
  line-height: 1;
  max-height: 343px;
  overflow-y: auto;
}
.field-tab-content .ac-item[data-v-0fff1624]{
  font-size: 16px;
  margin-top: 12px;
}
.field-tab-content .az-item[data-v-0fff1624]{
  color: #666;
  font-size: 16px;
  margin-top: 12px;
}
.field-tab-content .ac-item .utm-font[data-v-0fff1624],
.field-tab-content .az-item .utm-font[data-v-0fff1624]{
  color: #858585;
  font-size: 16px;
  margin-right: 7px;
}
.ul-table[data-v-0fff1624]{
  width: 100%;
}
.ul-table.ul-table-content[data-v-0fff1624]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
}
.ul-table .li-title[data-v-0fff1624],
.ul-table .li-tr[data-v-0fff1624]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(223,223,223,1);
  min-height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ul-table .li-title[data-v-0fff1624]{
  font-size: 14px;
  background: #F5F7FA;
}
.ul-table .li-tr[data-v-0fff1624]{
  font-size: 16px;
  color: #393939;
  border-left: 1px solid rgba(223,223,223,1);
  border-right: 1px solid rgba(223,223,223,1);
}
.ul-table .ul-table-left[data-v-0fff1624]{
  width: calc(100% - 120px);
  padding: 0 8px;
}
.ul-table .ul-table-right[data-v-0fff1624]{
  width: 120px;
}
.ul-table.ul-table-1 .ul-table-left[data-v-0fff1624]{
  width: 100%;
  padding: 0 8px;
}
.ul-table.ul-table-1 .ul-table-right[data-v-0fff1624]{
  display: none;
}
.ul-table .ul-table-left .utm-font[data-v-0fff1624]{
  font-size: 16px;
  color: #858585;
  margin-right: 4px;
}
.ul-table .ul-table-right .utm-font[data-v-0fff1624]{
  font-size: 20px;
  color: var(--main-color);
}
#accessRightReport .bule-txt-click[data-v-0fff1624] {
  color: var(--main-color);
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
#accessRightReport .blue-text[data-v-0fff1624]{
  display: inline-block;
  vertical-align: top;
}
/* profile photo */
[data-v-0fff1624]#accessRightReport .ivu-col-span-3{
  text-align: right;
}
.photoBox[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.particular-box-substance .access-visitorStr[data-v-0fff1624] {
    margin: 0;
    margin-left: 16px;
}
.tooltip-more-text[data-v-0fff1624]{
  color: var(--main-color);
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-0fff1624] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-0fff1624] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-0fff1624] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-0fff1624] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-0fff1624]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-0fff1624] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-0fff1624]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-0fff1624]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-0fff1624] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-0fff1624]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-0fff1624] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-0fff1624] {
  margin-top: 7px;
}
.visitor-specific[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-0fff1624] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-0fff1624]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-0fff1624]{
  position: relative;
}
.visitor-point-content[data-v-0fff1624]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-0fff1624]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-0fff1624]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-0fff1624]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-0fff1624] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-0fff1624] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-0fff1624] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-0fff1624] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-0fff1624]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-0fff1624]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-0fff1624]{
  display: none;
}
.addition-info-title[data-v-0fff1624]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-0fff1624]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-0fff1624]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-0fff1624]{
  color: #059FE8;
  cursor: pointer;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-23d2728e] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-23d2728e]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-23d2728e]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-23d2728e]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-23d2728e]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-23d2728e]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-23d2728e] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-23d2728e]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-23d2728e]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-23d2728e] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-23d2728e]{
  width: 100%;
}
.box-trapezoid[data-v-23d2728e] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-23d2728e] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-23d2728e] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-23d2728e]{
  margin-bottom: 0;
}
.map-name-text[data-v-23d2728e]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-23d2728e]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-23d2728e]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-23d2728e] {
  display: inline-block;
}
.access-visitorStr p[data-v-23d2728e]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-23d2728e] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-23d2728e] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-23d2728e]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-23d2728e] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-23d2728e] {
  margin-top: 7px;
}
.visitor-specific[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-23d2728e] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-23d2728e]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-23d2728e]{
  position: relative;
}
.visitor-point-content[data-v-23d2728e]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-23d2728e] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-23d2728e] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-23d2728e] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-23d2728e]{
  display: none;
}
.addition-info-title[data-v-23d2728e]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-23d2728e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-23d2728e]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-23d2728e]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-23d2728e]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-23d2728e]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-23d2728e]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-23d2728e]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-23d2728e]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-23d2728e]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-23d2728e]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-23d2728e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-23d2728e]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-23d2728e]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-23d2728e]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-23d2728e]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-23d2728e]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-23d2728e]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-23d2728e] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-23d2728e]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-23d2728e] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-23d2728e]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-23d2728e] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-23d2728e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-23d2728e]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-23d2728e]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-23d2728e]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-23d2728e]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-23d2728e]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-23d2728e]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-23d2728e]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-23d2728e]{
  display: block;
}
.report-modul-device .device-info-left[data-v-23d2728e]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-23d2728e]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-23d2728e]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-23d2728e]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-23d2728e]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-23d2728e] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-23d2728e]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-23d2728e]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-23d2728e]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-23d2728e]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-23d2728e]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-23d2728e]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-23d2728e]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-23d2728e]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-23d2728e]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-23d2728e]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-23d2728e]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-23d2728e]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-23d2728e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-23d2728e]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-23d2728e]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-23d2728e]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-23d2728e]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-23d2728e]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-23d2728e]{
  display: block;
}
.report-history-item .process-task-span[data-v-23d2728e]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-23d2728e]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-23d2728e]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-23d2728e]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-23d2728e] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-23d2728e] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-23d2728e] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-23d2728e] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#report_to_work[data-v-23d2728e]{
  background: #fff;
  height: 100%;
  width: 100%;
}
#report_to_work .utm-more-info-icon.more-card-tip[data-v-23d2728e]
{
  color: var(--main-color);
  font-size: 16px;
  cursor: pointer;
}
#report_to_work .utm-tabs[data-v-23d2728e]{
  background-color: transparent;
}
#report_to_work .utm-tabs .utm-tab-item.active[data-v-23d2728e]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 22px;
}
.bule-txt-click[data-v-23d2728e]{
  cursor: pointer;
  color: var(--main-color);
}
/* profile photo  */
.box[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.particular-box-substance div.access-visitorStr[data-v-23d2728e]{
  margin-left: 16px;
}
.particular-box-substance div.access-visitorStr img[data-v-23d2728e]{
  width: 96px;
  height: 128px;
}
/* First in and Last out Report */
.download-form[data-v-23d2728e]{
  margin-top: 8px;
}
/*附件*/
.attachment-upload-icon[data-v-23d2728e]{
  color: #999;
  vertical-align: middle;
}
.attachment-upload-text[data-v-23d2728e] {
  font-size: 14px;
  font-weight: 400;
  color: var(--main-color);
  cursor: pointer;
  vertical-align: middle;
}
.attachment-list[data-v-23d2728e] {
  background: #f9f9f9;
  border-radius: 4px;
  padding: 8px 16px;
}
.attachment-list .attachment-item i[data-v-23d2728e] {
  color: var(--main-color);
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
}
.attachment-list .attachment-item[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.attachment-list .attachment-item .attachment-name[data-v-23d2728e]{
  display: inline-block;
  max-width: calc(100% - 32px);
  white-space:nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*分组显示所有字段*/
.table-field-group[data-v-23d2728e]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-23d2728e]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: rgba(var(--main-color-rgb),.1);
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-field-group .table-field-number[data-v-23d2728e]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-23d2728e]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-field-group .table-field-arrow[data-v-23d2728e]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-23d2728e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.utm-checkbox.table-field-item[data-v-23d2728e]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}
/*字段排序*/
.table-field-box[data-v-23d2728e]{
  padding: 0 10px 16px 0px;
}
.table-field-box .utm-tag[data-v-23d2728e]{
  position: relative;
  padding-right: 28px;
  margin-right: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-23d2728e] {
  background: #effaff;
  border: 1px solid var(--main-color);
  cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-23d2728e]{
  position: absolute;
  right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  background-color: #858585;
}
.utm-fs-16[data-v-23d2728e]{
  font-size: 17px;
  color: var(--main-color);
}
.generation-time[data-v-23d2728e]{
  width: 272px;
}
.search-controls[data-v-23d2728e]{
  position: relative;
}
.diy-add-btn[data-v-23d2728e]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 40px;
  line-height: 40px;
  color: var(--main-color);
  font-weight: 700;
  cursor: pointer;
}
.diy-add-btn i[data-v-23d2728e]{
  font-size: 16px;
  color: var(--main-color);
}
.delete-condition-item[data-v-23d2728e]{
   width: 16px;
  height: 16px;
  text-align: center;
  background:  #8c8c8c;
  position: absolute;
  top: -6px;
  right: -5px;
  border-radius: 8px;
}
.delete-condition-item i[data-v-23d2728e]{
  font-size: 12px;
  vertical-align: top;
}
.first-and-last-icon[data-v-23d2728e]{
  color: #fff;
}
.utm-module-title[data-v-23d2728e]:after{
  background: #fff
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-23d2728e] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-23d2728e] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-23d2728e] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-23d2728e] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-23d2728e]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-23d2728e] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-23d2728e]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-23d2728e]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-23d2728e] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-23d2728e]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-23d2728e] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-23d2728e] {
  margin-top: 7px;
}
.visitor-specific[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-23d2728e] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-23d2728e]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-23d2728e]{
  position: relative;
}
.visitor-point-content[data-v-23d2728e]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-23d2728e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-23d2728e]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-23d2728e]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-23d2728e] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-23d2728e] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-23d2728e] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-23d2728e] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-23d2728e]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-23d2728e]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-23d2728e]{
  display: none;
}
.addition-info-title[data-v-23d2728e]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-23d2728e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-23d2728e]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-23d2728e]{
  color: #059FE8;
  cursor: pointer;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-b06654a4] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-b06654a4] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-b06654a4] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-b06654a4] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-b06654a4]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-b06654a4] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-b06654a4]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-b06654a4]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-b06654a4] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-b06654a4]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-b06654a4] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-b06654a4] {
  margin-top: 7px;
}
.visitor-specific[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-b06654a4] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-b06654a4]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-b06654a4]{
  position: relative;
}
.visitor-point-content[data-v-b06654a4]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-b06654a4]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-b06654a4]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-b06654a4] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-b06654a4] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-b06654a4] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-b06654a4] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-b06654a4]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-b06654a4]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-b06654a4]{
  display: none;
}
.addition-info-title[data-v-b06654a4]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-b06654a4]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-b06654a4]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-b06654a4]{
  color: #059FE8;
  cursor: pointer;
}
#card-usage[data-v-b06654a4]{
  height: 100%;
  width: 100%;
}
.utm-more-info-icon.more-card-tip[data-v-b06654a4],
#card-usage .user-name[data-v-b06654a4]{
  color: #059FE8;
  font-size: 16px;
  cursor: pointer;
}
.user-face-box img[data-v-b06654a4]{
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.user-face-box .face-text[data-v-b06654a4]{
  color: #B4B4B4;
}
.more-info .expand-title[data-v-b06654a4]{
  color: #059FE8;
  cursor: pointer;
}
.expand-title .ivu-icon-ios-arrow-down[data-v-b06654a4]{
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.expand-title .ivu-icon-ios-arrow-down.rotate[data-v-b06654a4]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-info .more-info-content[data-v-b06654a4]{
  display: none;
}
.field-item-content.detail-name-item[data-v-b06654a4]{
  position: relative;
}
.detail-name-item .detail-user-name[data-v-b06654a4]{
  margin-right: 8px;
}
/* 新增profile */
#card-usage .box[data-v-b06654a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
#card-usage .user-face-box[data-v-b06654a4]{
  margin-left: 16px;
}
#card-usage .user-face-box .face-text[data-v-b06654a4]{
  text-align: center;
}
.field-item-content-tag[data-v-b06654a4]{
  margin: -24px 0 0px 150px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-b06654a4] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-b06654a4]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-b06654a4]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-b06654a4]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-b06654a4]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-b06654a4]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-b06654a4] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-b06654a4]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-b06654a4]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-b06654a4] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-b06654a4]{
  width: 100%;
}
.box-trapezoid[data-v-b06654a4] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-b06654a4] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-b06654a4] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-b06654a4]{
  margin-bottom: 0;
}
.map-name-text[data-v-b06654a4]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-b06654a4]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-b06654a4]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-b06654a4] {
  display: inline-block;
}
.access-visitorStr p[data-v-b06654a4]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-b06654a4] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-b06654a4] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-b06654a4]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-b06654a4] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-b06654a4] {
  margin-top: 7px;
}
.visitor-specific[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-b06654a4] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-b06654a4]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-b06654a4]{
  position: relative;
}
.visitor-point-content[data-v-b06654a4]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-b06654a4] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-b06654a4] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-b06654a4] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-b06654a4]{
  display: none;
}
.addition-info-title[data-v-b06654a4]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-b06654a4]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-b06654a4]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-b06654a4]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-b06654a4]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-b06654a4]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-b06654a4]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-b06654a4]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-b06654a4]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-b06654a4]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-b06654a4]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-b06654a4]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-b06654a4]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-b06654a4]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-b06654a4]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-b06654a4]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-b06654a4]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-b06654a4]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-b06654a4] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-b06654a4]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-b06654a4] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-b06654a4]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-b06654a4] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-b06654a4]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-b06654a4]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-b06654a4]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-b06654a4]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-b06654a4]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-b06654a4]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-b06654a4]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-b06654a4]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-b06654a4]{
  display: block;
}
.report-modul-device .device-info-left[data-v-b06654a4]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-b06654a4]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-b06654a4]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-b06654a4]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-b06654a4]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-b06654a4] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-b06654a4]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-b06654a4]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-b06654a4]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-b06654a4]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-b06654a4]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-b06654a4]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-b06654a4]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-b06654a4]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-b06654a4]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-b06654a4]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-b06654a4]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-b06654a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-b06654a4]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-b06654a4]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-b06654a4]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-b06654a4]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-b06654a4]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-b06654a4]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-b06654a4]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-b06654a4]{
  display: block;
}
.report-history-item .process-task-span[data-v-b06654a4]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-b06654a4]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-b06654a4]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-b06654a4]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-b06654a4] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-b06654a4] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-b06654a4] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-b06654a4] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-fd76d0de] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-fd76d0de]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-fd76d0de]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-fd76d0de]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-fd76d0de]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-fd76d0de]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-fd76d0de] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-fd76d0de]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-fd76d0de]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-fd76d0de] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-fd76d0de]{
  width: 100%;
}
.box-trapezoid[data-v-fd76d0de] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-fd76d0de] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-fd76d0de] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-fd76d0de]{
  margin-bottom: 0;
}
.map-name-text[data-v-fd76d0de]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-fd76d0de]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-fd76d0de]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-fd76d0de] {
  display: inline-block;
}
.access-visitorStr p[data-v-fd76d0de]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-fd76d0de] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-fd76d0de] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-fd76d0de]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-fd76d0de] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-fd76d0de] {
  margin-top: 7px;
}
.visitor-specific[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-fd76d0de] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-fd76d0de]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-fd76d0de]{
  position: relative;
}
.visitor-point-content[data-v-fd76d0de]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-fd76d0de] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-fd76d0de] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-fd76d0de] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-fd76d0de]{
  display: none;
}
.addition-info-title[data-v-fd76d0de]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-fd76d0de]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-fd76d0de]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-fd76d0de]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-fd76d0de]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-fd76d0de]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-fd76d0de]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-fd76d0de]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-fd76d0de]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-fd76d0de]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-fd76d0de]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-fd76d0de]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-fd76d0de]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-fd76d0de]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-fd76d0de]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-fd76d0de]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-fd76d0de]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-fd76d0de]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-fd76d0de] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-fd76d0de]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-fd76d0de] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-fd76d0de]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-fd76d0de] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-fd76d0de]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-fd76d0de]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-fd76d0de]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-fd76d0de]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-fd76d0de]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-fd76d0de]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-fd76d0de]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-fd76d0de]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-fd76d0de]{
  display: block;
}
.report-modul-device .device-info-left[data-v-fd76d0de]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-fd76d0de]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-fd76d0de]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-fd76d0de]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-fd76d0de]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-fd76d0de] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-fd76d0de]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-fd76d0de]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-fd76d0de]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-fd76d0de]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-fd76d0de]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-fd76d0de]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-fd76d0de]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-fd76d0de]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-fd76d0de]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-fd76d0de]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-fd76d0de]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-fd76d0de]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-fd76d0de]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-fd76d0de]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-fd76d0de]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-fd76d0de]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-fd76d0de]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-fd76d0de]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-fd76d0de]{
  display: block;
}
.report-history-item .process-task-span[data-v-fd76d0de]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-fd76d0de]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-fd76d0de]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-fd76d0de]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-fd76d0de] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-fd76d0de] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-fd76d0de] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-fd76d0de] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#dcs-access[data-v-fd76d0de]{
  width: 100%;
  height: 100%;
}
.card-icon[data-v-fd76d0de]{
  font-size: 17px; color: #059fe8
}
.more-card-box[data-v-fd76d0de]{
  position: relative;
  right: 209px;
  top: 140px;
  padding: 13px;
  width: 163px;
  height: 66px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 6px 6px rgba(0.08,0.08,0.08,0.08);
          box-shadow: 0px 0px 6px 6px rgba(0.08,0.08,0.08,0.08);
  border-radius: 8px;
  z-index: 1;
}
/* profile photo 图片展示 */
.box[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box .access-visitorStr img[data-v-fd76d0de]{
  width: 96px;
}
#dcs-access .box .access-visitorStr[data-v-fd76d0de] {
  margin-left: 16px;
  text-align: left;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-fd76d0de] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-fd76d0de] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-fd76d0de] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-fd76d0de] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-fd76d0de]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-fd76d0de] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-fd76d0de]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-fd76d0de]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-fd76d0de] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-fd76d0de]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-fd76d0de] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-fd76d0de] {
  margin-top: 7px;
}
.visitor-specific[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-fd76d0de] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-fd76d0de]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-fd76d0de]{
  position: relative;
}
.visitor-point-content[data-v-fd76d0de]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-fd76d0de]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-fd76d0de]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-fd76d0de]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-fd76d0de] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-fd76d0de] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-fd76d0de] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-fd76d0de] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-fd76d0de]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-fd76d0de]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-fd76d0de]{
  display: none;
}
.addition-info-title[data-v-fd76d0de]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-fd76d0de]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-fd76d0de]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-fd76d0de]{
  color: #059FE8;
  cursor: pointer;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-f4ee51ac] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-f4ee51ac] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-f4ee51ac] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-f4ee51ac] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-f4ee51ac]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-f4ee51ac] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-f4ee51ac]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-f4ee51ac]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-f4ee51ac] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-f4ee51ac]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-f4ee51ac] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-f4ee51ac] {
  margin-top: 7px;
}
.visitor-specific[data-v-f4ee51ac]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-f4ee51ac] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-f4ee51ac]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-f4ee51ac]{
  position: relative;
}
.visitor-point-content[data-v-f4ee51ac]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-f4ee51ac]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-f4ee51ac]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-f4ee51ac]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-f4ee51ac] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-f4ee51ac] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-f4ee51ac] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-f4ee51ac] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-f4ee51ac]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-f4ee51ac]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-f4ee51ac]{
  display: none;
}
.addition-info-title[data-v-f4ee51ac]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-f4ee51ac]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-f4ee51ac]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-f4ee51ac]{
  color: #059FE8;
  cursor: pointer;
}
#doorActivity[data-v-f4ee51ac]{
  height: 100%;
  width: 100%;
}
.utm-more-info-icon.more-card-tip[data-v-f4ee51ac],
#doorActivity .user-name[data-v-f4ee51ac]{
  color: #059FE8;
  font-size: 16px;
  cursor: pointer;
}
.user-face-box img[data-v-f4ee51ac]{
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.user-face-box .face-text[data-v-f4ee51ac]{
  color: #B4B4B4;
}
.more-info .expand-title[data-v-f4ee51ac]{
  color: #059FE8;
  cursor: pointer;
}
.expand-title .ivu-icon-ios-arrow-down[data-v-f4ee51ac]{
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.expand-title .ivu-icon-ios-arrow-down.rotate[data-v-f4ee51ac]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-info .more-info-content[data-v-f4ee51ac]{
  display: none;
}
.field-item-content.detail-name-item[data-v-f4ee51ac]{
  position: relative;
}
.utm-field-item.detail-name-item[data-v-f4ee51ac]{
  line-height: 40px;
}
.detail-name-item .detail-user-name[data-v-f4ee51ac]{
  margin-right: 8px;
}
/* 新增profile */
#doorActivity .box[data-v-f4ee51ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
#doorActivity .user-face-box[data-v-f4ee51ac]{
  margin-left: 16px;
}
#doorActivity .user-face-box .face-text[data-v-f4ee51ac]{
  text-align: center;
}
.field-item-content-tag[data-v-f4ee51ac]{
  margin: -24px 0 0px 150px;
}

#face-detection[data-v-0f629360] {
  height: 100%;
  overflow-x: hidden;
}
#face-detection .utm-box-right[data-v-0f629360]{
  overflow-x: hidden;
}
#face-detection .face[data-v-0f629360]{
  width: 109px;
  height: 131px;
  overflow: hidden;
}
.box-list-item[data-v-0f629360] {
  height: 168px;
  padding: 16px;
}
.profile-info-box[data-v-0f629360] {
  position: relative;
  margin-left: 16px;
  width: calc(100% - 118px);
}
.profile-info[data-v-0f629360] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #888;
  font-size: 16px;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.profile-info span[data-v-0f629360] {
  display: inline-block;
}
.profile-info>span[data-v-0f629360]:nth-child(2){
  width: calc(100% - 30px);
  color: #333;
  margin-left: 8px;
}
.profile-info .field-contents[data-v-0f629360] {
  display: inline-block;
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-info .tag-container[data-v-0f629360]{
  display: inline-block;
  max-width: 100%;
  word-break: break-all;
  white-space: normal;
}
.user-card-box .profile-info .profile-info-user-name[data-v-0f629360] {
  text-align: right;
  color: var(--main-color);
  cursor: pointer;
  width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-btn-box[data-v-0f629360] {
  position: absolute;
  bottom: -4px;
  left: 0;
  margin-left: -4px;
  white-space: nowrap;
}
#face-detection.ivu-tooltip-light .ivu-tooltip-inner[data-v-0f629360] {
  max-width: 250px;
  min-height: 34px;
  padding: 8px 12px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: rgba(70, 76, 91, .9);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  white-space: nowrap;
}
.utm-modal-center .transform-tip[data-v-0f629360] {
  color: #393939;
}
.utm-modal-center .transform-box[data-v-0f629360]{
  margin: 16px -12px 0;
}
.transform-box .user-option[data-v-0f629360]{
  width: 154px;
  height: 154px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 12px;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}
.user-option .user-type-font[data-v-0f629360]{
  height: 50px;
  width: 50px;
}
.user-info .user-type-txt[data-v-0f629360]{
  text-align: center;
   font-size: 18px;
}
.user-option.active[data-v-0f629360]:after{
  content: '\E6E7';
  font-family: 'utmfont', sans-serif;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--main-color);
  border-radius: 50%;
  position: absolute;
  color: #fff;
  text-align: center;
  line-height: 24px;
  right: 8px;
  top: 8px;
}
.user-option.active .user-info .user-type-txt[data-v-0f629360]{
  font-weight: 700;
  color: var(--main-color);
}
.table-no-data[data-v-0f629360] {
  text-align: center;
}
#face-detection .box-list-item[data-v-0f629360]:hover{
  -webkit-box-shadow: 0 3px 6px 0 rgba(5,154,232,0.30);
          box-shadow: 0 3px 6px 0 rgba(5,154,232,0.30);
}
#face-detection .table-operator-icon[data-v-0f629360]:hover {
  background: #F0F5F7;
  border-radius: 4px;
}
.particular-box-substance .particular-map-box img[data-v-0f629360]{
  width: 200px;
  height: 124px;
}
/*视频模态框*/
#face-detection .utm-arrange-item .arrange-item-container[data-v-0f629360]{
  min-width: 373px;
}
#face-detection .utm-modal-center[data-v-0f629360]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 650px;
}
#face-detection .common-component-box[data-v-0f629360]{
  overflow-y: auto; 
  overflow-x: hidden;
}
/* profile photo 图片展示 */
.box[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box .access-visitorStr img[data-v-0f629360]{
  margin-left: 16px;
  width: 96px;
}
#face-detection .box .access-visitorStr[data-v-0f629360] {
  margin: 0;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-0f629360] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-0f629360]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-0f629360]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-0f629360]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-0f629360]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-0f629360]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-0f629360] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-0f629360]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-0f629360]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-0f629360] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-0f629360]{
  width: 100%;
}
.box-trapezoid[data-v-0f629360] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-0f629360] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-0f629360] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-0f629360]{
  margin-bottom: 0;
}
.map-name-text[data-v-0f629360]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-0f629360]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-0f629360]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-0f629360] {
  display: inline-block;
}
.access-visitorStr p[data-v-0f629360]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-0f629360] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-0f629360] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-0f629360]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-0f629360] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-0f629360] {
  margin-top: 7px;
}
.visitor-specific[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-0f629360] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-0f629360]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-0f629360]{
  position: relative;
}
.visitor-point-content[data-v-0f629360]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-0f629360] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-0f629360] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-0f629360] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-0f629360]{
  display: none;
}
.addition-info-title[data-v-0f629360]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-0f629360]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-0f629360]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-0f629360]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-0f629360]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-0f629360]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-0f629360]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-0f629360]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-0f629360]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-0f629360]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-0f629360]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-0f629360]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-0f629360]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-0f629360]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-0f629360]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-0f629360]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-0f629360]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-0f629360]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-0f629360] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-0f629360]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-0f629360] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-0f629360]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-0f629360] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-0f629360]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-0f629360]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-0f629360]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-0f629360]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-0f629360]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-0f629360]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-0f629360]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-0f629360]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-0f629360]{
  display: block;
}
.report-modul-device .device-info-left[data-v-0f629360]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-0f629360]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-0f629360]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-0f629360]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-0f629360]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-0f629360] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-0f629360]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-0f629360]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-0f629360]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-0f629360]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-0f629360]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-0f629360]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-0f629360]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-0f629360]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-0f629360]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-0f629360]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-0f629360]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-0f629360]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-0f629360]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-0f629360]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-0f629360]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-0f629360]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-0f629360]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-0f629360]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-0f629360]{
  display: block;
}
.report-history-item .process-task-span[data-v-0f629360]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-0f629360]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-0f629360]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-0f629360]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-0f629360] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-0f629360] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-0f629360] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-0f629360] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-0f629360] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-0f629360] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-0f629360] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-0f629360] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-0f629360]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-0f629360] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-0f629360]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-0f629360]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-0f629360] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-0f629360]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-0f629360] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-0f629360] {
  margin-top: 7px;
}
.visitor-specific[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-0f629360] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-0f629360]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-0f629360]{
  position: relative;
}
.visitor-point-content[data-v-0f629360]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-0f629360]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-0f629360]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-0f629360]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-0f629360] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-0f629360] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-0f629360] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-0f629360] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-0f629360]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-0f629360]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-0f629360]{
  display: none;
}
.addition-info-title[data-v-0f629360]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-0f629360]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-0f629360]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-0f629360]{
  color: #059FE8;
  cursor: pointer;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-34230776] {
  width: 100%;
  height: 48px;
  background: #EBEFF2;
  border-radius: 8px;
  padding: 12px;
  position: relative;
}
.particular-box-top[data-v-34230776]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background: #059fe8;
}
.box-trapezoid[data-v-34230776] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-34230776] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-34230776] {
  padding: 0;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 16px;
  background: #ffffff;
}
.particularContent .particular-box-user[data-v-34230776] {
  background: #f8f9f9;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
  background-color: #F8F9F9;
  padding: 20px 16px 14px 16px;
}
.particularContent .particular-box-user .user-name[data-v-34230776]{
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*详情内容*/
.utm-field-item[data-v-34230776] {
  min-height: 32px;
  line-height: 32px;
}
.utm-field-item .field-item-name[data-v-34230776] {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.utm-field-item .field-item-content[data-v-34230776] {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.particular-box-user .field-item-name[data-v-34230776] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #646769;
}
.particular-box-user .field-item-content[data-v-34230776] {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #646769;
}
.particular-box-substance .access-visitorStr[data-v-34230776] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-34230776]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-34230776]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-34230776] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-34230776]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-34230776] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-34230776] {
  margin-top: 7px;
}
.visitor-specific[data-v-34230776]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-34230776] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-34230776]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-34230776]{
  position: relative;
}
.visitor-point-content[data-v-34230776]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-34230776]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-34230776]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-34230776]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
.particular-map-box .point-location[data-v-34230776] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-34230776] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-34230776] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-34230776] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-34230776]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-34230776]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-34230776]{
  display: none;
}
.addition-info-title[data-v-34230776]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-34230776]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-34230776]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-34230776]{
  color: #059FE8;
  cursor: pointer;
}
#fingerprint_verification[data-v-34230776] {
  height: 100%;
}
#fingerprint_verification .driver-name[data-v-34230776] {
  cursor: pointer;
  color: var(--main-color);
}
.particular-box-user .user-name[data-v-34230776] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.particular-box-user .user-id[data-v-34230776] {
  line-height: 26px;
  background: #edf0f2;
  border-radius: 4px;
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #14be30;
  padding: 0 8px;
  margin-left: 12px;
}
.particular-box-user .user-type[data-v-34230776] {
  line-height: 26px;
  background: #edf0f2;
  border-radius: 4px;
  padding: 0 8px;
  margin-left: 12px;
}
.particular-box-user .user-type span[data-v-34230776] {
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
}
.utm-modal-footer[data-v-34230776] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.utm-modal-footer .report-modal-footer[data-v-34230776] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 32px;
  background: #feffff;
  border: 1px dashed #dce3e8;
  border-radius: 17px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #999999;
  padding: 0 8px;
}
.particular-box-substance[data-v-34230776] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.particular-box-substance .device[data-v-34230776] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.map-img-box[data-v-34230776] {
  position: relative;
  border: 1px dashed #dce3e8;
  border-radius: 8px;
  max-width: 327px;
  max-height: 238px;
}
.map-img-box img[data-v-34230776] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.field-item-map-title[data-v-34230776] {
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.field-item-map[data-v-34230776] {
  font-size: 16px;
  font-family: Lato, Lato-Bold Italic, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.information .field-item-name[data-v-34230776] {
  font-size: 16px;
  font-family: Lato, Lato-Bold, sans-serif;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.information .field-item-content[data-v-34230776] {
  font-size: 16px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-20f7263f] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-20f7263f]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-20f7263f]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-20f7263f]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-20f7263f]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-20f7263f]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-20f7263f] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-20f7263f]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-20f7263f]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-20f7263f] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-20f7263f]{
  width: 100%;
}
.box-trapezoid[data-v-20f7263f] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-20f7263f] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-20f7263f] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-20f7263f]{
  margin-bottom: 0;
}
.map-name-text[data-v-20f7263f]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-20f7263f]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-20f7263f]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-20f7263f] {
  display: inline-block;
}
.access-visitorStr p[data-v-20f7263f]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-20f7263f] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-20f7263f] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-20f7263f]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-20f7263f] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-20f7263f] {
  margin-top: 7px;
}
.visitor-specific[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-20f7263f] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-20f7263f]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-20f7263f]{
  position: relative;
}
.visitor-point-content[data-v-20f7263f]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-20f7263f] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-20f7263f] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-20f7263f] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-20f7263f]{
  display: none;
}
.addition-info-title[data-v-20f7263f]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-20f7263f]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-20f7263f]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-20f7263f]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-20f7263f]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-20f7263f]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-20f7263f]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-20f7263f]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-20f7263f]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-20f7263f]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-20f7263f]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-20f7263f]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-20f7263f]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-20f7263f]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-20f7263f]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-20f7263f]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-20f7263f]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-20f7263f]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-20f7263f] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-20f7263f]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-20f7263f] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-20f7263f]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-20f7263f] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-20f7263f]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-20f7263f]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-20f7263f]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-20f7263f]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-20f7263f]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-20f7263f]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-20f7263f]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-20f7263f]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-20f7263f]{
  display: block;
}
.report-modul-device .device-info-left[data-v-20f7263f]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-20f7263f]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-20f7263f]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-20f7263f]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-20f7263f]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-20f7263f] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-20f7263f]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-20f7263f]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-20f7263f]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-20f7263f]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-20f7263f]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-20f7263f]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-20f7263f]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-20f7263f]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-20f7263f]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-20f7263f]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-20f7263f]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-20f7263f]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-20f7263f]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-20f7263f]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-20f7263f]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-20f7263f]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-20f7263f]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-20f7263f]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-20f7263f]{
  display: block;
}
.report-history-item .process-task-span[data-v-20f7263f]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-20f7263f]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-20f7263f]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-20f7263f]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-20f7263f] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-20f7263f] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-20f7263f] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-20f7263f] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#fr-access[data-v-20f7263f]{
  width: 100%;
  height: 100%;
}
#fr-access .utm-modal-center[data-v-20f7263f]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 650px;
}
#fr-access .particular-box-substance[data-v-20f7263f]{
  padding-left:0
}
#fr-access .supplement-icon-box[data-v-20f7263f]{
  width: 20px;
  height: 20px;
  background: rgba(198,28,28,.05);
}
#fr-access .supplement-icon[data-v-20f7263f]{
  color:#c61c1c;
  font-size: 12px;
  width: 20px;
  height: 20px;
  background: rgba(198,28,28,.05);
  vertical-align: top;
}
#fr-access .supplement-box[data-v-20f7263f]{
  position: relative;
  right: 10px;
  top: 0;
  height: 80px;
  text-align: center;
}
#userProfileReport .tooltip-more-text[data-v-20f7263f]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-20f7263f] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-20f7263f] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-20f7263f] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-20f7263f] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/* profile photo 图片展示 */
.box[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box .access-visitorStr img[data-v-20f7263f]{
  margin-left: 16px;
  width: 96px;
}
.box .access-visitorStr>p[data-v-20f7263f]{
  text-align: left;
  padding-left: 16px;
}
#fr-access .box .access-visitorStr[data-v-20f7263f] {
  margin: 0;
}
.dcsaccess-form .utm-control-label[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.dcsaccess-form .utm-control-label[data-v-20f7263f]::after{
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 20px;
  background-color: #059ae8;
}
.dcsaccess-form .utm-controls[data-v-20f7263f]{
  margin-left: 0;
}
.dcsaccess-form .options-item[data-v-20f7263f]{
  width: 67px;
  margin-bottom: 16px;
}
.dcsaccess-form .split-line[data-v-20f7263f]{
  width: 100%;
  height: 0px;
  margin-bottom: 16px;
  border: 1px dashed #dfdfdf;
}
.dcsaccess-form .options-item .label-text.is-default[data-v-20f7263f]{
  color: #515a6e;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-20f7263f] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-20f7263f] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-20f7263f] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-20f7263f] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-20f7263f]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-20f7263f] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-20f7263f]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-20f7263f]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-20f7263f] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-20f7263f]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-20f7263f] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-20f7263f] {
  margin-top: 7px;
}
.visitor-specific[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-20f7263f] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-20f7263f]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-20f7263f]{
  position: relative;
}
.visitor-point-content[data-v-20f7263f]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-20f7263f]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-20f7263f]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-20f7263f]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-20f7263f] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-20f7263f] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-20f7263f] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-20f7263f] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-20f7263f]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-20f7263f]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-20f7263f]{
  display: none;
}
.addition-info-title[data-v-20f7263f]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-20f7263f]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-20f7263f]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-20f7263f]{
  color: #059FE8;
  cursor: pointer;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-606b15cb] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-606b15cb]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-606b15cb]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-606b15cb]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-606b15cb]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-606b15cb]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-606b15cb] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-606b15cb]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-606b15cb]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-606b15cb] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-606b15cb]{
  width: 100%;
}
.box-trapezoid[data-v-606b15cb] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-606b15cb] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-606b15cb] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-606b15cb]{
  margin-bottom: 0;
}
.map-name-text[data-v-606b15cb]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-606b15cb]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-606b15cb]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-606b15cb] {
  display: inline-block;
}
.access-visitorStr p[data-v-606b15cb]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-606b15cb] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-606b15cb] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-606b15cb]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-606b15cb] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-606b15cb] {
  margin-top: 7px;
}
.visitor-specific[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-606b15cb] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-606b15cb]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-606b15cb]{
  position: relative;
}
.visitor-point-content[data-v-606b15cb]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-606b15cb] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-606b15cb] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-606b15cb] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-606b15cb]{
  display: none;
}
.addition-info-title[data-v-606b15cb]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-606b15cb]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-606b15cb]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-606b15cb]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-606b15cb]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-606b15cb]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-606b15cb]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-606b15cb]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-606b15cb]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-606b15cb]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-606b15cb]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-606b15cb]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-606b15cb]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-606b15cb]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-606b15cb]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-606b15cb]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-606b15cb]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-606b15cb]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-606b15cb] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-606b15cb]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-606b15cb] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-606b15cb]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-606b15cb] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-606b15cb]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-606b15cb]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-606b15cb]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-606b15cb]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-606b15cb]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-606b15cb]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-606b15cb]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-606b15cb]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-606b15cb]{
  display: block;
}
.report-modul-device .device-info-left[data-v-606b15cb]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-606b15cb]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-606b15cb]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-606b15cb]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-606b15cb]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-606b15cb] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-606b15cb]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-606b15cb]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-606b15cb]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-606b15cb]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-606b15cb]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-606b15cb]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-606b15cb]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-606b15cb]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-606b15cb]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-606b15cb]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-606b15cb]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-606b15cb]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-606b15cb]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-606b15cb]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-606b15cb]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-606b15cb]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-606b15cb]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-606b15cb]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-606b15cb]{
  display: block;
}
.report-history-item .process-task-span[data-v-606b15cb]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-606b15cb]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-606b15cb]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-606b15cb]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-606b15cb] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-606b15cb] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-606b15cb] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-606b15cb] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-606b15cb] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-606b15cb] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-606b15cb] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-606b15cb] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-606b15cb]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-606b15cb] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-606b15cb]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-606b15cb]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-606b15cb] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-606b15cb]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-606b15cb] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-606b15cb] {
  margin-top: 7px;
}
.visitor-specific[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-606b15cb] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-606b15cb]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-606b15cb]{
  position: relative;
}
.visitor-point-content[data-v-606b15cb]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-606b15cb]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-606b15cb]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-606b15cb] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-606b15cb] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-606b15cb] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-606b15cb] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-606b15cb]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-606b15cb]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-606b15cb]{
  display: none;
}
.addition-info-title[data-v-606b15cb]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-606b15cb]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-606b15cb]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-606b15cb]{
  color: #059FE8;
  cursor: pointer;
}
#user-access[data-v-606b15cb]{
  width: 100%;
  height: 100%;
}
#user-access .card-icon[data-v-606b15cb]{
  font-size: 17px; color: #059fe8
}
.particular-box-substance .access-visitorStr[data-v-606b15cb] {
  margin: 0;
}
#user-access .utm-tabs[data-v-606b15cb]{
  background-color: transparent;
}
#user-access .utm-tabs .utm-tab-item.active[data-v-606b15cb]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
}
.box[data-v-606b15cb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  padding-right: 8px;
}
.box .access-visitorStr[data-v-606b15cb] {
  margin: 0 0px;
}
.box .access-visitorStr img[data-v-606b15cb]{
  margin-left: 16px;
  width: 96px;
}
.box .access-visitorStr>p[data-v-606b15cb]{
  color: #999999;
  text-align: center;
  padding-left: 16px;
}

#generated-report[data-v-95f27a54]{
  height: 100%;
}
#generated-report .download-title[data-v-95f27a54]{
  font-weight: bold;
}
#generated-report .download-option[data-v-95f27a54]{
  color: #393939;
  margin: 16px 0;
}
.download-option .option-item[data-v-95f27a54]{
  width: 250px;
  height: 135px;
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  color: #1E4D6D;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  margin: 16px 16px 0 0;
}
.download-option .option-item div[data-v-95f27a54]{
  padding: 35px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #dddddd;
}
.download-option .option-item.active[data-v-95f27a54],
.download-option .option-item.active>div[data-v-95f27a54]{
  border: 1px solid #059fe8;
}
.download-option .option-item.active>div>p[data-v-95f27a54]{
  color: #059fe8;
}
.option-item .check-status[data-v-95f27a54]{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #059fe8;
  position: absolute;
  right: 8px;
  top: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.option-item.active .check-status[data-v-95f27a54]{
  background-color: #059fe8;
}
.check-status .ivu-icon[data-v-95f27a54]{
  color: #fff;
}
.option-item .utm-font[data-v-95f27a54]{
  color: #1E4D6D;
  font-size: 24px;
}
.download-title .utm-icon-hide[data-v-95f27a54]{
  color: #059fe8;
  vertical-align: middle;
}
.utm-input.psd-input[data-v-95f27a54]{
  width: 560px;
}

#incident-alarm-report[data-v-4394005b] {
  background: #fff;
  height: 100%;
  width: 100%;
}
.more-img-box[data-v-4394005b]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: unset;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.capture-image-item[data-v-4394005b]{
  margin: 0 12px 12px 0;
  height: 100px;
  display: inline-block;
}
.cancel-btn[data-v-4394005b]{
  background: #FFFFFF;
  color: #333333;
  border: 1px solid #D4DAE1;
  border-radius: 8px;
}

#incident-report[data-v-3163531f]{
  background: #fff;
  height: 100%;
  width: 100%;
}
#incident-report .event-content[data-v-3163531f]{
  background: #fff;
  width: 100%;
  height: calc(100% - 51px);
}

#noShow[data-v-30c06dc1]{
  background: #fff;
  height: 100%;
  width: 100%;
}


#occupancyReport[data-v-b776e1f6] {
  height: 100%;
}
.utm-search[data-v-b776e1f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.utm-controls[data-v-b776e1f6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  width: 363px;
}
.utm-linkage[data-v-b776e1f6] {
  width: 364px;
  margin-left: 16px;
}
.utm-controls .ivu-icon[data-v-b776e1f6] {
  margin-left: -25px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-05f18a40] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-05f18a40]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-05f18a40]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-05f18a40]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-05f18a40]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-05f18a40]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-05f18a40] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-05f18a40]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-05f18a40]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-05f18a40] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-05f18a40]{
  width: 100%;
}
.box-trapezoid[data-v-05f18a40] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-05f18a40] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-05f18a40] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-05f18a40]{
  margin-bottom: 0;
}
.map-name-text[data-v-05f18a40]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-05f18a40]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-05f18a40]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-05f18a40] {
  display: inline-block;
}
.access-visitorStr p[data-v-05f18a40]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-05f18a40] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-05f18a40] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-05f18a40]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-05f18a40] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-05f18a40] {
  margin-top: 7px;
}
.visitor-specific[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-05f18a40] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-05f18a40]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-05f18a40]{
  position: relative;
}
.visitor-point-content[data-v-05f18a40]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-05f18a40] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-05f18a40] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-05f18a40] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-05f18a40]{
  display: none;
}
.addition-info-title[data-v-05f18a40]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-05f18a40]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-05f18a40]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-05f18a40]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-05f18a40]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-05f18a40]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-05f18a40]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-05f18a40]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-05f18a40]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-05f18a40]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-05f18a40]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-05f18a40]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-05f18a40]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-05f18a40]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-05f18a40]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-05f18a40]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-05f18a40]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-05f18a40]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-05f18a40] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-05f18a40]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-05f18a40] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-05f18a40]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-05f18a40] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-05f18a40]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-05f18a40]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-05f18a40]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-05f18a40]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-05f18a40]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-05f18a40]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-05f18a40]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-05f18a40]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-05f18a40]{
  display: block;
}
.report-modul-device .device-info-left[data-v-05f18a40]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-05f18a40]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-05f18a40]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-05f18a40]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-05f18a40]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-05f18a40] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-05f18a40]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-05f18a40]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-05f18a40]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-05f18a40]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-05f18a40]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-05f18a40]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-05f18a40]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-05f18a40]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-05f18a40]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-05f18a40]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-05f18a40]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-05f18a40]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-05f18a40]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-05f18a40]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-05f18a40]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-05f18a40]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-05f18a40]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-05f18a40]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-05f18a40]{
  display: block;
}
.report-history-item .process-task-span[data-v-05f18a40]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-05f18a40]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-05f18a40]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-05f18a40]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-05f18a40] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-05f18a40] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-05f18a40] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-05f18a40] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#fr-access[data-v-05f18a40]{
  width: 100%;
  height: 100%;
}
#fr-access .utm-modal-center[data-v-05f18a40]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 650px;
}
#fr-access .particular-box-substance[data-v-05f18a40]{
  padding-left:0
}
#fr-access .supplement-icon-box[data-v-05f18a40]{
  width: 20px;
  height: 20px;
  background: rgba(198,28,28,.05);
}
#fr-access .supplement-icon[data-v-05f18a40]{
  color:#c61c1c;
  font-size: 12px;
  width: 20px;
  height: 20px;
  background: rgba(198,28,28,.05);
  vertical-align: top;
}
#fr-access .supplement-box[data-v-05f18a40]{
  position: relative;
  right: 10px;
  top: 0;
  height: 80px;
  text-align: center;
}
#userProfileReport .tooltip-more-text[data-v-05f18a40]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-05f18a40] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-05f18a40] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-05f18a40] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-05f18a40] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/* profile photo 图片展示 */
.box[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box .access-visitorStr img[data-v-05f18a40]{
  margin-left: 16px;
  width: 96px;
}
.box .access-visitorStr>p[data-v-05f18a40]{
  text-align: left;
  padding-left: 16px;
}
#fr-access .box .access-visitorStr[data-v-05f18a40] {
  margin: 0;
}
.dcsaccess-form .utm-control-label[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.dcsaccess-form .utm-control-label[data-v-05f18a40]::after{
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 20px;
  background-color: #059ae8;
}
.dcsaccess-form .utm-controls[data-v-05f18a40]{
  margin-left: 0;
}
.dcsaccess-form .options-item[data-v-05f18a40]{
  width: 67px;
  margin-bottom: 16px;
}
.dcsaccess-form .split-line[data-v-05f18a40]{
  width: 100%;
  height: 0px;
  margin-bottom: 16px;
  border: 1px dashed #dfdfdf;
}
.dcsaccess-form .options-item .label-text.is-default[data-v-05f18a40]{
  color: #515a6e;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-05f18a40] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-05f18a40] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-05f18a40] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-05f18a40] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-05f18a40]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-05f18a40] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-05f18a40]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-05f18a40]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-05f18a40] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-05f18a40]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-05f18a40] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-05f18a40] {
  margin-top: 7px;
}
.visitor-specific[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-05f18a40] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-05f18a40]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-05f18a40]{
  position: relative;
}
.visitor-point-content[data-v-05f18a40]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-05f18a40]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-05f18a40]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-05f18a40]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-05f18a40] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-05f18a40] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-05f18a40] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-05f18a40] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-05f18a40]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-05f18a40]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-05f18a40]{
  display: none;
}
.addition-info-title[data-v-05f18a40]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-05f18a40]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-05f18a40]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-05f18a40]{
  color: #059FE8;
  cursor: pointer;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-44b84491] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-44b84491]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-44b84491]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-44b84491]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-44b84491]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-44b84491]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-44b84491] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-44b84491]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-44b84491]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-44b84491] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-44b84491]{
  width: 100%;
}
.box-trapezoid[data-v-44b84491] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-44b84491] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-44b84491] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-44b84491]{
  margin-bottom: 0;
}
.map-name-text[data-v-44b84491]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-44b84491]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-44b84491]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-44b84491] {
  display: inline-block;
}
.access-visitorStr p[data-v-44b84491]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-44b84491] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-44b84491] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-44b84491]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-44b84491] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-44b84491] {
  margin-top: 7px;
}
.visitor-specific[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-44b84491] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-44b84491]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-44b84491]{
  position: relative;
}
.visitor-point-content[data-v-44b84491]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-44b84491] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-44b84491] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-44b84491] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-44b84491]{
  display: none;
}
.addition-info-title[data-v-44b84491]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-44b84491]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-44b84491]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-44b84491]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-44b84491]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-44b84491]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-44b84491]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-44b84491]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-44b84491]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-44b84491]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-44b84491]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-44b84491]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-44b84491]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-44b84491]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-44b84491]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-44b84491]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-44b84491]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-44b84491]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-44b84491] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-44b84491]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-44b84491] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-44b84491]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-44b84491] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-44b84491]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-44b84491]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-44b84491]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-44b84491]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-44b84491]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-44b84491]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-44b84491]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-44b84491]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-44b84491]{
  display: block;
}
.report-modul-device .device-info-left[data-v-44b84491]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-44b84491]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-44b84491]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-44b84491]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-44b84491]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-44b84491] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-44b84491]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-44b84491]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-44b84491]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-44b84491]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-44b84491]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-44b84491]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-44b84491]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-44b84491]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-44b84491]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-44b84491]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-44b84491]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-44b84491]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-44b84491]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-44b84491]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-44b84491]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-44b84491]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-44b84491]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-44b84491]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-44b84491]{
  display: block;
}
.report-history-item .process-task-span[data-v-44b84491]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-44b84491]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-44b84491]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-44b84491]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-44b84491] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-44b84491] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-44b84491] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-44b84491] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-44b84491] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-44b84491] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-44b84491] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-44b84491] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-44b84491]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-44b84491] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-44b84491]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-44b84491]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-44b84491] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-44b84491]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-44b84491] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-44b84491] {
  margin-top: 7px;
}
.visitor-specific[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-44b84491] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-44b84491]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-44b84491]{
  position: relative;
}
.visitor-point-content[data-v-44b84491]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-44b84491]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-44b84491]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-44b84491]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-44b84491] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-44b84491] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-44b84491] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-44b84491] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-44b84491]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-44b84491]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-44b84491]{
  display: none;
}
.addition-info-title[data-v-44b84491]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-44b84491]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-44b84491]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-44b84491]{
  color: #059FE8;
  cursor: pointer;
}
#qr_code_verification[data-v-44b84491] {
    height: 100%;
}
#qr_code_verification[data-v-44b84491] {
    width: 100%;
    height: 100%;
}
#qr_code_verification .card-icon[data-v-44b84491] {
    font-size: 17px;
    color: #059fe8
}
.particular-box-substance .access-visitorStr[data-v-44b84491] {
    margin: 0;
}
#qr_code_verification .downloadItem[data-v-44b84491]{
 position: absolute;
 bottom: 24px;
 left: 24px;
}
/* .photoBox{
  display: flex;
  justify-content: right;
} */
#qr_code_verification .utm-tabs[data-v-44b84491] {
    background-color: transparent;
}
#qr_code_verification .utm-tabs .utm-tab-item.active[data-v-44b84491] {
    border: 1px solid;
    border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
    border-radius: 8px 8px 0 0;
    margin-bottom: -1px;
}
.box[data-v-44b84491] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    padding-right: 8px;
}
.box .access-visitorStr[data-v-44b84491] {
    margin: 0 0px;
}
.box .access-visitorStr img[data-v-44b84491] {
    margin-left: 16px;
    width: 96px;
}
.box .access-visitorStr>p[data-v-44b84491] {
    color: #999999;
    text-align: center;
    padding-left: 16px;
}
#qr_code_verification .field-item-name[data-v-44b84491]{
    width: 190px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-0f628cf8] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-0f628cf8]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-0f628cf8]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-0f628cf8]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-0f628cf8]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-0f628cf8]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-0f628cf8] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-0f628cf8]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-0f628cf8]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-0f628cf8] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-0f628cf8]{
  width: 100%;
}
.box-trapezoid[data-v-0f628cf8] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-0f628cf8] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-0f628cf8] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-0f628cf8]{
  margin-bottom: 0;
}
.map-name-text[data-v-0f628cf8]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-0f628cf8]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-0f628cf8]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-0f628cf8] {
  display: inline-block;
}
.access-visitorStr p[data-v-0f628cf8]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-0f628cf8] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-0f628cf8] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-0f628cf8]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-0f628cf8] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-0f628cf8] {
  margin-top: 7px;
}
.visitor-specific[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-0f628cf8] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-0f628cf8]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-0f628cf8]{
  position: relative;
}
.visitor-point-content[data-v-0f628cf8]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-0f628cf8] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-0f628cf8] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-0f628cf8] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-0f628cf8]{
  display: none;
}
.addition-info-title[data-v-0f628cf8]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-0f628cf8]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-0f628cf8]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-0f628cf8]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-0f628cf8]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-0f628cf8]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-0f628cf8]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-0f628cf8]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-0f628cf8]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-0f628cf8]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-0f628cf8]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-0f628cf8]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-0f628cf8]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-0f628cf8]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-0f628cf8]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-0f628cf8]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-0f628cf8]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-0f628cf8]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-0f628cf8] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-0f628cf8]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-0f628cf8] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-0f628cf8]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-0f628cf8] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-0f628cf8]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-0f628cf8]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-0f628cf8]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-0f628cf8]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-0f628cf8]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-0f628cf8]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-0f628cf8]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-0f628cf8]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-0f628cf8]{
  display: block;
}
.report-modul-device .device-info-left[data-v-0f628cf8]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-0f628cf8]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-0f628cf8]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-0f628cf8]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-0f628cf8]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-0f628cf8] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-0f628cf8]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-0f628cf8]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-0f628cf8]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-0f628cf8]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-0f628cf8]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-0f628cf8]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-0f628cf8]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-0f628cf8]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-0f628cf8]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-0f628cf8]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-0f628cf8]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-0f628cf8]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-0f628cf8]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-0f628cf8]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-0f628cf8]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-0f628cf8]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-0f628cf8]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-0f628cf8]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-0f628cf8]{
  display: block;
}
.report-history-item .process-task-span[data-v-0f628cf8]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-0f628cf8]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-0f628cf8]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-0f628cf8]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-0f628cf8] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-0f628cf8] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-0f628cf8] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-0f628cf8] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-0f628cf8] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-0f628cf8] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-0f628cf8] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-0f628cf8] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-0f628cf8]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-0f628cf8] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-0f628cf8]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-0f628cf8]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-0f628cf8] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-0f628cf8]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-0f628cf8] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-0f628cf8] {
  margin-top: 7px;
}
.visitor-specific[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-0f628cf8] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-0f628cf8]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-0f628cf8]{
  position: relative;
}
.visitor-point-content[data-v-0f628cf8]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-0f628cf8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-0f628cf8]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-0f628cf8]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-0f628cf8] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-0f628cf8] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-0f628cf8] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-0f628cf8] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-0f628cf8]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-0f628cf8]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-0f628cf8]{
  display: none;
}
.addition-info-title[data-v-0f628cf8]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-0f628cf8]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-0f628cf8]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-0f628cf8]{
  color: #059FE8;
  cursor: pointer;
}
#qr_code_verification[data-v-0f628cf8]{
  height: 100%;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-5adb6c36] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-5adb6c36]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-5adb6c36]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-5adb6c36]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-5adb6c36]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-5adb6c36]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-5adb6c36] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-5adb6c36]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-5adb6c36]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-5adb6c36] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-5adb6c36]{
  width: 100%;
}
.box-trapezoid[data-v-5adb6c36] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5adb6c36] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5adb6c36] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5adb6c36]{
  margin-bottom: 0;
}
.map-name-text[data-v-5adb6c36]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-5adb6c36]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-5adb6c36]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5adb6c36] {
  display: inline-block;
}
.access-visitorStr p[data-v-5adb6c36]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-5adb6c36] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-5adb6c36] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-5adb6c36]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5adb6c36] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5adb6c36] {
  margin-top: 7px;
}
.visitor-specific[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5adb6c36] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5adb6c36]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5adb6c36]{
  position: relative;
}
.visitor-point-content[data-v-5adb6c36]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-5adb6c36] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5adb6c36] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5adb6c36] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-5adb6c36]{
  display: none;
}
.addition-info-title[data-v-5adb6c36]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5adb6c36]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5adb6c36]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-5adb6c36]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-5adb6c36]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-5adb6c36]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-5adb6c36]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-5adb6c36]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-5adb6c36]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-5adb6c36]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-5adb6c36]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-5adb6c36]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-5adb6c36]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-5adb6c36]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-5adb6c36]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-5adb6c36]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-5adb6c36]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-5adb6c36]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-5adb6c36] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-5adb6c36]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-5adb6c36] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-5adb6c36]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-5adb6c36] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-5adb6c36]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-5adb6c36]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-5adb6c36]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-5adb6c36]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-5adb6c36]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-5adb6c36]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-5adb6c36]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-5adb6c36]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-5adb6c36]{
  display: block;
}
.report-modul-device .device-info-left[data-v-5adb6c36]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-5adb6c36]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-5adb6c36]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-5adb6c36]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-5adb6c36]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-5adb6c36] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-5adb6c36]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-5adb6c36]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-5adb6c36]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-5adb6c36]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-5adb6c36]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-5adb6c36]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-5adb6c36]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-5adb6c36]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-5adb6c36]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-5adb6c36]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-5adb6c36]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-5adb6c36]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-5adb6c36]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-5adb6c36]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-5adb6c36]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-5adb6c36]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-5adb6c36]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-5adb6c36]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-5adb6c36]{
  display: block;
}
.report-history-item .process-task-span[data-v-5adb6c36]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-5adb6c36]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-5adb6c36]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-5adb6c36]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-5adb6c36] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-5adb6c36] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-5adb6c36] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-5adb6c36] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-5adb6c36] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-5adb6c36] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5adb6c36] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5adb6c36] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5adb6c36]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5adb6c36] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-5adb6c36]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-5adb6c36]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-5adb6c36] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-5adb6c36]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5adb6c36] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5adb6c36] {
  margin-top: 7px;
}
.visitor-specific[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5adb6c36] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5adb6c36]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5adb6c36]{
  position: relative;
}
.visitor-point-content[data-v-5adb6c36]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-5adb6c36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-5adb6c36]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-5adb6c36]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-5adb6c36] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-5adb6c36] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5adb6c36] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5adb6c36] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-5adb6c36]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-5adb6c36]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-5adb6c36]{
  display: none;
}
.addition-info-title[data-v-5adb6c36]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5adb6c36]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5adb6c36]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-5adb6c36]{
  color: #059FE8;
  cursor: pointer;
}
#registrationReport[data-v-5adb6c36]{
  height: 100%;
}

#system-notification-report[data-v-83d49972]{
  background: #fff;
  height: 100%;
  width: 100%;
}

#task-report[data-v-25913d8e]{
  background: #fff;
  height: 100%;
  width: 100%;
}

#temperatureReport[data-v-30931218]{
  height: 100%;
}

#user_login[data-v-4b5225f5]{
  background: #fff;
  height: 100%;
  width: 100%;
}

#userProfileReport[data-v-5e12b89a] {
  background: #fff;
  height: 100%;
  width: 100%;
}
#userProfileReport .utm-modal-center[data-v-5e12b89a]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 650px;
}
#userProfileReport .module-tab[data-v-5e12b89a]{
  margin: -10px 0 14px 0;
  border-bottom: 1px solid #ddd;
}
#userProfileReport .module-tab .tab-item[data-v-5e12b89a]{
  display: inline-block;
  margin-right: 20px;
  color: #333;
  cursor: pointer;
}
#userProfileReport .module-tab .tab-item.active[data-v-5e12b89a]{
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
  text-align: center;
}
.particular-box-substance .access-visitorStr[data-v-5e12b89a] {
  margin: 0;
  margin-left: 16px;
}
.photoBox[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
#userProfileReport .organization-text[data-v-5e12b89a]{
  display: inline-block;
  max-width: 424px;
  vertical-align: middle;
  line-height: 1.25
}
.tooltip-more-text[data-v-5e12b89a]{
  color: var(--main-color);
}
.field-item-content-tag[data-v-5e12b89a]{
  margin: -24px 0 0px 150px;
}
.user-more-option .other-option-box[data-v-5e12b89a] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-5e12b89a] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-5e12b89a]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-5e12b89a]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-5e12b89a]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-5e12b89a]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-5e12b89a]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-5e12b89a] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-5e12b89a]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-5e12b89a]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-5e12b89a] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-5e12b89a]{
  width: 100%;
}
.box-trapezoid[data-v-5e12b89a] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5e12b89a] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5e12b89a] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5e12b89a]{
  margin-bottom: 0;
}
.map-name-text[data-v-5e12b89a]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-5e12b89a]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-5e12b89a]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5e12b89a] {
  display: inline-block;
}
.access-visitorStr p[data-v-5e12b89a]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-5e12b89a] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-5e12b89a] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-5e12b89a]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5e12b89a] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5e12b89a] {
  margin-top: 7px;
}
.visitor-specific[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5e12b89a] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5e12b89a]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5e12b89a]{
  position: relative;
}
.visitor-point-content[data-v-5e12b89a]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-5e12b89a] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5e12b89a] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5e12b89a] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-5e12b89a]{
  display: none;
}
.addition-info-title[data-v-5e12b89a]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5e12b89a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5e12b89a]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-5e12b89a]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-5e12b89a]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-5e12b89a]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-5e12b89a]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-5e12b89a]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-5e12b89a]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-5e12b89a]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-5e12b89a]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-5e12b89a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-5e12b89a]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-5e12b89a]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-5e12b89a]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-5e12b89a]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-5e12b89a]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-5e12b89a]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-5e12b89a] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-5e12b89a]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-5e12b89a] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-5e12b89a]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-5e12b89a] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-5e12b89a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-5e12b89a]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-5e12b89a]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-5e12b89a]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-5e12b89a]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-5e12b89a]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-5e12b89a]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-5e12b89a]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-5e12b89a]{
  display: block;
}
.report-modul-device .device-info-left[data-v-5e12b89a]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-5e12b89a]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-5e12b89a]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-5e12b89a]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-5e12b89a]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-5e12b89a] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-5e12b89a]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-5e12b89a]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-5e12b89a]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-5e12b89a]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-5e12b89a]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-5e12b89a]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-5e12b89a]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-5e12b89a]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-5e12b89a]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-5e12b89a]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-5e12b89a]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-5e12b89a]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-5e12b89a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-5e12b89a]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-5e12b89a]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-5e12b89a]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-5e12b89a]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-5e12b89a]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-5e12b89a]{
  display: block;
}
.report-history-item .process-task-span[data-v-5e12b89a]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-5e12b89a]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-5e12b89a]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-5e12b89a]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-5e12b89a] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-5e12b89a] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-5e12b89a] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-5e12b89a] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-5e12b89a] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-5e12b89a] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5e12b89a] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5e12b89a] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5e12b89a]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5e12b89a] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-5e12b89a]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-5e12b89a]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-5e12b89a] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-5e12b89a]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5e12b89a] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5e12b89a] {
  margin-top: 7px;
}
.visitor-specific[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5e12b89a] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5e12b89a]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5e12b89a]{
  position: relative;
}
.visitor-point-content[data-v-5e12b89a]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-5e12b89a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-5e12b89a]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-5e12b89a]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-5e12b89a] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-5e12b89a] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5e12b89a] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5e12b89a] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-5e12b89a]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-5e12b89a]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-5e12b89a]{
  display: none;
}
.addition-info-title[data-v-5e12b89a]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5e12b89a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5e12b89a]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-5e12b89a]{
  color: #059FE8;
  cursor: pointer;
}

.particular-box-substance .utm-field-item .field-item-name[data-v-db329488]{
  width: 180px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-db329488]{
    background: rgba(var(--main-color-rgb), .1);
    padding: 16px;
    border-radius: 8px;
}
.report-history-title[data-v-db329488]{
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.report-history-ul[data-v-db329488]{
    margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-db329488]{
    position: relative;
    padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-db329488]:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 14px;
    top: 16px;
    background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-db329488]:last-child:before{
    display: none;
}
.report-history-ul .report-history-li[data-v-db329488]:after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 6px;
    left: 10px;
    border-radius: 4px;
    background: rgba(181,183,188,1);
}
.report-history-ul .report-history-item[data-v-db329488]{
    color: #333;
}
.report-history-ul .report-history-progress[data-v-db329488]{
    position: absolute;
    top: -8px;
    left: 3px;
}
.report-history-item .record-operate-time[data-v-db329488]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
}
.report-history-item .record-operate[data-v-db329488]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8px;
    font-size: 12px;
    color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-db329488]{
    display: inline-block;
    margin: 0 4px;
    color: #002469;
    font-style: italic;
    font-weight: bold;
}
.report-history-item .process-task-info[data-v-db329488]{
    position: relative;
    display: block;
    margin-top: 8px;
    padding: 6px 12px;
    min-height: 40px;
    border: 1px dashed #dce3e8;
    border-radius: 4px;
    white-space: pre-line;
}
.report-history-item .process-task-info .shrink-arrow[data-v-db329488]{
    position: absolute;
    right: 16px;
    top: 8px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-db329488]{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-db329488]{
    margin: 6px 0;
}
.report-history-item .process-task-name[data-v-db329488]{
    display: inline-block;
    min-height: 20px;
    padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-db329488]{
    display: block;
}
.report-history-item .process-task-span[data-v-db329488]{
    display: block;
    margin-top: 8px;
    padding: 8px 12px;
    background: #e9e9e9;
    border: 1px solid #9a9da4;
    border-radius: 4px;
    word-break: break-word;
}
.brown-bg[data-v-db329488]{
    background-color: #663a2a;
}
.no-map-tip[data-v-db329488]{
    width: 202px;
    height: 155px;
    border: 1px dashed #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.bule-txt[data-v-db329488]{
    color: var(--main-color);
}
.loading-box[data-v-db329488]{
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    vertical-align: center;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.other-device-panel[data-v-db329488]{
    max-height: 200px;
    overflow: auto
}
.tooltip-more-text[data-v-db329488]{
    color: var(--main-color);
    cursor: pointer;
}
.user-more-option .more-txt[data-v-db329488] {
    color: var(--main-color);
    cursor: pointer;
}
.user-table-option .option-title[data-v-db329488] {
    display: inline-block;
    position: relative;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.utm-table .user-more-option[data-v-db329488] {
    display: inline-block;
}
.user-more-option .other-option-box[data-v-db329488] {
    max-height: 300px;
    max-width: 300px;
    overflow-y: auto;
    padding: 8px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    position: fixed;
    border-radius: 4px;
    display: none;
    background-color: #fff;
    z-index: 12;
    white-space: normal;
}

#visitor-report[data-v-653bc712]{
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#visitor-report .event-content[data-v-653bc712]{
  background: #fff;
  height: calc(100% - 51px);
  width: 100%;
}
/*more提示内容*/
.more-info-content[data-v-653bc712]{
  font-size: 16px;
  color: #333;
  font-weight: normal;
}
.more-info-content .text-desc[data-v-653bc712]{
  font-size: 16px;
  color: #333;
}
.more-info-content .text-desc .text-fild[data-v-653bc712]{
  font-weight: bold;
}

#resource_list[data-v-e958edee]{
  padding: 16px;
  background-color: #fff;
  overflow: hidden;
  height: 100%;
}
#resource_list .utm-primary-tabs li[data-v-e958edee]{
  height: 36px;
}
#resource_list .utm-primary-tabs li[data-v-e958edee]:hover,
#resource_list .utm-primary-tabs li.active[data-v-e958edee] {
  background-color: var(--main-color);
}
#resource_list .search-options[data-v-e958edee]{
  position: relative;
  font-size: 0;
}
#resource_list .search-options > *[data-v-e958edee] {
  margin-right: 22px;
  width: 160px;
  font-size: 14px;
}
#resource_list .check-option[data-v-e958edee] {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
  width: auto;
}
#resource_list .check-option label[data-v-e958edee]:nth-child(1){
  min-width: 60px;
}
#resource_list .utm-box[data-v-e958edee]{
  padding-top: 6px;
  height: calc(100% - 38px);
  width: 107.5%;
  overflow: auto;
}
#resource_list .utm-box-left[data-v-e958edee]{
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  min-width: unset;
}
#resource_list .utm-box .utm-box-left[data-v-e958edee]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 0 !important;
}
#resource_list .utm-box .record-item-box[data-v-e958edee] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 140px;
}
#resource_list .record-item-box .location-box[data-v-e958edee]{
  width: 86px;
  height: 120px;
  background: #ffffff;
  border: 2px solid #dce3e8;
  border-radius: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-top: 30px ;
  font-size: 16px;
  color: #059fe8;
  font-weight: 700;
  position: relative;
  top: 4px;
}
#resource_list .record-item-box .left-info-box[data-v-e958edee]{
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 280px;
  height: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size: 14px;
  white-space: nowrap;
  color: #333;
  margin-left: 16px;
  top:0px
}
#resource_list .record-item-box .left-chart[data-v-e958edee]{
  height: 135px;
  width: 120px;
}
#resource_list .record-item-box .left-legend[data-v-e958edee] {
  width: 130px;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
}
#resource_list .record-item-box .left-legend > div[data-v-e958edee]{
  margin: 2px 0;
}
#resource_list .record-item-box .left-legend .status-item[data-v-e958edee] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
#resource_list .record-item-box .utm-status[data-v-e958edee] {
  margin-right: 3px;
}
#resource_list .record-item-box .gray-bg[data-v-e958edee] {
  background-color: #E8E8E8;
}
#resource_list .record-item-box .yellow-bg[data-v-e958edee] {
  background-color: #FFCB2F;
}
#resource_list .record-item-box .yellow-cl[data-v-e958edee] {
  color: #FFCB2F;
}
#resource_list .record-item-box .orange-bg[data-v-e958edee] {
  background-color: #F5890E;
}
#resource_list .record-item-box .orange-cl[data-v-e958edee] {
  color: #F5890E;
}
#resource_list .record-item-box .green-bg[data-v-e958edee] {
  background-color: #28D816;
}
#resource_list .record-item-box .green-cl[data-v-e958edee] {
  color: #28D816;
}
#resource_list .record-item-box .count-num[data-v-e958edee]{
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 12px;
}
#resource_list .utm-box-right[data-v-e958edee]{
  padding-right: 110px;
  width: calc(100% - 380px);
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#resource_list .utm-box-right .box-right-row[data-v-e958edee]{
  display: block;
  min-height: 140.8px;
  border-top: 1px dashed #dce3e8;
  padding-top: 10px;
}
#resource_list .utm-box-right .box-right-row>div[data-v-e958edee]{
  vertical-align: middle;
}
#resource_list .utm-box-right .record-item-box[data-v-e958edee]{
  position: relative;
  margin-right: 20px;
  cursor: pointer;
}
#resource_list .utm-box-right .record-item-box-inner[data-v-e958edee]{
  position: relative;
  padding: 8px 16px;
  width: 100%;
  height: 130px;
  background: #ffffff;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -12px;
}
#resource_list .utm-box-right .record-item-box:hover .record-item-box-inner[data-v-e958edee]{
  background: rgba(5,159,232,0.05);
  border: 1px solid #059fe8;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(5,159,232,0.20);
          box-shadow: 0px 0px 6px 0px rgba(5,159,232,0.20);
}
#resource_list .record-item-box.record-item-box1[data-v-e958edee]{
  width: calc(100% - 20px);
}
#resource_list .record-item-box.record-item-box2[data-v-e958edee]{
  width: calc(50% - 20px);
}
#resource_list .record-item-box.record-item-box3[data-v-e958edee]{
  width: calc(33.3% - 60px);
}
#resource_list .record-item-box.record-item-box4[data-v-e958edee]{
  width: calc(25% - 20px);
}
#resource_list .record-item-box.record-item-box5[data-v-e958edee]{
  width: calc(20% - 20px);
}
#resource_list .face-img[data-v-e958edee]{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #efefef;
}
#resource_list .face-img img[data-v-e958edee]{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  background-color: #efefef;
}
#resource_list .face-img .user-type[data-v-e958edee]{
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 0 8px;
  height: 19px;
  color: #fff;
  line-height: 19px;
  font-size: 12px;
  font-style: italic;
  background: var(--main-color);
  border-radius: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#resource_list .face-img .train-status[data-v-e958edee]{
  position: absolute;
  top: -3px;
  right: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 15px;
  background: #91959C;
  color: #fff;
  font-size: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
#resource_list .face-img .train-status span[data-v-e958edee]{
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
#resource_list .face-img .train-status.trainned[data-v-e958edee]{
  background: #ff8800;
}
#resource_list .detail-box[data-v-e958edee]{
  padding: 0 30px 4px 16px;
  width: calc(100% - 110px);
  height: 100%;
}
#resource_list .detail-box.flex-detail-box[data-v-e958edee]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#resource_list .tab2 .detail-box[data-v-e958edee]{
  width: calc(100% - 81px);
}
#resource_list .detail-box .name[data-v-e958edee]{
  width: 100%;
  font-weight: 700;
  white-space: nowrap;
  font-size: 14px;
  line-height: 14px;
  height: 14px;
}
#resource_list .detail-box .user-name[data-v-e958edee]{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  font-weight: 700;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_list .user-status-tag[data-v-e958edee]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 8px;
  min-width: 40px;
  height: 20px;
  background: #B5B7BC;
  border-radius: 4px;
  font-size: 12px;
  color: #333;
  max-width: 100%;
}
#resource_list .user-status-bg[data-v-e958edee]{
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
#resource_list .detail-box .detail-info-item[data-v-e958edee]{
  white-space: nowrap;
}
#resource_list .detail-box .detail-info-item span[data-v-e958edee]:nth-child(2){
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_list .detail-box .detail-info-item.tab1[data-v-e958edee]{
  color: var(--main-color);
}
#resource_list .detail-box .detail-info-item.tab1 .psim-font[data-v-e958edee]{
  font-size: 17px;
  color: var(--main-color);
}
#resource_list .detail-box .detail-info-item.tab2[data-v-e958edee]{
  font-size: 14px;
  color: #BD52E2;
}
#resource_list .detail-box .detail-info-item.tab2 .psim-font[data-v-e958edee]{
  font-size: 17px;
  color: #BD52E2;
}
#resource_list .detail-box .done[data-v-e958edee]{
  padding: 0 8px;
  height: 31px;
  background: #ecf6fb;
  border-radius: 8px;
  font-size: 12px;
  color: #999999;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 31px;
  width: 145%;
}
#resource_list .detail-box .done-cover[data-v-e958edee]{
  height: 28px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 26px;
}
#resource_list .detail-box .done-cover-content[data-v-e958edee]{
  padding: 8px 16px;
  background-color: #EDF3FF;
  color: #8C8C8C;
  font-size: 12px;
}
#resource_list .phone-box[data-v-e958edee]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
  border: 2px solid rgba(76,190,138,0.20);
  border-radius: 50%;
}
#resource_list .phone-box.online[data-v-e958edee],
#resource_list .concact-btn.online[data-v-e958edee]{
  background: #4cbe8a;
  border-color: #c4e6d7;
}
#resource_list .phone-box.busy[data-v-e958edee],
#resource_list .concact-btn.busy[data-v-e958edee]{
  background: #fac20a;
  border-color: #efe5c9;
}
#resource_list .phone-box.warning[data-v-e958edee],
#resource_list .concact-btn.warning[data-v-e958edee]{
  background: #f66f6a;
  border-color: #eecfcf;
}
#resource_list .record-item-box .phone-box.phone-busy[data-v-e958edee]{
  background: -webkit-gradient(linear,left bottom, left top,from(#c96913), to(#f5b868));
  background: linear-gradient(0deg,#c96913, #f5b868);
  border: 1px solid #e2cc98;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
}
#resource_list .record-item-box .phone-box.phone-none[data-v-e958edee]{
  background: none;
  background-color: transparent;
  border-color: transparent;
}
#resource_list .phone-box .psim-font[data-v-e958edee]{
  color: #fff;
  font-size: 20px;
}
#resource_list .item-building[data-v-e958edee]{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 8px;
  height: 24px;
  min-width: 72px;
  line-height: 24px;
  font-size: 12px;
  color: var(--main-color);
  text-align: center;
  background: rgba(0,94,184,0.10);
  border-radius: 6px 0px 6px 0px;
}
#resource_list .item-building span[data-v-e958edee] {
  font-size: 12px;
  color: var(--main-color);
}
#resource_list .record-item-more[data-v-e958edee]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 110px;
  height: 130px;
  color: #fff;
  line-height: 20px;
  background: var(--main-color);
  border-radius: 8px;
  cursor: pointer;
  margin-top: -12px;
}
#resource_list .record-item-more i[data-v-e958edee]{
  color: #fff;
  font-size: 24px;
}
#resource_list .no-data[data-v-e958edee]{
  width: 100%;
  line-height: 100px;
  color: #ccc;
  text-align: center;
}

/*详情*/
#resource_list .detail-modal-header[data-v-e958edee]{
  margin-bottom: 16px;
  white-space: nowrap;
}
#resource_list .detail-modal-header .face-img[data-v-e958edee]{
  width: 140px;
  height: 140px;
}
#resource_list .detail-modal-header .face-img .user-type[data-v-e958edee]{
  bottom: -8px;
  height: 21px;
  line-height: 21px;
  font-size: 14px;
}
#resource_list .detail-modal-header .face-img .train-status[data-v-e958edee]{
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 12px;
  font-size: 16px;
  background: #91959C;
  -webkit-transform: none;
          transform: none;
}
#resource_list .detail-modal-header .face-img .train-status span[data-v-e958edee]{
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}
#resource_list .detail-modal-header .face-img .train-status.trainned[data-v-e958edee]{
  background: #ff8800;
}
#resource_list .detail-modal-header-text[data-v-e958edee]{
  display: inline-block;
  vertical-align: top;
  margin-left: 24px;
  width: calc(100% - 162px);
  min-height: 161px;
}
#resource_list .detail-modal-header-text.secure-officer-detail-header-text[data-v-e958edee]{
  width: calc(100% - 246px);
}
#resource_list .detail-field-name[data-v-e958edee]{
  margin-bottom: 12px;
  line-height: 1em;
  font-size: 16px;
}
#resource_list .detail-field-name span[data-v-e958edee]:nth-child(1){
  display: inline-block;
  padding-right: 16px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-style: italic;
  font-weight: 700;
}
#resource_list .detail-field-tag[data-v-e958edee] {
  display: inline-block;
  padding: 0 8px;
  margin-right: 8px;
  vertical-align: middle;
  height: 19px;
  line-height: 19px;
  background: #8c9dbd;
  border-radius: 5px;
  font-style: italic;
  font-size: 12px;
  color: #fff;
}
#resource_list .detail-field-item[data-v-e958edee]{
  margin-bottom: 12px;
  line-height: 1em;
  font-size: 14px;
}
#resource_list .detail-field-item > span[data-v-e958edee]:nth-child(1){
  width: 94px;
  display: inline-block;
  vertical-align: top;
}
#resource_list .detail-field-item > span[data-v-e958edee]:nth-child(2){
  width: calc(100% - 94px);
  display: inline-block;
  vertical-align: top;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
#resource_list .detail-field-task[data-v-e958edee]{
  padding: 0 8px;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: 26px;
  line-height: 26px;
  background: rgba(233,233,233, 0.47);
  font-size: 12px;
  color: #333;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_list .detail-field-task i[data-v-e958edee]{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  margin: 0 4px;
  font-size: 16px;
  color: var(--main-color);
}
@-webkit-keyframes resTaskRotate-data-v-e958edee{
form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes resTaskRotate-data-v-e958edee{
form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
#resource_list .concact-btn[data-v-e958edee]{
  display: inline-block;
  margin-top: 56px;
  margin-left: 24px;
  width: 50px;
  height: 50px;
  vertical-align: top;
  background: #002469;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
#resource_list .concact-btn span[data-v-e958edee]{
  color: #fff;
  font-size: 28px;
}
#resource_list .detail-modal-footer[data-v-e958edee]{
  position: relative;
  width: 100%;
  height: 460px;
  border-radius: 8px;
  overflow: hidden;
}
#resource_list .detail-modal-footer-title[data-v-e958edee]{
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 34px;
  height: 40px;
  width: 100%;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,0.6);
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_list .detail-modal-footer-title[data-v-e958edee]:before{
  position: absolute;
  top: 10px;
  left: 24px;
  content: '';
  width: 4px;
  height: 20px;
  background-color: #fff;
}
#resource_list .detail-map-container[data-v-e958edee]{
  position: relative;
  width: 100%;
  height: 100%;
}
#resource_list .detail-map-container .map-box[data-v-e958edee]{
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
#resource_list .detail-map-container .map-box>img[data-v-e958edee]{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#resource_list .detail-map-container .map-cover-location[data-v-e958edee]{
  position: absolute;
  bottom: 0;
  right: 0;
  height: 24px;
  min-width: 96px;
  background: #0e3b64;
  border-radius: 10px 0 0 0;
  color: #00DBFF;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
#resource_list .detail-map-container .map-cover[data-v-e958edee]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#resource_list .detail-map-container .detail-map-icon[data-v-e958edee]{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#resource_list .detail-map-container .detail-map-device-icon[data-v-e958edee]{
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: #8CD1A5;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
#resource_list .detail-map-container .detail-secure-officer-icon[data-v-e958edee]{
  background: rgba(0,36,105,0.30);
  border: 2px solid #002469;
  border-radius: 4px;
}
#resource_list .detail-map-container .detail-map-icon .psim-font[data-v-e958edee]{
  font-size: 14px;
  color: #fff;
}
#resource_list .detail-map-container .detail-secure-officer-icon .psim-font[data-v-e958edee]{
  color: #002469;
  font-size: 18px;
}

/** status选中 **/
#resource_list .color-preview[data-v-e958edee] {
  margin: 16px 0;
  line-height: 24px;
}
#resource_list .color-preview>span[data-v-e958edee]:last-child{
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  border: 3px solid #fff;
  border-radius: 2px;
  outline: 1px solid red;
}
.box-right-row[data-v-e958edee]{
  margin-top: 6px;
  border-top: 1px dashed #dce3e8;
}
.location-box .location-icons i[data-v-e958edee]{
  font-size: 18px;
  color: #999999;
  font-weight: 400;
}

#resource_more{
  height: 100%;
}
#resource_more .utm-page-footer{
  padding: 16px;
}
#resource_more .header {
  position: relative;
  height: 40px;
  margin-bottom: 16px;
  font-size: 0;
}
#resource_more .header .utm-select{
  margin-right: 16px;
  width: 190px;
  font-size: 14px;
}
#resource_more .header .header-right{
  position: absolute;
  right: 0;
  top: 0;
  line-height: 40px;
  font-size: 14px;
}
#resource_more .header .header-number{
  color: #0F5EF7;
}
#resource_more .content-list{
  padding:  20px 0 0;
  margin-left: -32px;
  height: calc(100% - 56px);
}
/*单个盒子*/
#resource_more .record-item-box {
  position: relative;
  margin-bottom: 46px;
  padding: 0;
  height: 135px;
  vertical-align: top;
}
#resource_more .record-item-box-inner{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  margin: 0 auto;
  width: calc(100% - 64px);
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  cursor: pointer;
}
#resource_more .record-item-box:hover .record-item-box-inner{
  background: rgba(5,159,232,0.05);
  border: 1px solid #059fe8;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(5,159,232,0.20);
          box-shadow: 0px 0px 6px 0px rgba(5,159,232,0.20);
}
#resource_more .record-item-box .location-box{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 80px;
  height: 50px;
  background: #edf3ff;
  border: 2px solid #0f5ef7;
  border-radius: 8px 0px 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #0f5ef7;
}
#resource_more .record-item-box .chart-box{
  min-width: 150px;
  min-height: 135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#resource_more .record-item-box .chart-box.tab2{
  width: 180px;
}
#resource_more .record-item-box .chart-box.tab2 .chart-box-inner{
  width: 90px;
  height: 85px;
  border: 2px solid #0f5ef7;
  text-align: center;
  color: #0F5EF7;
}
#resource_more .record-item-box .chart-box.tab2 .chart-box-inner-top{
  height: 55px;
  line-height: 55px;
  border-bottom: 2px solid #0f5ef7;
}
#resource_more .record-item-box .chart-box.tab2 .chart-box-inner-bottom{
  height: 26px;
  line-height: 26px;
  background: #edf3ff;
}
#resource_more .record-item-box .left-info-box{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 83px;
  height: 70px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  white-space: nowrap;
  color: #333;
}
#resource_more .record-item-box .red-bg{
  background-color: #FF4680;
}
#resource_more .record-item-box .orange-bg{
  background-color: #FFAA51;
}
#resource_more .face-img{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #efefef;
}
#resource_more .face-img img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  background-color: #efefef;
}
#resource_more .face-img .user-type{
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 0 8px;
  height: 19px;
  color: #fff;
  line-height: 19px;
  font-size: 12px;
  font-style: italic;
  background: var(--main-color);
  border-radius: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#resource_more .face-img .train-status{
  position: absolute;
  top: -3px;
  right: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 15px;
  background: #91959C;
  color: #fff;
  font-size: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
#resource_more .face-img .train-status span{
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
#resource_more .face-img .train-status.trainned{
  background: #ff8800;
}
#resource_more .record-item-box .detail-box{
  padding: 0 30px 8px 16px;
  width: calc(100% - 116px);
  height: 100%;
}
#resource_more .record-item-box .detail-box.flex-detail-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#resource_more .tab2 .detail-box{
  width: calc(100% - 81px);
}
#resource_more .record-item-box .detail-box .name{
  width: 100%;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_more .record-item-box .detail-info-item{
  white-space: nowrap;
}
#resource_more .record-item-box .detail-info-item.tab1{
  color: var(--main-color);
}
#resource_more .record-item-box .detail-info-item.tab1 .psim-font{
  font-size: 17px;
  color: var(--main-color);
}
#resource_more .record-item-box .detail-info-item span:nth-child(2){
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_more .record-item-box .detail-info-item.tab2{
  font-size: 17px;
  color: #BD52E2;
}
#resource_more .record-item-box .detail-info-item.tab2 .psim-font{
  font-size: 17px;
  color: #BD52E2;
}
#resource_more .user-status-tag{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 0 8px;
  min-width: 40px;
  height: 20px;
  background: #B5B7BC;
  border-radius: 4px;
  font-size: 12px;
  color: #333;
  max-width: 100%;
  white-space: nowrap;
}
#resource_more .user-status-tag span:nth-child(2) {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_more .user-status-bg{
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
#resource_more .record-item-box .detail-box .done{
  padding: 0 8px;
  height: 31px;
  background: #ecf6fb;
  border-radius: 8px;
  font-size: 12px;
  color: #999999;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 31px;
  width: 145%;
}
#resource_more .record-item-box .detail-box .done-cover{
  height: 28px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 26px;
}
#resource_more .record-item-box .detail-box .done-cover-content{
  padding: 8px 16px;
  background-color: #EDF3FF;
  color: #8C8C8C;
  font-size: 12px;
}
#resource_more .record-item-box .phone-box{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
  border: 2px solid rgba(76,190,138,0.20);
  border-radius: 50%;
  margin-top: -8px;
}
#resource_more .phone-box.online,
#resource_more .concact-btn.online{
  background: #4cbe8a;
  border-color: #c4e6d7;
}
#resource_more .phone-box.busy,
#resource_more .concact-btn.busy{
  background: #fac20a;
  border-color: #efe5c9;
}
#resource_more .phone-box.warning,
#resource_more .concact-btn.warning{
  background: #f66f6a;
  border-color: #eecfcf;
}
#resource_more .record-item-box .phone-box.phone-busy{
  background: -webkit-gradient(linear,left bottom, left top,from(#c96913), to(#f5b868));
  background: linear-gradient(0deg,#c96913, #f5b868);
  border: 1px solid #e2cc98;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
}
#resource_more .record-item-box .phone-box.phone-none{
  background: none;
  background-color: transparent;
  border-color: transparent;
}
#resource_more .record-item-box .phone-box .psim-font{
  color: #fff;
  font-size: 20px;
}
#resource_more .record-item-box .item-building{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 8px;
  height: 24px;
  min-width: 72px;
  line-height: 24px;
  font-size: 12px;
  color: var(--main-color);
  text-align: center;
  background: rgba(0,94,184,0.10);
  border-radius: 6px 0px 6px 0px;
}
#resource_more .record-item-box .item-building span {
  font-size: 12px;
  color: var(--main-color);
}
#resource_more .no-data-box{
  text-align: center;
  height: 80px;
  color: #ccc;
}
/*详情*/
#resource_more .detail-modal-header{
  margin-bottom: 16px;
  white-space: nowrap;
}
#resource_more .detail-modal-header .face-img{
  width: 140px;
  height: 140px;
}
#resource_more .detail-modal-header .face-img .user-type{
  bottom: -8px;
  height: 21px;
  line-height: 21px;
  font-size: 14px;
}
#resource_more .detail-modal-header .face-img .train-status{
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 12px;
  font-size: 16px;
  background: #91959C;
  -webkit-transform: none;
          transform: none;
}
#resource_more .detail-modal-header .face-img .train-status span{
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}
#resource_more .detail-modal-header .face-img .train-status.trainned{
  background: #ff8800;
}
#resource_more .detail-modal-header-text{
  display: inline-block;
  vertical-align: top;
  margin-left: 24px;
  width: calc(100% - 162px);
  min-height: 161px;
}
#resource_more .detail-modal-header-text.secure-officer-detail-header-text{
  width: calc(100% - 246px);
}
#resource_more .detail-field-name{
  margin-bottom: 12px;
  line-height: 1em;
  font-size: 16px;
}
#resource_more .detail-field-name span:nth-child(1){
  display: inline-block;
  padding-right: 16px;
  max-width: 100%;
  white-space: nowrap;
  vertical-align: middle;
  font-style: italic;
  font-weight: 700;
}
#resource_more .detail-field-tag {
  display: inline-block;
  padding: 0 8px;
  margin-right: 8px;
  vertical-align: middle;
  height: 19px;
  line-height: 19px;
  background: #8c9dbd;
  border-radius: 5px;
  font-style: italic;
  font-size: 12px;
  color: #fff;
}
#resource_more .detail-field-item{
  margin-bottom: 12px;
  line-height: 1em;
  font-size: 14px;
}
#resource_more .detail-field-item > span:nth-child(1){
  width: 94px;
  display: inline-block;
  vertical-align: top;
}
#resource_more .detail-field-item > span:nth-child(2){
  width: calc(100% - 94px);
  display: inline-block;
  vertical-align: top;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
#resource_more .detail-field-task{
  padding: 0 8px;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: 26px;
  line-height: 26px;
  background: rgba(233,233,233, 0.47);
  font-size: 12px;
  color: #333;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_more .detail-field-task i{
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  margin: 0 4px;
  font-size: 16px;
  color: var(--main-color);
}
@-webkit-keyframes resTaskRotate{
form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes resTaskRotate{
form {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
#resource_more .concact-btn{
  display: inline-block;
  margin-top: 56px;
  margin-left: 24px;
  width: 50px;
  height: 50px;
  vertical-align: top;
  background: #002469;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
#resource_more .concact-btn span{
  color: #fff;
  font-size: 28px;
}
#resource_more .detail-modal-footer{
  position: relative;
  width: 100%;
  height: 460px;
  border-radius: 8px;
  overflow: hidden;
}
#resource_more .detail-modal-footer-title{
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 34px;
  height: 40px;
  width: 100%;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,0.6);
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#resource_more .detail-modal-footer-title:before{
  position: absolute;
  top: 10px;
  left: 24px;
  content: '';
  width: 4px;
  height: 20px;
  background-color: #fff;
}
#resource_more .detail-map-container{
  position: relative;
  width: 100%;
  height: 100%;
}
#resource_more .detail-map-container .map-box{
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
#resource_more .detail-map-container .map-box>img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#resource_more .detail-map-container .map-cover-location{
  position: absolute;
  bottom: 0;
  right: 0;
  height: 24px;
  min-width: 96px;
  background: #0e3b64;
  border-radius: 10px 0 0 0;
  color: #00DBFF;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
#resource_more .detail-map-container .map-cover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#resource_more .detail-map-container .detail-map-icon{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#resource_more .detail-map-container .detail-map-device-icon{
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: #8CD1A5;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
#resource_more .detail-map-container .detail-secure-officer-icon{
  background: rgba(0,36,105,0.30);
  border: 2px solid #002469;
  border-radius: 4px;
}
#resource_more .detail-map-container .detail-map-icon .psim-font{
  font-size: 14px;
  color: #fff;
}
#resource_more .detail-map-container .detail-secure-officer-icon .psim-font{
  color: #002469;
  font-size: 18px;
}
/** status选中 **/
#resource_more .color-preview {
  margin: 16px 0;
  line-height: 24px;
}
#resource_more .color-preview>span:last-child{
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  border: 3px solid #fff;
  border-radius: 2px;
  outline: 1px solid red;
}

#add-staff[data-v-5f7e7fc1]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-5f7e7fc1]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
/* 关于DCS的配置 */
#add-staff .dcs-item-box[data-v-5f7e7fc1]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(var(--main-color-rgb),0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#add-staff .dcsItem-div[data-v-5f7e7fc1]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#add-staff .dcsItem-right[data-v-5f7e7fc1]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#add-staff .dcsItem-left[data-v-5f7e7fc1]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#add-staff .dcsItem-all[data-v-5f7e7fc1]{
  width: 100%;
  margin-top: 16px;
}
#add-staff .dcsItem-title[data-v-5f7e7fc1]{
  font-weight: bold;
}
#add-staff .utm-circle-tag.mini[data-v-5f7e7fc1] {
  margin:0 8px 0 0;
  vertical-align:initial
}
#add-staff .dcsItem-div1[data-v-5f7e7fc1]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#add-staff .azFrom[data-v-5f7e7fc1]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-staff .azText[data-v-5f7e7fc1]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#add-staff .azTo[data-v-5f7e7fc1]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-staff .dcsItem-operation[data-v-5f7e7fc1]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#add-staff .verticalLine[data-v-5f7e7fc1]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#add-staff .more-tag[data-v-5f7e7fc1] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: text-bottom;
}
.paim-vein[data-v-5f7e7fc1]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-5f7e7fc1]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-5f7e7fc1]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-5f7e7fc1]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-5f7e7fc1]{
  color: #fff;
}
.paim-icon-content[data-v-5f7e7fc1]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-5f7e7fc1]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-5f7e7fc1]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-5f7e7fc1] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-5f7e7fc1 .75s step-end infinite;
          animation: rotate1234-data-v-5f7e7fc1 .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-5f7e7fc1 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-5f7e7fc1 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-5f7e7fc1]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-5f7e7fc1]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-5f7e7fc1]::before,.success .ripple[data-v-5f7e7fc1]::after,.success .ripple-three[data-v-5f7e7fc1] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-5f7e7fc1] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-5f7e7fc1]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-5f7e7fc1 2s linear 0.66s infinite;
          animation: ripple-data-v-5f7e7fc1 2s linear 0.66s infinite;
}
.ripple[data-v-5f7e7fc1]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-5f7e7fc1 2s linear 1.3s infinite;
          animation: ripple-data-v-5f7e7fc1 2s linear 1.3s infinite;
}
.ripple-three[data-v-5f7e7fc1]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-5f7e7fc1 2s linear infinite;
          animation: ripple-data-v-5f7e7fc1 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-5f7e7fc1 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-5f7e7fc1 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-5f7e7fc1] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-5f7e7fc1]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-5f7e7fc1]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-5f7e7fc1]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-5f7e7fc1]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-5f7e7fc1]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-5f7e7fc1]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-5f7e7fc1]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-5f7e7fc1]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-5f7e7fc1]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-5f7e7fc1]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-5f7e7fc1]{
  width: 100%;
}
.user-basic-module .face-box[data-v-5f7e7fc1]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-5f7e7fc1]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-5f7e7fc1]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-5f7e7fc1]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-5f7e7fc1]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-5f7e7fc1]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-5f7e7fc1]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-5f7e7fc1]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-5f7e7fc1] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-5f7e7fc1]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-5f7e7fc1]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-5f7e7fc1]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-5f7e7fc1]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-5f7e7fc1]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-5f7e7fc1]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-5f7e7fc1]{
  position: relative;
}
.step-node .step-desc[data-v-5f7e7fc1]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-5f7e7fc1]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-5f7e7fc1]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-5f7e7fc1]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-5f7e7fc1]:nth-child(1),
.user-config-info .config-info-box[data-v-5f7e7fc1]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-5f7e7fc1]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-5f7e7fc1]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-5f7e7fc1]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-5f7e7fc1]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-5f7e7fc1]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-5f7e7fc1]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-5f7e7fc1]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-5f7e7fc1]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-5f7e7fc1]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-5f7e7fc1]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-5f7e7fc1],.destination-item .schedule-name[data-v-5f7e7fc1]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-5f7e7fc1] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-5f7e7fc1]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-5f7e7fc1]{
  display: block;
}
.schedule-details .schedule-panel[data-v-5f7e7fc1]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-5f7e7fc1]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-5f7e7fc1]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-5f7e7fc1]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-5f7e7fc1]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-5f7e7fc1]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-5f7e7fc1]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-5f7e7fc1]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-5f7e7fc1]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-5f7e7fc1]{
  margin-right: 16px;
}
.print-card-box[data-v-5f7e7fc1]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-5f7e7fc1]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-5f7e7fc1]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-5f7e7fc1]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-5f7e7fc1]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-5f7e7fc1]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-5f7e7fc1]{
  max-height: 90px;
}
.basic-info .user-name[data-v-5f7e7fc1]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-5f7e7fc1]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-5f7e7fc1]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-5f7e7fc1]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-5f7e7fc1]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-5f7e7fc1]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-5f7e7fc1]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-5f7e7fc1]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-5f7e7fc1]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-5f7e7fc1]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-5f7e7fc1]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-5f7e7fc1]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-5f7e7fc1]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-5f7e7fc1]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-5f7e7fc1]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-5f7e7fc1]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-5f7e7fc1]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-5f7e7fc1]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-5f7e7fc1]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-5f7e7fc1]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-5f7e7fc1]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-5f7e7fc1]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-5f7e7fc1]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-5f7e7fc1]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-5f7e7fc1]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-5f7e7fc1],
.details-module .details-module-name[data-v-5f7e7fc1]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-5f7e7fc1]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-5f7e7fc1]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-5f7e7fc1]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-5f7e7fc1]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-5f7e7fc1]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-5f7e7fc1]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-5f7e7fc1]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-5f7e7fc1]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-5f7e7fc1]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-5f7e7fc1]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-5f7e7fc1]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-5f7e7fc1]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-5f7e7fc1]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-5f7e7fc1]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-5f7e7fc1]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-5f7e7fc1]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-5f7e7fc1]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-5f7e7fc1]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-5f7e7fc1]{
  text-align: left;
}
.basic-info-box .content-area[data-v-5f7e7fc1]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-5f7e7fc1]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-5f7e7fc1]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-5f7e7fc1]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-5f7e7fc1]{
  z-index: 1;
}
.card-status-tooltip[data-v-5f7e7fc1]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-5f7e7fc1]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-5f7e7fc1]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-5f7e7fc1]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-5f7e7fc1]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-5f7e7fc1]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-5f7e7fc1] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-5f7e7fc1] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-5f7e7fc1] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-5f7e7fc1] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-5f7e7fc1]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-5f7e7fc1] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-5f7e7fc1] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-5f7e7fc1] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-5f7e7fc1]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-5f7e7fc1]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-5f7e7fc1]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-5f7e7fc1]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-5f7e7fc1]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-5f7e7fc1]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-5f7e7fc1]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-5f7e7fc1]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-5f7e7fc1]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-5f7e7fc1], .slide-fade-leave-to[data-v-5f7e7fc1]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-5f7e7fc1]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-5f7e7fc1]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-5f7e7fc1]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-5f7e7fc1]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-5f7e7fc1]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-5f7e7fc1]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-5f7e7fc1]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-5f7e7fc1]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-5f7e7fc1]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-5f7e7fc1]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-5f7e7fc1]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-5f7e7fc1]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-5f7e7fc1]{
  font-size: 18px;
}
.add-new-btn[data-v-5f7e7fc1]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-5f7e7fc1]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-5f7e7fc1]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-5f7e7fc1] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-5f7e7fc1]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-5f7e7fc1]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-5f7e7fc1]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-5f7e7fc1]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-5f7e7fc1]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-5f7e7fc1]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-5f7e7fc1]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-5f7e7fc1]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-5f7e7fc1]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-5f7e7fc1]{
  font-weight: bold;
}
.dcsItem-div1[data-v-5f7e7fc1]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-5f7e7fc1]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-5f7e7fc1]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-5f7e7fc1] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-5f7e7fc1]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-5f7e7fc1]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-5f7e7fc1]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-5f7e7fc1]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-5f7e7fc1]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-5f7e7fc1]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-5f7e7fc1]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-5f7e7fc1]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-5f7e7fc1]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-5f7e7fc1]{
  margin-left: 0;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-72dd4982]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-72dd4982]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-72dd4982]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-72dd4982]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-72dd4982]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-72dd4982]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-72dd4982]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-72dd4982]{
  width: 100%;
}
.user-basic-module .face-box[data-v-72dd4982]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-72dd4982]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-72dd4982]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-72dd4982]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-72dd4982]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-72dd4982]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-72dd4982]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-72dd4982]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-72dd4982] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-72dd4982]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-72dd4982]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-72dd4982]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-72dd4982]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-72dd4982]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-72dd4982]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-72dd4982]{
  position: relative;
}
.step-node .step-desc[data-v-72dd4982]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-72dd4982]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-72dd4982]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-72dd4982]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-72dd4982]:nth-child(1),
.user-config-info .config-info-box[data-v-72dd4982]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-72dd4982]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-72dd4982]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-72dd4982]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-72dd4982]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-72dd4982]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-72dd4982]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-72dd4982]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-72dd4982]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-72dd4982]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-72dd4982]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-72dd4982],.destination-item .schedule-name[data-v-72dd4982]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-72dd4982] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-72dd4982]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-72dd4982]{
  display: block;
}
.schedule-details .schedule-panel[data-v-72dd4982]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-72dd4982]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-72dd4982]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-72dd4982]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-72dd4982]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-72dd4982]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-72dd4982]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-72dd4982]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-72dd4982]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-72dd4982]{
  margin-right: 16px;
}
.print-card-box[data-v-72dd4982]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-72dd4982]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-72dd4982]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-72dd4982]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-72dd4982]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-72dd4982]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-72dd4982]{
  max-height: 90px;
}
.basic-info .user-name[data-v-72dd4982]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-72dd4982]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-72dd4982]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-72dd4982]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-72dd4982]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-72dd4982]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-72dd4982]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-72dd4982]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-72dd4982]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-72dd4982]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-72dd4982]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-72dd4982]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-72dd4982]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-72dd4982]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-72dd4982]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-72dd4982]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-72dd4982]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-72dd4982]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-72dd4982]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-72dd4982]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-72dd4982]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-72dd4982]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-72dd4982]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-72dd4982]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-72dd4982]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-72dd4982],
.details-module .details-module-name[data-v-72dd4982]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-72dd4982]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-72dd4982]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-72dd4982]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-72dd4982]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-72dd4982]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-72dd4982]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-72dd4982]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-72dd4982]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-72dd4982]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-72dd4982]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-72dd4982]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-72dd4982]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-72dd4982]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-72dd4982]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-72dd4982]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-72dd4982]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-72dd4982]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-72dd4982]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-72dd4982]{
  text-align: left;
}
.basic-info-box .content-area[data-v-72dd4982]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-72dd4982]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-72dd4982]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-72dd4982]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-72dd4982]{
  z-index: 1;
}
.card-status-tooltip[data-v-72dd4982]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-72dd4982]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-72dd4982]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-72dd4982]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-72dd4982]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-72dd4982]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-72dd4982] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-72dd4982] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-72dd4982] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-72dd4982] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-72dd4982]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-72dd4982] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-72dd4982] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-72dd4982] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-72dd4982]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-72dd4982]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-72dd4982]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-72dd4982]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-72dd4982]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-72dd4982]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-72dd4982]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-72dd4982]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-72dd4982]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-72dd4982], .slide-fade-leave-to[data-v-72dd4982]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-72dd4982]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-72dd4982]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-72dd4982]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-72dd4982]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-72dd4982]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-72dd4982]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-72dd4982]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-72dd4982]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-72dd4982]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-72dd4982]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-72dd4982]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-72dd4982]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-72dd4982]{
  font-size: 18px;
}
.add-new-btn[data-v-72dd4982]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-72dd4982]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-72dd4982]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-72dd4982] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-72dd4982]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-72dd4982]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-72dd4982]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-72dd4982]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-72dd4982]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-72dd4982]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-72dd4982]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-72dd4982]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-72dd4982]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-72dd4982]{
  font-weight: bold;
}
.dcsItem-div1[data-v-72dd4982]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-72dd4982]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-72dd4982]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-72dd4982] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-72dd4982]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-72dd4982]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-72dd4982]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-72dd4982]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-72dd4982]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-72dd4982]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-72dd4982]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-72dd4982]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-72dd4982]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-72dd4982]{
  margin-left: 0;
}
.box[data-v-72dd4982]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.box img[data-v-72dd4982]{
  margin-left: 16px;
}
.details-module-content .user-face-img[data-v-72dd4982]{
  width: 102px;
  height: 136px;
}

.user-img-box ul[data-v-aaca93e4]{
  font-size: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: 130px;
  text-align: center;
}
.user-img-box .face-text[data-v-aaca93e4]{
  font-size: 14px;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-top: 8px;
}
.face-text.require[data-v-aaca93e4]:before{
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  vertical-align: text-top;
  margin-right: 2px;
}
.user-img-box ul li[data-v-aaca93e4]{
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}
.user-img-box ul li img[data-v-aaca93e4]{
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-img-box ul li .delete-user-photo-btn[data-v-aaca93e4]{
  position: absolute;
  right: -3px;
  top: -3px;
}
.user-img-box ul li.add-user-photo[data-v-aaca93e4]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(var(--main-color-rgb),.05);
  border: 1px dashed var(--main-color);
  border-radius: 4px;
}
.user-img-box ul li.add-user-photo .add-user-photo-bg[data-v-aaca93e4]{
  position: absolute;width: 100%;height: 100%
}
.add-user-photo .upload-text[data-v-aaca93e4]{
  height: 27px;
  width: 100%;
  text-align: center;
  color: #fff;
  opacity: 0.4;
  background: #000000;
  position: absolute;
  font-size: 16px;
  line-height: 27px;
  left: 0;
  bottom: 0;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.pro-upload-face-methods[data-v-aaca93e4]{
  position: absolute;
  display: none;
  background: #fff;
  border-radius: 4px;
  width: 145px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  font-size: 16px;
  cursor: pointer;
  z-index: 6;
}
.pro-upload-face-methods span[data-v-aaca93e4]{
  display: block;
  padding: 7px 10px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.pro-upload-face-methods span[data-v-aaca93e4]:first-child{
  border-radius: 4px 4px 0 0 ;
}
.pro-upload-face-methods span#fileImg[data-v-aaca93e4]{
  border-radius: 0 0 4px 4px ;
}
.pro-upload-face-methods span[data-v-aaca93e4]:hover{
  background: #EFFAFF;
}
.origial-img .portrait-bg[data-v-aaca93e4]{
  display: inline-block;
  width: 34px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 20px;
  margin-right: 10px;
  padding: 2px 4px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid #ddd;
}
.origial-img .portrait-bg span[data-v-aaca93e4]{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA+CAYAAADwKVM6AAAGX0lEQVR4nO2bW6gVVRiAvzXbDkUkQQeMboggp6jowulRqqcs0oKinpQMiqAeiopKX4rQBymx20tWahkGRr2EBfUQlR2wIySk0YUudEMoELuRembFmv3PnLVnZs+evZ2Zs8/2/2DOmT2zZl3/9a9/XX4URVEUpR5MOlZrbW2JTU5O9gpi8/LkMz093U/8Lq4VwG3AMuBc4B/gO+AD4GXgy7JplMj/emCt3P8BfAW8DzwP/N5n/OPAfcB1wFLgLHn+BPB4USb27dvXK5+lCSqLafi4AtgLrAM+Aq4GThUhuQv4S4TksQpz7tJ6GvgYuAR4GDgDOAjc00c8q4HPgdOBB4FLgT3Axl7CUTULmkysQW4AtgIPATtEM8X8CXwm1yZgUcXZcmluBnZKPj4FngPeAULgxR7frxIt5DTe98BpwG6neIBHmq7IURSQi2XoWCEapIgjclXNA6IFjkq8PwDXS35cY//cJb1FoiVi4UDicML+Wq211oVRHGK2SA/sJRx14jTWdmDGS+Mn4CVgTUG6dwBvAN96z1wcr6a0YGOMmoAsB8aAbUOQlzzeAm4seL8S2DV32csyakPMrcALNfa2fuNNz8i+AC4sCD8B7K8h3YEZNQ1yLfBhzWmYklcex3o09kLg7xrSHZimNUiZntArTFElnAf82GeemuZwQXrOMD1FBGkoyAjI5OTkCavn6enpbo3YS8J7LpT14KhU8H8DfLsE2ABcBFx2AnnoxeKC9xM1pjsQGQEpaNz5wC/A+alZQBEtMRrdItaV0rt3zuPyV86o2SCfyBpCWcZlzeJ14ALgV1mxVIRRE5A3gXv7GKYOAdfIautSueo2cucVoyYg74kdsrrP7wJZHt80TAbiMDCKS+13yybcAdm/KMMGCfPM3GV7OBnFpXa3GHWn7Hms6jHcnClL825L/fbU0vhJDyO83b9bdlLddvuUbO8vlvK63dGrgCeBr0WAlsn5DSVFo0NM0WEfocoptkvscuBm4BbgUeAceecE411ZeT3QZ7xzsmk2V+k2eqJMaQZjqutno3yiTKkAFRClkIwNMrbtkNaYkqAaRClEBUQpZNgEpOoplJFjfDvknMhxOaTsXAqekq39KlkvZbDiB7NH3BTGB0hjXL6dkrjieLu6PZgaZsIZAXGJpBOqI+EGGHm/mCbaJTNhHnvlN2yF8+g+OdEDQ1GlWUyRX4zPQnE1+KbicmyWQ0cuH//KKq7zi3m2pF/MOnGT8P1i3FnV+6V8hREcW3N2ZQXJXUmNJbNXRoYNqbzIL8ZgI7+YuAzpipUyHrGYOfOLyWnsRQa70WI6/GIMdqvFFPrF1KVNMkOM0x5WBpom8QuYHuY67q2dvfAu265sg91isGstZm9HGWxnPHWW0WCtwW432Bkvj4lfTF4HlGeRX4zBdvjFWEzkF1MkBH5tVMmcGamZwloIbBg1NLEgSMPH4d17+TH7vcV/ttxixrBs84XMtKWjMaH300k1XOQXI4Kc981Ki9nla710mKY7bqObdb5KjSpJGj+wM4SmlYQhtBK2hXFCYcEGQds2iuVCNF2qvtp+Ma4LpxqpIjJd2C9TfO9pCJMKk/jFpIVAfk8Y7H6/jpIilKjbjp8V0bgGcVogCGdohccjwTCiFdw9XqXEje8EIwxaHc/o3uiRX0zNvazDD0WEIHPvf+Dl51g8VPiC4b1faDF9+cUYF53kQ65KC9uIBklUfRha316IZ0ux9ogDW9OW2zwtEPfKLgyFX0w3w1g4nLY9vN8dfjF52il9X/eQk6dBbNkr0uT5YRObIRYIE0b3kZSHQcuErZaxQRBd0WhjjJFhI+kNA3iOxX4xg7BEHKfzXB9L0cWuSLO4IMyEfya22zDZpB2SJyBlXfySRozVnN+I7ZlG6NkMQaQp2v+DDuOtwgLHfjFlcarrJjk8NCWLa28Pmvh8WxYoQ0ZA4plEmXl1HM799b9LxlcTtN/LqBBpiHoX4dQvpmKyS+1RQ4eJNZ4MEd50M5lySlsnQuC1faQljIn+I8LRAOoXUzE5AtK5/tB+ONvAsY4IPUMy7yI9I2kG9YupmMwsZiZYkOl/3azudMOX2SdoAPWLqZDCpfY8A7JIAIbESFO/mApRvxj1iylk2Fwv1S9m+NJVFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFOWkAPgf8GNjizO5keMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.origial-img .portrait-rotate-left[data-v-aaca93e4]{
  background-position: -72px 0px;
}
.origial-img .portrait-rotate-right[data-v-aaca93e4]{
  background-position: -96px 0px;
}
.origial-img .portrait-plus[data-v-aaca93e4]{
  background-position: -24px 0px;
}
.origial-img .portrait-mini[data-v-aaca93e4]{
  background-position: 0px 0px;
}
.origial-img .portrait-reset[data-v-aaca93e4]{
  background-position: -48px 0px;
}
.origial-img .portrait-rotate-left[data-v-aaca93e4]:hover{
  background-position: -72px -24px;
}
.origial-img .portrait-rotate-right[data-v-aaca93e4]:hover{
  background-position: -96px -24px;
}
.origial-img .portrait-plus[data-v-aaca93e4]:hover{
  background-position: -24px -24px;
}
.origial-img .portrait-mini[data-v-aaca93e4]:hover{
  background-position: 0px -24px;
}
.origial-img .portrait-reset[data-v-aaca93e4]:hover{
  background-position: -48px -24px;
}
.utm-font.add-face[data-v-aaca93e4]{
  color: var(--main-color);
  font-size: 28px;
  font-weight: bold;
}
.face-img-box .delete-face[data-v-aaca93e4]{
  color: rgb(106 106 106);
  font-size: 22px;
  position: absolute;
  right: -10px;
  top: -9px;
  display: none;
}
.user-img-box .face-img-box:hover .delete-face[data-v-aaca93e4],
.user-img-box .face-img-box:hover .replace-btn[data-v-aaca93e4]{
  display: block;
}
/*替换*/
.face-img-box .replace-btn[data-v-aaca93e4]{
  height: 32px;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(0,0,0,.7);
  position: absolute;
  font-size: 16px;
  line-height: 32px;
  left: 0;
  bottom: 0;
  display: none;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}
.video-container[data-v-aaca93e4]{
  margin-top: 16px;
}
#pro-image[data-v-aaca93e4]{
  max-width: 480px;
  max-height: 360px;
}
/* 人脸搜索 */
.user-img-box .face-detection[data-v-aaca93e4]{
  font-size: 14px;
  color: #005EB8;
  width: 100%;
  height: 24px;
  background-color: rgba(0,94,184,0.2);
  border-radius: 12px;
  line-height: 24px;
  text-align: center;
  margin-top: 4px;
  padding: 0 12px;
}
.face-detection.detection-status1[data-v-aaca93e4]{
  color: rgba(255,136,0,1);
  background-color: rgba(255,136,0,0.2);
  cursor: pointer;
}
.face-detection.detection-status2[data-v-aaca93e4]{
  color: rgba(76,190,138,1);
  background-color: rgba(76,190,138,0.2);
}
.face-detection.detection-status3[data-v-aaca93e4]{
  color: rgba(246,111,106,1);
  background-color: rgba(246,111,106,0.2);
}
.face-detection .loading-icon[data-v-aaca93e4]{
  -webkit-animation: loadingRotate-data-v-aaca93e4 1s infinite;
          animation: loadingRotate-data-v-aaca93e4 1s infinite;
}
@-webkit-keyframes loadingRotate-data-v-aaca93e4 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loadingRotate-data-v-aaca93e4 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
/* 复制标签 */
.user-copy[data-v-aaca93e4]{
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 4px;
  right: 3px;
  font-size: 14px;
  z-index: 10;
  color:#005EB8;
  background-color: rgba(5, 159, 232, 0.1);
  border-radius: 50%;
}
/* 提示语 */
.utm-is-danger[data-v-aaca93e4]{
  font-size: 14px;
}
/*新增tag*/
#add_Module[data-v-5564c3b9]{
    width: 100%;
    position: relative;
    z-index: 6;
}
#add_Module .tag-count[data-v-5564c3b9]{
    font-size: 16px;
    margin: 0 16px;
}
#add_Module .tags[data-v-5564c3b9]{
    display: block;
    padding: 16px;
    background: #f8f9f9;
    border: 1px dashed #dce3e8;
    border-radius: 8px;
    margin-top: 8px;
    position: relative;
}
#add_Module .tags.no-padding-tags[data-v-5564c3b9]{
    padding: 16px 0 0 0;
    margin: 0px;
    background-color: transparent;
}
#add_Module .utm-circle-tag.mini[data-v-5564c3b9]{
    margin-right: 16px;
}
#add_Module .utm-circle-tag .tag-text[data-v-5564c3b9]{
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.utm-tag-panel .tag-item[data-v-5564c3b9]:hover,.utm-tag-panel .tag-item.active[data-v-5564c3b9]{
    background-color: #effaff;
}
.utm-tag-panel .utm-ok-icon[data-v-5564c3b9]{
    position: absolute;
    right: 8px;
    font-size: 16px;
    color: #059FE8;
}
/*更多*/
#add_Module .more-tag[data-v-5564c3b9]{
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #059FE8;
    cursor: pointer;
    vertical-align: middle;
}
.other-tags[data-v-5564c3b9]{
    display: none;
}
.more-tag .other-tags[data-v-5564c3b9]{
    position: absolute;
    padding: 8px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
            box-shadow: 0 1px 6px rgba(0,0,0,.2);
    display: none;
    top: 24px;
    left: 0;
    width: 250px;
    z-index: 2;
}
#add_Module .more-tag:hover .other-tags[data-v-5564c3b9]{
    display: inline-block;
}
#add_Module .no-search-data[data-v-5564c3b9]{
    text-align: center;
    margin-top: 40px;
    color: #999;
}
#add_Module .tag-blue-bg[data-v-5564c3b9]{
    height: 20px;
    background: #C8E7F6;
    border-radius: 4px;
    line-height: 16px;
    color: #059fe8;
    font-size: 14px;
    padding: 0 10px;
    max-width: 84px;
    width: 84px;
}
#add_Module .module-delete-icon[data-v-5564c3b9]{
    color: #059fe8;
    font-size: 12px;
    background: #C8E7F6;
    border-color: #C8E7F6 ;
    right: 8px;
    height: 16px;
    width: 16px;
}
.more-btn[data-v-5564c3b9]{
    position: absolute;
    right: 24px;
    top: 70px;
    font-size: 16px;
    color: #059fe8;
}

#edit-staff[data-v-b3ee3b28]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-b3ee3b28]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 375px;
  margin-left: 15px;
}
#edit-staff .utm-table.ivu-table-wrapper[data-v-b3ee3b28] {
  overflow: hidden;
}
#edit-staff .module-parent[data-v-b3ee3b28]{
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #EBEFF2;
}
.module-ac[data-v-b3ee3b28]{
  width: 65%;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
.module-history[data-v-b3ee3b28]{
  width: 35%;
  margin-left: 8px;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
#edit-staff .dcs-item-box[data-v-b3ee3b28]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#edit-staff .dcsItem-div[data-v-b3ee3b28]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#edit-staff .dcsItem-right[data-v-b3ee3b28]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#edit-staff .dcsItem-left[data-v-b3ee3b28]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#edit-staff .dcsItem-all[data-v-b3ee3b28]{
  width: 100%;
  margin-top: 16px;
}
#edit-staff .dcsItem-title[data-v-b3ee3b28]{
  font-weight: bold;
}
#edit-staff .utm-circle-tag.mini[data-v-b3ee3b28] {
  margin:0 12px 0 0;
  vertical-align:initial
}
#edit-staff .dcsItem-div1[data-v-b3ee3b28]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#edit-staff .azFrom[data-v-b3ee3b28]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#edit-staff .azText[data-v-b3ee3b28]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#edit-staff .azTo[data-v-b3ee3b28]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#edit-staff .dcsItem-operation[data-v-b3ee3b28]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#edit-staff .verticalLine[data-v-b3ee3b28]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#edit-staff .more-tag[data-v-b3ee3b28] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
#edit-staff .edit-department[data-v-b3ee3b28] {
  overflow: hidden;
  overflow-wrap: break-word;
}
/* 掌纹 */
.paim-vein[data-v-b3ee3b28]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-b3ee3b28]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-b3ee3b28]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-b3ee3b28]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-b3ee3b28]{
  color: #fff;
}
.paim-icon-content[data-v-b3ee3b28]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-b3ee3b28]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-b3ee3b28]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-b3ee3b28] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-b3ee3b28 .75s step-end infinite;
          animation: rotate1234-data-v-b3ee3b28 .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-b3ee3b28 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-b3ee3b28 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-b3ee3b28]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-b3ee3b28]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-b3ee3b28]::before,.success .ripple[data-v-b3ee3b28]::after,.success .ripple-three[data-v-b3ee3b28] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-b3ee3b28] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-b3ee3b28]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-b3ee3b28 2s linear 0.66s infinite;
          animation: ripple-data-v-b3ee3b28 2s linear 0.66s infinite;
}
.ripple[data-v-b3ee3b28]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-b3ee3b28 2s linear 1.3s infinite;
          animation: ripple-data-v-b3ee3b28 2s linear 1.3s infinite;
}
.ripple-three[data-v-b3ee3b28]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-b3ee3b28 2s linear infinite;
          animation: ripple-data-v-b3ee3b28 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-b3ee3b28 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-b3ee3b28 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-b3ee3b28] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-b3ee3b28]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-b3ee3b28]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-b3ee3b28]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-b3ee3b28]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-b3ee3b28]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-b3ee3b28]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-b3ee3b28]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-b3ee3b28]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-b3ee3b28]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-b3ee3b28]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-b3ee3b28]{
  width: 100%;
}
.user-basic-module .face-box[data-v-b3ee3b28]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-b3ee3b28]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-b3ee3b28]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-b3ee3b28]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-b3ee3b28]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-b3ee3b28]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-b3ee3b28]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-b3ee3b28]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-b3ee3b28] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-b3ee3b28]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-b3ee3b28]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-b3ee3b28]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-b3ee3b28]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-b3ee3b28]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-b3ee3b28]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-b3ee3b28]{
  position: relative;
}
.step-node .step-desc[data-v-b3ee3b28]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-b3ee3b28]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-b3ee3b28]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-b3ee3b28]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-b3ee3b28]:nth-child(1),
.user-config-info .config-info-box[data-v-b3ee3b28]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-b3ee3b28]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-b3ee3b28]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-b3ee3b28]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-b3ee3b28]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-b3ee3b28]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-b3ee3b28]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-b3ee3b28]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-b3ee3b28]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-b3ee3b28]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-b3ee3b28]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-b3ee3b28],.destination-item .schedule-name[data-v-b3ee3b28]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-b3ee3b28] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-b3ee3b28]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-b3ee3b28]{
  display: block;
}
.schedule-details .schedule-panel[data-v-b3ee3b28]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-b3ee3b28]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-b3ee3b28]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-b3ee3b28]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-b3ee3b28]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-b3ee3b28]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-b3ee3b28]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-b3ee3b28]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-b3ee3b28]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-b3ee3b28]{
  margin-right: 16px;
}
.print-card-box[data-v-b3ee3b28]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-b3ee3b28]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-b3ee3b28]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-b3ee3b28]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-b3ee3b28]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-b3ee3b28]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-b3ee3b28]{
  max-height: 90px;
}
.basic-info .user-name[data-v-b3ee3b28]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-b3ee3b28]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-b3ee3b28]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-b3ee3b28]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-b3ee3b28]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-b3ee3b28]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-b3ee3b28]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-b3ee3b28]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-b3ee3b28]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-b3ee3b28]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-b3ee3b28]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-b3ee3b28]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-b3ee3b28]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-b3ee3b28]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-b3ee3b28]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-b3ee3b28]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-b3ee3b28]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-b3ee3b28]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-b3ee3b28]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-b3ee3b28]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-b3ee3b28]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-b3ee3b28]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-b3ee3b28]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-b3ee3b28]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-b3ee3b28]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-b3ee3b28],
.details-module .details-module-name[data-v-b3ee3b28]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-b3ee3b28]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-b3ee3b28]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-b3ee3b28]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-b3ee3b28]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-b3ee3b28]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-b3ee3b28]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-b3ee3b28]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-b3ee3b28]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-b3ee3b28]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-b3ee3b28]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-b3ee3b28]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-b3ee3b28]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-b3ee3b28]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-b3ee3b28]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-b3ee3b28]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-b3ee3b28]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-b3ee3b28]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-b3ee3b28]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-b3ee3b28]{
  text-align: left;
}
.basic-info-box .content-area[data-v-b3ee3b28]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-b3ee3b28]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-b3ee3b28]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-b3ee3b28]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-b3ee3b28]{
  z-index: 1;
}
.card-status-tooltip[data-v-b3ee3b28]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-b3ee3b28]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-b3ee3b28]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-b3ee3b28]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-b3ee3b28]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-b3ee3b28]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-b3ee3b28] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-b3ee3b28] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-b3ee3b28] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-b3ee3b28] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-b3ee3b28]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-b3ee3b28] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-b3ee3b28] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-b3ee3b28] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-b3ee3b28]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-b3ee3b28]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-b3ee3b28]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-b3ee3b28]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-b3ee3b28]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-b3ee3b28]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-b3ee3b28]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-b3ee3b28]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-b3ee3b28]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-b3ee3b28], .slide-fade-leave-to[data-v-b3ee3b28]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-b3ee3b28]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-b3ee3b28]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-b3ee3b28]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-b3ee3b28]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-b3ee3b28]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-b3ee3b28]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-b3ee3b28]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-b3ee3b28]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-b3ee3b28]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-b3ee3b28]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-b3ee3b28]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-b3ee3b28]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-b3ee3b28]{
  font-size: 18px;
}
.add-new-btn[data-v-b3ee3b28]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-b3ee3b28]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-b3ee3b28]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-b3ee3b28] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-b3ee3b28]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-b3ee3b28]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-b3ee3b28]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-b3ee3b28]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-b3ee3b28]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-b3ee3b28]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-b3ee3b28]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-b3ee3b28]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-b3ee3b28]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-b3ee3b28]{
  font-weight: bold;
}
.dcsItem-div1[data-v-b3ee3b28]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-b3ee3b28]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-b3ee3b28]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-b3ee3b28] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-b3ee3b28]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-b3ee3b28]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-b3ee3b28]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-b3ee3b28]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-b3ee3b28]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-b3ee3b28]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-b3ee3b28]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-b3ee3b28]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-b3ee3b28]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-b3ee3b28]{
  margin-left: 0;
}
/**************选择tag****************/
.utm-multiple-check[data-v-b3ee3b28] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-b3ee3b28] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-b3ee3b28] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-b3ee3b28],
.multiple-check-panel .no-search-data p[data-v-b3ee3b28]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-b3ee3b28] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-b3ee3b28] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-b3ee3b28]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-b3ee3b28]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-b3ee3b28]:hover,
.multiple-check-panel .check-option.active[data-v-b3ee3b28] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-b3ee3b28]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-b3ee3b28] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-b3ee3b28] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-b3ee3b28] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-b3ee3b28]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-b3ee3b28]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-b3ee3b28]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-b3ee3b28] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-b3ee3b28]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-b3ee3b28]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-b3ee3b28], .slide-fade-leave-to[data-v-b3ee3b28]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

#edit-staff .utm-select.schedule-select .ivu-select-selected-value {
  color: #059fe8;
}

#edit-history .utm-module-title[data-v-2b6713e6]{
  margin-bottom: 10px;
  position: relative;
}
.btn-more[data-v-2b6713e6]{
  position: absolute;
  font-size: 14px;
  color: #059FE8;
  border: 1px solid #059FE8;
  border-radius: 4px;
  padding: 4px 16px ;
  background-color: #fff;
  cursor: pointer;
  right: 0;
  top:-1px;
}
.history-list[data-v-2b6713e6]{
  height: 610px;
  overflow: auto;
  margin-top: 25px;
}
.history-top[data-v-2b6713e6]{
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-arm[data-v-2b6713e6]{
  color: #B4B4B4;
  font-size: 16px;
  margin-top: 2px;
  cursor:auto;
}
.bold[data-v-2b6713e6]::before{
  border: 1px solid #B4B4B4;
  border-radius: 2px;
}
.history-expand[data-v-2b6713e6]{
  color: #B4B4B4;
  font-size: 14px;
  cursor: pointer;
  height: 15px;
  margin-top: 7px;
}
.record-detail[data-v-2b6713e6]{
  line-height: 28px;
  word-break:keep-all;
}
.record-remark[data-v-2b6713e6]{
  width: 100%;
  padding: 16px;
  padding-bottom: 8px;
  margin-top: 6px;
  border-radius: 4px;
  background-color: rgba(var(--main-color-rgb),0.05);
  font-size: 14px;
}
.remark-item[data-v-2b6713e6]{
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tooltip-history[data-v-2b6713e6]{
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ac-info[data-v-2b6713e6]{
  color: #999999;
}
.tip-div[data-v-2b6713e6]{
  word-break: keep-all;
  text-align: left;
}
.validity-time[data-v-2b6713e6]{
  color: #999999;
  font-size: 14px;
  font-weight: normal;
}

#staff-list[data-v-ed53c368]{
  height: 100%;
  width: 100%;
}
/*************************列表AC**********************/
.table-validity[data-v-ed53c368]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-ed53c368] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-ed53c368] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-ed53c368] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-ed53c368],
.ac-options .ac-loading-box[data-v-ed53c368]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-ed53c368],
.ac-loading-box .loading-icon[data-v-ed53c368] {
  -webkit-animation: ani-demo-spin-data-v-ed53c368 1s linear infinite;
          animation: ani-demo-spin-data-v-ed53c368 1s linear infinite;
}
.utm-table .user-more-option[data-v-ed53c368] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-ed53c368] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-ed53c368]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-ed53c368] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-ed53c368]{
  max-width: 220px;
}
.permanent-text[data-v-ed53c368] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}
/*************************列表AC**********************/
/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-ed53c368] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-ed53c368] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-ed53c368] {
  height: 42px;
}
/*部门-用户树形*/
.department-option .expand-icon[data-v-ed53c368] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-ed53c368] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-ed53c368] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-ed53c368]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-ed53c368] {
  -webkit-animation: ani-demo-spin-data-v-ed53c368 1s linear infinite;
          animation: ani-demo-spin-data-v-ed53c368 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-ed53c368 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-ed53c368 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-ed53c368]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-ed53c368]{
  color: #999;
}
/*批量选中更多操作*/
.utm-btn.more-btn[data-v-ed53c368]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-ed53c368]{
  display: block;
}
.more-btn i[data-v-ed53c368]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-ed53c368]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-ed53c368]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-ed53c368]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-ed53c368]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-ed53c368]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-ed53c368]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-ed53c368]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-ed53c368]{
  color: var(--main-color);
  cursor: pointer;
}

.utm-table .more-table-td .ivu-table-cell {
  position: relative;
  overflow: unset;
}

.utm-modal-center .transform-tip[data-v-25191e34] {
  color: #393939;
}
.utm-modal-center .transform-box[data-v-25191e34]{
  margin: 16px -12px 0;
}
.transform-box .user-option[data-v-25191e34]{
  width: 154px;
  height: 154px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 12px;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}
.user-option .user-type-font[data-v-25191e34]{
  height: 50px;
  width: 50px;
}
.user-info .user-type-txt[data-v-25191e34]{
  text-align: center;
   font-size: 18px;
}
.user-option.active[data-v-25191e34]:after{
  content: '\E6E7';
  font-family: 'utmfont', sans-serif;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--main-color);
  border-radius: 50%;
  position: absolute;
  color: #fff;
  text-align: center;
  line-height: 24px;
  right: 8px;
  top: 8px;
}
.user-option.active .user-info .user-type-txt[data-v-25191e34]{
  font-weight: 700;
  color: var(--main-color);
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-c874624a]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-c874624a]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-c874624a]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-c874624a]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-c874624a]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-c874624a]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-c874624a]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-c874624a]{
  width: 100%;
}
.user-basic-module .face-box[data-v-c874624a]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-c874624a]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-c874624a]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-c874624a]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-c874624a]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-c874624a]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-c874624a]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-c874624a]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-c874624a] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-c874624a]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-c874624a]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-c874624a]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-c874624a]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-c874624a]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-c874624a]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-c874624a]{
  position: relative;
}
.step-node .step-desc[data-v-c874624a]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-c874624a]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-c874624a]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-c874624a]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-c874624a]:nth-child(1),
.user-config-info .config-info-box[data-v-c874624a]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-c874624a]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-c874624a]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-c874624a]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-c874624a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-c874624a]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-c874624a]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-c874624a]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-c874624a]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-c874624a]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-c874624a]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-c874624a],.destination-item .schedule-name[data-v-c874624a]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-c874624a] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-c874624a]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-c874624a]{
  display: block;
}
.schedule-details .schedule-panel[data-v-c874624a]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-c874624a]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-c874624a]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-c874624a]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-c874624a]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-c874624a]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-c874624a]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-c874624a]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-c874624a]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-c874624a]{
  margin-right: 16px;
}
.print-card-box[data-v-c874624a]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-c874624a]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-c874624a]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-c874624a]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-c874624a]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-c874624a]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-c874624a]{
  max-height: 90px;
}
.basic-info .user-name[data-v-c874624a]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-c874624a]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-c874624a]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-c874624a]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-c874624a]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-c874624a]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-c874624a]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-c874624a]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-c874624a]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-c874624a]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-c874624a]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-c874624a]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-c874624a]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-c874624a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-c874624a]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-c874624a]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-c874624a]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-c874624a]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-c874624a]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-c874624a]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-c874624a]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-c874624a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-c874624a]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-c874624a]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-c874624a]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-c874624a],
.details-module .details-module-name[data-v-c874624a]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-c874624a]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-c874624a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-c874624a]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-c874624a]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-c874624a]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-c874624a]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-c874624a]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-c874624a]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-c874624a]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-c874624a]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-c874624a]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-c874624a]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-c874624a]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-c874624a]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-c874624a]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-c874624a]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-c874624a]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-c874624a]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-c874624a]{
  text-align: left;
}
.basic-info-box .content-area[data-v-c874624a]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-c874624a]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-c874624a]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-c874624a]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-c874624a]{
  z-index: 1;
}
.card-status-tooltip[data-v-c874624a]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-c874624a]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-c874624a]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-c874624a]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-c874624a]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-c874624a]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-c874624a] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-c874624a] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-c874624a] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-c874624a] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-c874624a]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-c874624a] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-c874624a] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-c874624a] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-c874624a]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-c874624a]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-c874624a]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-c874624a]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-c874624a]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-c874624a]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-c874624a]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-c874624a]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-c874624a]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-c874624a], .slide-fade-leave-to[data-v-c874624a]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-c874624a]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-c874624a]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-c874624a]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-c874624a]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-c874624a]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-c874624a]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-c874624a]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-c874624a]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-c874624a]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-c874624a]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-c874624a]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-c874624a]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-c874624a]{
  font-size: 18px;
}
.add-new-btn[data-v-c874624a]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-c874624a]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-c874624a]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-c874624a] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-c874624a]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-c874624a]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-c874624a]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-c874624a]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-c874624a]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-c874624a]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-c874624a]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-c874624a]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-c874624a]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-c874624a]{
  font-weight: bold;
}
.dcsItem-div1[data-v-c874624a]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-c874624a]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-c874624a]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-c874624a] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-c874624a]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-c874624a]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-c874624a]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-c874624a]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-c874624a]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-c874624a]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-c874624a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-c874624a]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-c874624a]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-c874624a]{
  margin-left: 0;
}
/*************************列表AC**********************/
.table-validity[data-v-c874624a]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-c874624a] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-c874624a] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-c874624a] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-c874624a],
.ac-options .ac-loading-box[data-v-c874624a]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-c874624a],
.ac-loading-box .loading-icon[data-v-c874624a] {
  -webkit-animation: ani-demo-spin-data-v-c874624a 1s linear infinite;
          animation: ani-demo-spin-data-v-c874624a 1s linear infinite;
}
.utm-table .user-more-option[data-v-c874624a] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-c874624a] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-c874624a]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-c874624a] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-c874624a]{
  max-width: 220px;
}
.permanent-text[data-v-c874624a] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}
/*************************列表AC**********************/
/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-c874624a] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-c874624a] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-c874624a] {
  height: 42px;
}
/*部门-用户树形*/
.department-option .expand-icon[data-v-c874624a] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-c874624a] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-c874624a] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-c874624a]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-c874624a] {
  -webkit-animation: ani-demo-spin-data-v-c874624a 1s linear infinite;
          animation: ani-demo-spin-data-v-c874624a 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-c874624a {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-c874624a {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-c874624a]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-c874624a]{
  color: #999;
}
/*批量选中更多操作*/
.utm-btn.more-btn[data-v-c874624a]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-c874624a]{
  display: block;
}
.more-btn i[data-v-c874624a]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-c874624a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-c874624a]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-c874624a]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-c874624a]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-c874624a]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-c874624a]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-c874624a]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-c874624a]{
  color: var(--main-color);
  cursor: pointer;
}
#batch_set_dcs[data-v-c874624a]{
  display: inline-block;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-6b0a8a36] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-6b0a8a36] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-6b0a8a36] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-6b0a8a36] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-6b0a8a36]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-6b0a8a36] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-6b0a8a36]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-6b0a8a36]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-6b0a8a36] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-6b0a8a36]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-6b0a8a36] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-6b0a8a36] {
  margin-top: 7px;
}
.visitor-specific[data-v-6b0a8a36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-6b0a8a36] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-6b0a8a36]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-6b0a8a36]{
  position: relative;
}
.visitor-point-content[data-v-6b0a8a36]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-6b0a8a36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-6b0a8a36]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-6b0a8a36]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-6b0a8a36] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-6b0a8a36] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-6b0a8a36] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-6b0a8a36] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-6b0a8a36]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-6b0a8a36]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-6b0a8a36]{
  display: none;
}
.addition-info-title[data-v-6b0a8a36]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-6b0a8a36]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-6b0a8a36]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-6b0a8a36]{
  color: #059FE8;
  cursor: pointer;
}
#user-access-record[data-v-6b0a8a36] {
  height: 100%;
  padding: 16px;
}
#user-access-record .utm-tabs .utm-tab-item.active[data-v-6b0a8a36] {
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
}
#user-access-record .utm-tabs[data-v-6b0a8a36] {
  background-color: transparent;
}
.particular-map-box[data-v-6b0a8a36]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.particular-box-substance .access-visitorStr[data-v-6b0a8a36] {
  margin: 0;
}

#user-msg-record[data-v-b661d5f8] {
  height: 100%;
  padding: 16px;
}

#user-record[data-v-e448320e]{
  height: 100%;
  background-color: #fff;
}
#user-record .page-content[data-v-e448320e]{
  height: calc( 100% - 107px );
}
#user-record .page-content[data-v-e448320e] {
  padding: 0;
}
#user-record .no-permission[data-v-e448320e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #bbb;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-e448320e]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-e448320e]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-e448320e]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-e448320e]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-e448320e]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-e448320e]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-e448320e]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-e448320e]{
  width: 100%;
}
.user-basic-module .face-box[data-v-e448320e]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-e448320e]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-e448320e]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-e448320e]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-e448320e]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-e448320e]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-e448320e]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-e448320e]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-e448320e] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-e448320e]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-e448320e]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-e448320e]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-e448320e]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-e448320e]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-e448320e]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-e448320e]{
  position: relative;
}
.step-node .step-desc[data-v-e448320e]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-e448320e]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-e448320e]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-e448320e]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-e448320e]:nth-child(1),
.user-config-info .config-info-box[data-v-e448320e]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-e448320e]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-e448320e]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-e448320e]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-e448320e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-e448320e]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-e448320e]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-e448320e]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-e448320e]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-e448320e]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-e448320e]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-e448320e],.destination-item .schedule-name[data-v-e448320e]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-e448320e] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-e448320e]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-e448320e]{
  display: block;
}
.schedule-details .schedule-panel[data-v-e448320e]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-e448320e]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-e448320e]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-e448320e]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-e448320e]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-e448320e]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-e448320e]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-e448320e]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-e448320e]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-e448320e]{
  margin-right: 16px;
}
.print-card-box[data-v-e448320e]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-e448320e]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-e448320e]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-e448320e]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-e448320e]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-e448320e]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-e448320e]{
  max-height: 90px;
}
.basic-info .user-name[data-v-e448320e]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-e448320e]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-e448320e]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-e448320e]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-e448320e]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-e448320e]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-e448320e]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-e448320e]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-e448320e]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-e448320e]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-e448320e]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-e448320e]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-e448320e]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-e448320e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-e448320e]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-e448320e]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-e448320e]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-e448320e]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-e448320e]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-e448320e]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-e448320e]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-e448320e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-e448320e]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-e448320e]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-e448320e]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-e448320e],
.details-module .details-module-name[data-v-e448320e]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-e448320e]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-e448320e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-e448320e]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-e448320e]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-e448320e]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-e448320e]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-e448320e]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-e448320e]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-e448320e]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-e448320e]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-e448320e]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-e448320e]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-e448320e]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-e448320e]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-e448320e]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-e448320e]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-e448320e]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-e448320e]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-e448320e]{
  text-align: left;
}
.basic-info-box .content-area[data-v-e448320e]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-e448320e]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-e448320e]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-e448320e]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-e448320e]{
  z-index: 1;
}
.card-status-tooltip[data-v-e448320e]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-e448320e]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-e448320e]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-e448320e]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-e448320e]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-e448320e]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-e448320e] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-e448320e] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-e448320e] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-e448320e] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-e448320e]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-e448320e] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-e448320e] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-e448320e] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-e448320e]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-e448320e]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-e448320e]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-e448320e]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-e448320e]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-e448320e]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-e448320e]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-e448320e]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-e448320e]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-e448320e], .slide-fade-leave-to[data-v-e448320e]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-e448320e]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-e448320e]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-e448320e]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-e448320e]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-e448320e]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-e448320e]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-e448320e]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-e448320e]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-e448320e]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-e448320e]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-e448320e]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-e448320e]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-e448320e]{
  font-size: 18px;
}
.add-new-btn[data-v-e448320e]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-e448320e]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-e448320e]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-e448320e] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-e448320e]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-e448320e]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-e448320e]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-e448320e]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-e448320e]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-e448320e]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-e448320e]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-e448320e]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-e448320e]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-e448320e]{
  font-weight: bold;
}
.dcsItem-div1[data-v-e448320e]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-e448320e]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-e448320e]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-e448320e] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-e448320e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-e448320e]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-e448320e]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-e448320e]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-e448320e]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-e448320e]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-e448320e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-e448320e]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-e448320e]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-e448320e]{
  margin-left: 0;
}

#backup-and-recover[data-v-6b86b016] {
  width: 100%;
  height: 100%;
}
#backup-and-recover .top-title-box[data-v-6b86b016] {
  width: 260px;
  position: relative;
  margin: 50px auto;
  height: 54px;
  background: #eaf7fd;
  border-radius: 27px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  line-height: 54px;
  text-align: center;
  color: #333;
}
#backup-and-recover .title-box-text[data-v-6b86b016] {
  width:  142px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}
#backup-and-recover .main-box[data-v-6b86b016] {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  width: 70%;
  position: relative;
  height: 318px;
  margin: 0 auto 50px;
}
#backup-and-recover .backup-btn[data-v-6b86b016] {
  width: 136px;
}
#backup-and-recover .main-box-title[data-v-6b86b016] {
  font-size: 18px;
  font-weight: 700;
  color: #393939;
  line-height: 28px;
  margin-bottom: 20px;
  margin-top: 20px;
}
#backup-and-recover .main-box-content[data-v-6b86b016] {
  width: 400px;
  padding-left: 40px;
  margin: 0 auto;
  position: relative;
}
#backup-and-recover .btn-text[data-v-6b86b016] {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 21px;
}
#backup-and-recover .main-step-box[data-v-6b86b016] {
  position: absolute;
  left: 0;
}
#backup-and-recover .main-step[data-v-6b86b016] {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: #dfdfdf;
  color: #ffffff;
}
#backup-and-recover .main-step-finish[data-v-6b86b016]{
  background: -webkit-gradient(linear,left top, right top,from(#0598e8), to(#05b9e8)) ;
  background: linear-gradient(90deg,#0598e8, #05b9e8) ;
}
#backup-and-recover .step-line-finish[data-v-6b86b016]{
  width: 1px;
  height: 145px;
  background: -webkit-gradient(linear,left top, right top,from(#0598e8), to(#05b9e8)) ;
  background: linear-gradient(90deg,#0598e8, #05b9e8) ;
  margin-left: 11px;
}
#backup-and-recover .main-step-text[data-v-6b86b016] {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
}
#backup-and-recover .step-line[data-v-6b86b016] {
  width: 1px;
  height: 145px;
  background: #dfdfdf;
  margin-left: 11px;
}
#backup-and-recover .main-box-button[data-v-6b86b016]{
  margin-top: 80px;
}

#basic-setting[data-v-79758c3a] {
  background: rgb(255, 255, 255);
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 20px;
}
.setting-box[data-v-79758c3a] {
  margin-left: 25px;
  font-size: 20px;
}
.setting-title[data-v-79758c3a] {
  font-weight: bold;
  font-size: 24px;
}
.setting-input[data-v-79758c3a] {
  max-width: 200px;
}
.basic-btn[data-v-79758c3a] {
  margin-left: 8px;
  font-size: 18px;
  width: 120px
}
.basic-box[data-v-79758c3a]{
  margin-top:30px ;
}

.origial-img .portrait-bg[data-v-2ed69ece] {
  display: inline-block;
  width: 34px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 20px;
  margin-right: 10px;
  padding: 2px 4px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid #ddd;
}
.origial-img .portrait-bg span[data-v-2ed69ece] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA+CAYAAADwKVM6AAAGX0lEQVR4nO2bW6gVVRiAvzXbDkUkQQeMboggp6jowulRqqcs0oKinpQMiqAeiopKX4rQBymx20tWahkGRr2EBfUQlR2wIySk0YUudEMoELuRembFmv3PnLVnZs+evZ2Zs8/2/2DOmT2zZl3/9a9/XX4URVEUpR5MOlZrbW2JTU5O9gpi8/LkMz093U/8Lq4VwG3AMuBc4B/gO+AD4GXgy7JplMj/emCt3P8BfAW8DzwP/N5n/OPAfcB1wFLgLHn+BPB4USb27dvXK5+lCSqLafi4AtgLrAM+Aq4GThUhuQv4S4TksQpz7tJ6GvgYuAR4GDgDOAjc00c8q4HPgdOBB4FLgT3Axl7CUTULmkysQW4AtgIPATtEM8X8CXwm1yZgUcXZcmluBnZKPj4FngPeAULgxR7frxIt5DTe98BpwG6neIBHmq7IURSQi2XoWCEapIgjclXNA6IFjkq8PwDXS35cY//cJb1FoiVi4UDicML+Wq211oVRHGK2SA/sJRx14jTWdmDGS+Mn4CVgTUG6dwBvAN96z1wcr6a0YGOMmoAsB8aAbUOQlzzeAm4seL8S2DV32csyakPMrcALNfa2fuNNz8i+AC4sCD8B7K8h3YEZNQ1yLfBhzWmYklcex3o09kLg7xrSHZimNUiZntArTFElnAf82GeemuZwQXrOMD1FBGkoyAjI5OTkCavn6enpbo3YS8J7LpT14KhU8H8DfLsE2ABcBFx2AnnoxeKC9xM1pjsQGQEpaNz5wC/A+alZQBEtMRrdItaV0rt3zuPyV86o2SCfyBpCWcZlzeJ14ALgV1mxVIRRE5A3gXv7GKYOAdfIautSueo2cucVoyYg74kdsrrP7wJZHt80TAbiMDCKS+13yybcAdm/KMMGCfPM3GV7OBnFpXa3GHWn7Hms6jHcnClL825L/fbU0vhJDyO83b9bdlLddvuUbO8vlvK63dGrgCeBr0WAlsn5DSVFo0NM0WEfocoptkvscuBm4BbgUeAceecE411ZeT3QZ7xzsmk2V+k2eqJMaQZjqutno3yiTKkAFRClkIwNMrbtkNaYkqAaRClEBUQpZNgEpOoplJFjfDvknMhxOaTsXAqekq39KlkvZbDiB7NH3BTGB0hjXL6dkrjieLu6PZgaZsIZAXGJpBOqI+EGGHm/mCbaJTNhHnvlN2yF8+g+OdEDQ1GlWUyRX4zPQnE1+KbicmyWQ0cuH//KKq7zi3m2pF/MOnGT8P1i3FnV+6V8hREcW3N2ZQXJXUmNJbNXRoYNqbzIL8ZgI7+YuAzpipUyHrGYOfOLyWnsRQa70WI6/GIMdqvFFPrF1KVNMkOM0x5WBpom8QuYHuY67q2dvfAu265sg91isGstZm9HGWxnPHWW0WCtwW432Bkvj4lfTF4HlGeRX4zBdvjFWEzkF1MkBH5tVMmcGamZwloIbBg1NLEgSMPH4d17+TH7vcV/ttxixrBs84XMtKWjMaH300k1XOQXI4Kc981Ki9nla710mKY7bqObdb5KjSpJGj+wM4SmlYQhtBK2hXFCYcEGQds2iuVCNF2qvtp+Ma4LpxqpIjJd2C9TfO9pCJMKk/jFpIVAfk8Y7H6/jpIilKjbjp8V0bgGcVogCGdohccjwTCiFdw9XqXEje8EIwxaHc/o3uiRX0zNvazDD0WEIHPvf+Dl51g8VPiC4b1faDF9+cUYF53kQ65KC9uIBklUfRha316IZ0ux9ogDW9OW2zwtEPfKLgyFX0w3w1g4nLY9vN8dfjF52il9X/eQk6dBbNkr0uT5YRObIRYIE0b3kZSHQcuErZaxQRBd0WhjjJFhI+kNA3iOxX4xg7BEHKfzXB9L0cWuSLO4IMyEfya22zDZpB2SJyBlXfySRozVnN+I7ZlG6NkMQaQp2v+DDuOtwgLHfjFlcarrJjk8NCWLa28Pmvh8WxYoQ0ZA4plEmXl1HM799b9LxlcTtN/LqBBpiHoX4dQvpmKyS+1RQ4eJNZ4MEd50M5lySlsnQuC1faQljIn+I8LRAOoXUzE5AtK5/tB+ONvAsY4IPUMy7yI9I2kG9YupmMwsZiZYkOl/3azudMOX2SdoAPWLqZDCpfY8A7JIAIbESFO/mApRvxj1iylk2Fwv1S9m+NJVFEVRFEVRFEVRFEVRFEVRFEVRFEVRFEVRFOWkAPgf8GNjizO5keMAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.origial-img .portrait-rotate-left[data-v-2ed69ece] {
  background-position: -72px 0px;
}
.origial-img .portrait-rotate-right[data-v-2ed69ece] {
  background-position: -96px 0px;
}
.origial-img .portrait-plus[data-v-2ed69ece] {
  background-position: -24px 0px;
}
.origial-img .portrait-mini[data-v-2ed69ece] {
  background-position: 0px 0px;
}
.origial-img .portrait-reset[data-v-2ed69ece] {
  background-position: -48px 0px;
}
.origial-img .portrait-rotate-left[data-v-2ed69ece]:hover {
  background-position: -72px -24px;
}
.origial-img .portrait-rotate-right[data-v-2ed69ece]:hover {
  background-position: -96px -24px;
}
.origial-img .portrait-plus[data-v-2ed69ece]:hover {
  background-position: -24px -24px;
}
.origial-img .portrait-mini[data-v-2ed69ece]:hover {
  background-position: 0px -24px;
}
.origial-img .portrait-reset[data-v-2ed69ece]:hover {
  background-position: -48px -24px;
}
#cameraModal .ivu-modal-header p[data-v-2ed69ece], .ivu-modal-header-inner[data-v-2ed69ece] {
  font-size: 20px;
}
.utm-modal-box.cut-map-modal[data-v-2ed69ece] {
  width: 776px;
  z-index: 101;
}
.utm-modal-body.cut-map-box[data-v-2ed69ece] {
  padding: 0 24px;
}
#cameraModal .map-img-box[data-v-2ed69ece] {
  width: 378px;
  max-width: 100%;
  height: 248px;
  border: 1px dashed #dddddd;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #eff6f9;
}
.map-img-box .img-content[data-v-2ed69ece] {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.img-content .img-operate-bg[data-v-2ed69ece]{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 40px;
  background-color: rgba(0,0,0,0.2);
}
.img-content .img-operate[data-v-2ed69ece] {
  position: absolute;
  right: 8px;
  top: 4px;
}
.img-operate .operate-action[data-v-2ed69ece] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  line-height: 32px;
  margin-left: 4px;
  text-align: center;
}
.img-operate .operate-action i[data-v-2ed69ece] {
  font-size: 22px;
}
#cameraModal .map-img-box img[data-v-2ed69ece] {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#cameraModal .map-img-box.drop-file[data-v-2ed69ece] {
  border-color: rgba(193, 173, 93, 1);
}
.map-img-box .upload-map-box[data-v-2ed69ece] {
  text-align: center;
}
.map-img-box .upload-map-box i[data-v-2ed69ece] {
  color: #7AC9F1;
  font-size:43px;
}

#retention[data-v-0310616d] {
  width: 100%;
  background-color: #ebeff2;
}
#retention .retention-box[data-v-0310616d] {
  background: #fff;
}
#retention .retention-box .box[data-v-0310616d] {
  padding: 16px;
  margin: 0 auto;
  width: 1430px;
  max-width: 100%;
}

/* 新添加的样式 */
#retention .tip-panel[data-v-0310616d] {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 700;
  color: #393939;
  vertical-align: top;
}

/* 新添加的样式 */
.tip-panel .utm-module-title[data-v-0310616d]:after{
  height: 0;
}
.utm-module-title[data-v-0310616d]:before{
    content: '';
    width: 4px;
    height: 22px;
    background: #059fe8;
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
#retention .utm-btn.save-btn[data-v-0310616d] {
  position: absolute;
  top: 0;
  right: 10px;
}
#retention .tip-panel .utm-tooltip[data-v-0310616d]{
  font-weight: 500;
}
#retention .retention-input-box[data-v-0310616d] {
  padding: 16px;
  background-color: rgba(var(--main-color-rgb),0.05);
  border-radius: 8px;
}

/* 上半部分 */

/* 下半部分 */
#retention .retention-input-box .utm-control-group[data-v-0310616d]{
  margin-bottom: 0  !important;
}
#retention .retention-input-box .utm-control-group[data-v-0310616d]:not(:first-child){
  padding-top: 16px;
  margin-bottom: 0  !important;
  border-top: 1px solid #DFDFDF;
}
#retention .retention-input-box .utm-control-group[data-v-0310616d]:not(:last-child){
  margin-bottom: 16px !important;
}
#retention .utm-control-label[data-v-0310616d] {
  min-width: 258px;
  display: inline-block;
  vertical-align: top;
}
#retention .utm-controls[data-v-0310616d] {
  position: relative;
  line-height: 40px;
  margin-left: 0;
  display: inline-block;
}
#retention .view-data-type-box[data-v-0310616d]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#retention .utm-control-label.view-data-type-title[data-v-0310616d]{
  color: var(--main-color);
  cursor: pointer;
}
#retention .utm-controls .text-box[data-v-0310616d] {
  display: inline-block;
  vertical-align: top;
}
#retention .utm-controls input[data-v-0310616d] {
  width: 220px;
  margin: 0 8px;
}
#retention .utm-page-inquire[data-v-0310616d] {
  padding: 0;
  width: calc(100% - 264px);
}
#retention .retention-tip[data-v-0310616d] {
  font-size: 16px;
  margin: 0 8px;
}
ul.retention-tooltip-transfer li[data-v-0310616d]{
  line-height: 26px;
}
#retention .utm-control-group-ac[data-v-0310616d]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#retention .utm-control-group-ac .utm-control-label div[data-v-0310616d]{
  height: 40px;
}
#retention .ac-data-retention1[data-v-0310616d]{
  border-top: 1px dashed #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  padding: 16px 0;
  margin-top: 16px;
}
#retention .ac-data-retention1 .text-box[data-v-0310616d]{
 display: block;
 margin-top: 10px;
}
#retention .ac-data-retention2[data-v-0310616d]{
  padding: 16px 0 8px 0;
}
#retention .ac-data-retention2 .text-box[data-v-0310616d]{
 display: block;
 margin-top: 10px;
}
#retention .ac-radio[data-v-0310616d]{
  width: 20px;
  height: 20px;
  border: 2px solid var(--main-color);
  border-radius: 50%;
  margin-top: 10px;
  cursor: pointer;
  padding: 3px;
}
#retention .ac-radio-t[data-v-0310616d]{
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: var(--main-color);
}
#retention .ac-data-dis[data-v-0310616d]{
  color: #8C8C8C;
}
#retention .ac-data-dis input[disabled][data-v-0310616d]{
  cursor: not-allowed; 
  background-color: #fff;
}

/* 我复制过来的 */

#fr-setting[data-v-0420daac] {
  background: rgb(255, 255, 255);
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 30px;
}
#fr-setting .setting-control-label[data-v-0420daac] {
  width: 260px;
}
#fr-setting .setting-input[data-v-0420daac] {
  width: 100px;
}
#fr-setting .setting-span[data-v-0420daac] {
  font-size: 20px;
  margin-left: 3px;
  vertical-align: middle;
}

#hardware-License[data-v-3345bf9a] {
  background: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 16px;
}
.operation-list-time[data-v-3345bf9a] {
  text-align: right;
}
.license-device-list .device-info > span span[data-v-3345bf9a] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#hardware-License .utm-blue-icon[data-v-3345bf9a] {
  font-size: 40px;
  color: #7ac9f1;
}
.num-avail[data-v-3345bf9a] {
  position: absolute;
  right: 90px;
  color: #059fe8;
}
.num-able[data-v-3345bf9a] {
  color: #858585;
}
.num-avail > span[data-v-3345bf9a],.num-able > span[data-v-3345bf9a]{
  font-weight: 700;
}
#hardware-License .license-device-list[data-v-3345bf9a] {
  list-style-type: none;
  margin-top: 16px;
}
#hardware-License .license-device-list ul[data-v-3345bf9a] {
  margin: -8px -8px -8px -8px;
}
#hardware-License .license-device-list li[data-v-3345bf9a] {
  width: 33.3333%;
  float: left;
  padding: 8px;
}
#hardware-License .license-device-list1 li[data-v-3345bf9a] {
  width: 100%;
}
#hardware-License .license-device-list2 li[data-v-3345bf9a] {
  width: 50%;
}
.license-device-list .device-item[data-v-3345bf9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  position: relative;
  padding: 16px 0;
}
.license-device-list .common-device-icon[data-v-3345bf9a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #effafe;
  margin: 0 15px;
  min-width: 70px;
}
.license-device-list .device-info[data-v-3345bf9a] {
  padding-right: 20px;
}
.license-device-list .num[data-v-3345bf9a] {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 32px;
  text-align: center;
}
.license-device-list .num[data-v-3345bf9a]:before{
  content: '';
  width: 1px;
  height: 40px;
  position: absolute;
  background: rgba(223,223,223,1);
  left: -20px;
  top: 16px;
}
.license-device-list .device-info .name[data-v-3345bf9a] {
  display: block;
  margin-top: 8px;
  font-weight: bold;
}
.license-device-list .device-info > span[data-v-3345bf9a]:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.license-device-list .device-info .device-des[data-v-3345bf9a]{
  width: 80px;
  height: 24px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  background-color: rgba(242,178,83,1);
  border-radius: 10px 0 10px 0;
}

.location-control .utm-control-label[data-v-2eda30fd] {
  width: 90px;
  float:none;
}
.location-control .utm-controls[data-v-2eda30fd] { 
  width: 400px;
  margin-left:0;
}

#integration[data-v-3a19c7c3]{
  height: 100%;
}
#integration .utm-control-label[data-v-3a19c7c3]{
  width: 258px;
}
#integration .utm-controls[data-v-3a19c7c3]{
  margin-left: 258px;
}
#integration .first-pass-word[data-v-3a19c7c3]{
  width: 286px;
}
#integration .second-pass-word[data-v-3a19c7c3]{
  width: 286px;
  margin-left: 16px;
}
#integration .pass-word-tooltip[data-v-3a19c7c3]{
  margin-left: -18px;
}
#integration .pass-word-tooltip i[data-v-3a19c7c3]{
  font-size: 14px;
  font-weight: bold;
}
.delete-office-icon[data-v-3a19c7c3] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 16px 0;
  border-radius: 28px;
  background: rgba(246,111,106,.15);
}
.text-box[data-v-3a19c7c3]{
  width:425px;
}
.text-box p[data-v-3a19c7c3]{
 line-height:13px;
}

#kiosk{
  height: 100%;
}
.navigation-map{
  width: 118px;
  height: 82px;
  -o-object-fit: contain;
     object-fit: contain;
}

#license_manage[data-v-342359ba] {
   height: 100%;
}
.operation-list-time[data-v-342359ba] {
   text-align: right;
}
.license-device-list .device-info > span span[data-v-342359ba] {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
#license_manage .utm-blue-icon[data-v-342359ba] {
   font-size: 40px;
   color: #7ac9f1;
}
.num-avail[data-v-342359ba] {
   position: absolute;
   right: 90px;
   color: #059fe8;
}
.num-able[data-v-342359ba] {
   color: #858585;
}
.num-avail > span[data-v-342359ba],.num-able > span[data-v-342359ba]{
   font-weight: 700;
}
#license_manage .license-device-list[data-v-342359ba] {
   list-style-type: none;
   margin-top: 16px;
}
#license_manage .license-device-list ul[data-v-342359ba] {
   margin: -8px -8px -8px -8px;
}
#license_manage .license-device-list li[data-v-342359ba] {
   width: 33.3333%;
   float: left;
   padding: 8px;
}
#license_manage .license-device-list1 li[data-v-342359ba] {
   width: 100%;
}
#license_manage .license-device-list2 li[data-v-342359ba] {
   width: 50%;
}
.license-device-list .device-item[data-v-342359ba] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   border: 1px solid #dfdfdf;
   border-radius: 4px;
   position: relative;
   padding: 16px 0;
}
.license-device-list .common-device-icon[data-v-342359ba] {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   background: #effafe;
   margin: 0 15px;
   min-width: 70px;
}
.license-device-list .device-info[data-v-342359ba] {
   padding-right: 20px;
}
.license-device-list .num[data-v-342359ba] {
   position: absolute;
   top: 12px;
   right: 20px;
   font-size: 32px;
   text-align: center;
}
.license-device-list .num[data-v-342359ba]:before{
   content: '';
   width: 1px;
   height: 40px;
   position: absolute;
   background: rgba(223,223,223,1);
   left: -20px;
   top: 16px;
}
.license-device-list .device-info .name[data-v-342359ba] {
   display: block;
   margin-top: 8px;
   font-weight: bold;
}
.license-device-list .device-info > span[data-v-342359ba]:nth-child(2) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.license-device-list .device-info .device-des[data-v-342359ba]{
   width: 80px;
   height: 24px;
   color: #fff;
   text-align: center;
   line-height: 24px;
   font-size: 14px;
   background-color: rgba(242,178,83,1);
   border-radius: 10px 0 10px 0;
}
.top-search[data-v-342359ba]{
   background-color: #fff;
   display: inline-block;
   width: 100%;
   padding: 16px 0 0 16px;
}
.search-item[data-v-342359ba]{
   width: 94px;
   height: 32px;
   background: #fff;
   border-radius: 16px;
   color: var(--main-color);
   border:1px solid var(--main-color) ;
   text-align: center;
   display: inline-block;
   cursor: pointer;
   line-height: 32px;
}
.search-item.checked[data-v-342359ba]{
   background: var(--main-color);
   color: #fff;
   border-color: #fff;
}
.key-icon[data-v-342359ba]{
   color: #b4b4b4;
   font-size: 24px;
   position: relative;
   top: 3px;
}
.content-top-box[data-v-342359ba]{
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 130px;
  margin: 16px 16px 16px 88px;
}
.top-box-item[data-v-342359ba]{
  text-align: center;
  padding: 12px 16px;
  position: relative;
  width: 260px;
  margin-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
}
.item-content-box[data-v-342359ba]{
   margin-top: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.item-icon-box[data-v-342359ba]{
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
}
.box-item-number[data-v-342359ba]{
  font-size: 48px;
  font-weight: 900;
  color: #333333;
}
.box-item-total[data-v-342359ba]{
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
.box-item-title[data-v-342359ba]{
  font-size: 14px;
  font-weight: 400;
  color: #474848;
  margin-top: 38px;
  margin-left: 4px;
}

#office-page[data-v-223fcfb8]{
    height: 100%;
}
.delete-office-swapper .delete-office-header[data-v-223fcfb8]{
    text-align: center;
}
.delete-office-swapper .delete-office-header .delete-office-icon[data-v-223fcfb8]{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 56px;
    height: 56px;
    margin: 16px 0;
    border-radius: 28px;
    background: rgba(246,111,106,.15);
}
.delete-office-swapper .delete-office-header .delete-office-desc[data-v-223fcfb8]{
    display: block;
    padding: 24px;
    color: #2F3234;
    font-size: 18px;
}
.delete-office-swapper .delete-office-text[data-v-223fcfb8]{
    padding: 16px 0;
    font-size: 16px;
    font-weight: bold;
    color: #2F3234;
}
#office-page .utm-table.utm-delete-table .ivu-table .ivu-table-body td[data-v-223fcfb8]:first-child {
    border-left: 0;
}

#schedule-list[data-v-69dbb81d]{
  height: 100%;
}
#schedule-list .schedule-col[data-v-69dbb81d]{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc( 100% - 100px );
  display: inline-block;
  vertical-align: bottom;
}
#schedule-list .schedule-more[data-v-69dbb81d]{
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
}
/*More Schedules*/
#schedule-list .time-margin-left[data-v-69dbb81d]{
  margin-left: 8px;
}
#schedule-list .expand-schedules .utm-font[data-v-69dbb81d]{
  font-size: 16px;
}
#schedule-list .more-expand-schedules .utm-font[data-v-69dbb81d]{
  font-size: 16px;
}
#schedule-list .more-expand-schedules[data-v-69dbb81d]{
  max-height: 200px;
  height: 100%;
  padding: 10px 0;
}
#schedule-list .expand-schedules-arrow[data-v-69dbb81d]{
  position: absolute;
  right: 0;
  cursor: pointer;
}
#schedule-list .expand-schedules[data-v-69dbb81d]{
  height: 24px;
}

#serversConfiguration[data-v-a40fa8f6]{
  background: rgb(255, 255, 255);
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 20px;
}
.capture-server-setting-box[data-v-a40fa8f6] {
  width: 100%;
  margin-bottom: 30px;
}
.capture-server-setting-list[data-v-a40fa8f6] {
  width: 50%;
  display: inline-block;
  float: left;
}
.capture-server-list[data-v-a40fa8f6] {
  height: 250px;
  background-color: #fff;
  border-radius: 4px;
  margin: 0px 5px;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
  color: #333;
}
.capture-server-title[data-v-a40fa8f6] {
  background-color: #f2f4f7;
  padding: 10px 20px;
}
#app2 .capture-server-title[data-v-a40fa8f6] {
  background-color: #ffffff1a;
}
.capture-server-title > img[data-v-a40fa8f6] {
  vertical-align: sub;
}
.capture-server-title .servers-name[data-v-a40fa8f6] {
  display: inline-block;
  margin-left: 10px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.capture-server-setting-box .capture-server-title .servers-operation[data-v-a40fa8f6] {
  display: inline-block;
  text-align: right;
  float: right;
}
.capture-server-setting-box
.capture-server-title
.servers-operation
.edit-capture-servers[data-v-a40fa8f6],
.capture-server-setting-box
.capture-server-title
.servers-operation
.delete-capture-servers[data-v-a40fa8f6] {
  margin: 0px 5px;
  cursor: pointer;
}
.capture-server-device-box[data-v-a40fa8f6] {
  padding: 20px;
}
.capture-server-device-box li[data-v-a40fa8f6] {
  list-style: none;
  margin-bottom: 6px;
}
.capture-server-device-name[data-v-a40fa8f6] {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}
.capture-server-select-device[data-v-a40fa8f6] {
  border: 1px solid;
  border-color: #d7d7d7;
  border-radius: 4px;
  height: 300px;
  margin-top: 20px;
  padding: 20px;
  overflow: auto;
}
.capture-server-select-device .device-li[data-v-a40fa8f6] {
  display: block;
  margin-bottom: 8px;
}

#system-setting[data-v-620c3a80] {
    background: #ebeff2;
    height: 100%;
    width: 100%;
}
#system-setting .system-content[data-v-620c3a80] {
    background: #fff;
    height: calc(100% - 51px);
    width: 100%;
    overflow-y: auto;
}

#add-tenant[data-v-b5663a10]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-b5663a10]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
#add-tenant .dcs-item-box[data-v-b5663a10]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(var(--main-color-rgb),0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#add-tenant .dcsItem-div[data-v-b5663a10]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#add-tenant .dcsItem-right[data-v-b5663a10]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#add-tenant .dcsItem-left[data-v-b5663a10]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#add-tenant .dcsItem-all[data-v-b5663a10]{
  width: 100%;
  margin-top: 16px;
}
#add-tenant .dcsItem-title[data-v-b5663a10]{
  font-weight: bold;
}
#add-tenant .utm-circle-tag.mini[data-v-b5663a10] {
  margin:0 8px 0 0;
  vertical-align:initial
}
#add-tenant .dcsItem-div1[data-v-b5663a10]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#add-tenant .azFrom[data-v-b5663a10]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-tenant .azText[data-v-b5663a10]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#add-tenant .azTo[data-v-b5663a10]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-tenant .dcsItem-operation[data-v-b5663a10]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#add-tenant .verticalLine[data-v-b5663a10]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#add-tenant .more-tag[data-v-b5663a10] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: text-bottom;
}
.paim-vein[data-v-b5663a10]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-b5663a10]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-b5663a10]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-b5663a10]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-b5663a10]{
  color: #fff;
}
.paim-icon-content[data-v-b5663a10]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-b5663a10]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-b5663a10]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-b5663a10] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-b5663a10 .75s step-end infinite;
          animation: rotate1234-data-v-b5663a10 .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-b5663a10 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-b5663a10 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-b5663a10]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-b5663a10]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-b5663a10]::before,.success .ripple[data-v-b5663a10]::after,.success .ripple-three[data-v-b5663a10] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-b5663a10] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-b5663a10]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-b5663a10 2s linear 0.66s infinite;
          animation: ripple-data-v-b5663a10 2s linear 0.66s infinite;
}
.ripple[data-v-b5663a10]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-b5663a10 2s linear 1.3s infinite;
          animation: ripple-data-v-b5663a10 2s linear 1.3s infinite;
}
.ripple-three[data-v-b5663a10]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-b5663a10 2s linear infinite;
          animation: ripple-data-v-b5663a10 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-b5663a10 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-b5663a10 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-b5663a10] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-b5663a10]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-b5663a10]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-b5663a10]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-b5663a10]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-b5663a10]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-b5663a10]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-b5663a10]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-b5663a10]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-b5663a10]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-b5663a10]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-b5663a10]{
  width: 100%;
}
.user-basic-module .face-box[data-v-b5663a10]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-b5663a10]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-b5663a10]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-b5663a10]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-b5663a10]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-b5663a10]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-b5663a10]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-b5663a10]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-b5663a10] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-b5663a10]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-b5663a10]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-b5663a10]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-b5663a10]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-b5663a10]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-b5663a10]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-b5663a10]{
  position: relative;
}
.step-node .step-desc[data-v-b5663a10]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-b5663a10]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-b5663a10]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-b5663a10]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-b5663a10]:nth-child(1),
.user-config-info .config-info-box[data-v-b5663a10]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-b5663a10]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-b5663a10]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-b5663a10]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-b5663a10]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-b5663a10]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-b5663a10]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-b5663a10]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-b5663a10]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-b5663a10]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-b5663a10]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-b5663a10],.destination-item .schedule-name[data-v-b5663a10]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-b5663a10] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-b5663a10]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-b5663a10]{
  display: block;
}
.schedule-details .schedule-panel[data-v-b5663a10]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-b5663a10]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-b5663a10]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-b5663a10]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-b5663a10]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-b5663a10]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-b5663a10]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-b5663a10]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-b5663a10]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-b5663a10]{
  margin-right: 16px;
}
.print-card-box[data-v-b5663a10]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-b5663a10]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-b5663a10]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-b5663a10]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-b5663a10]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-b5663a10]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-b5663a10]{
  max-height: 90px;
}
.basic-info .user-name[data-v-b5663a10]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-b5663a10]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-b5663a10]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-b5663a10]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-b5663a10]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-b5663a10]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-b5663a10]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-b5663a10]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-b5663a10]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-b5663a10]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-b5663a10]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-b5663a10]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-b5663a10]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-b5663a10]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-b5663a10]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-b5663a10]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-b5663a10]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-b5663a10]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-b5663a10]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-b5663a10]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-b5663a10]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-b5663a10]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-b5663a10]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-b5663a10]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-b5663a10]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-b5663a10],
.details-module .details-module-name[data-v-b5663a10]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-b5663a10]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-b5663a10]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-b5663a10]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-b5663a10]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-b5663a10]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-b5663a10]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-b5663a10]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-b5663a10]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-b5663a10]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-b5663a10]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-b5663a10]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-b5663a10]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-b5663a10]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-b5663a10]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-b5663a10]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-b5663a10]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-b5663a10]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-b5663a10]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-b5663a10]{
  text-align: left;
}
.basic-info-box .content-area[data-v-b5663a10]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-b5663a10]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-b5663a10]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-b5663a10]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-b5663a10]{
  z-index: 1;
}
.card-status-tooltip[data-v-b5663a10]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-b5663a10]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-b5663a10]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-b5663a10]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-b5663a10]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-b5663a10]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-b5663a10] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-b5663a10] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-b5663a10] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-b5663a10] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-b5663a10]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-b5663a10] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-b5663a10] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-b5663a10] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-b5663a10]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-b5663a10]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-b5663a10]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-b5663a10]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-b5663a10]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-b5663a10]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-b5663a10]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-b5663a10]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-b5663a10]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-b5663a10], .slide-fade-leave-to[data-v-b5663a10]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-b5663a10]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-b5663a10]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-b5663a10]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-b5663a10]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-b5663a10]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-b5663a10]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-b5663a10]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-b5663a10]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-b5663a10]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-b5663a10]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-b5663a10]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-b5663a10]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-b5663a10]{
  font-size: 18px;
}
.add-new-btn[data-v-b5663a10]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-b5663a10]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-b5663a10]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-b5663a10] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-b5663a10]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-b5663a10]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-b5663a10]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-b5663a10]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-b5663a10]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-b5663a10]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-b5663a10]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-b5663a10]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-b5663a10]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-b5663a10]{
  font-weight: bold;
}
.dcsItem-div1[data-v-b5663a10]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-b5663a10]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-b5663a10]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-b5663a10] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-b5663a10]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-b5663a10]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-b5663a10]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-b5663a10]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-b5663a10]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-b5663a10]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-b5663a10]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-b5663a10]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-b5663a10]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-b5663a10]{
  margin-left: 0;
}

#edit-tenant[data-v-051afa17]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-051afa17]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
}
#edit-tenant .module-parent[data-v-051afa17]{
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #EBEFF2;
}
.module-ac[data-v-051afa17]{
  width: 65%;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
.module-history[data-v-051afa17]{
  width: 35%;
  margin-left: 8px;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
#edit-tenant .dcs-item-box[data-v-051afa17]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(var(--main-color-rgb),0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#edit-tenant .dcsItem-div[data-v-051afa17]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#edit-tenant .dcsItem-right[data-v-051afa17]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#edit-tenant .dcsItem-left[data-v-051afa17]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#edit-tenant .dcsItem-all[data-v-051afa17]{
  width: 100%;
  margin-top: 16px;
}
#edit-tenant .dcsItem-title[data-v-051afa17]{
  font-weight: bold;
}
#edit-tenant .utm-circle-tag.mini[data-v-051afa17] {
  margin:0 12px 0 0;
  vertical-align:initial
}
#edit-tenant .dcsItem-div1[data-v-051afa17]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#edit-tenant .azFrom[data-v-051afa17]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#edit-tenant .azText[data-v-051afa17]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#edit-tenant .azTo[data-v-051afa17]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#edit-tenant .dcsItem-operation[data-v-051afa17]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#edit-tenant .verticalLine[data-v-051afa17]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#edit-tenant .more-tag[data-v-051afa17] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.paim-vein[data-v-051afa17]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-051afa17]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-051afa17]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-051afa17]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-051afa17]{
  color: #fff;
}
.paim-icon-content[data-v-051afa17]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-051afa17]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-051afa17]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-051afa17] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-051afa17 .75s step-end infinite;
          animation: rotate1234-data-v-051afa17 .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-051afa17 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-051afa17 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-051afa17]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-051afa17]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-051afa17]::before,.success .ripple[data-v-051afa17]::after,.success .ripple-three[data-v-051afa17] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-051afa17] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-051afa17]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-051afa17 2s linear 0.66s infinite;
          animation: ripple-data-v-051afa17 2s linear 0.66s infinite;
}
.ripple[data-v-051afa17]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-051afa17 2s linear 1.3s infinite;
          animation: ripple-data-v-051afa17 2s linear 1.3s infinite;
}
.ripple-three[data-v-051afa17]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-051afa17 2s linear infinite;
          animation: ripple-data-v-051afa17 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-051afa17 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-051afa17 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-051afa17] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-051afa17]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-051afa17]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-051afa17]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-051afa17]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-051afa17]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-051afa17]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-051afa17]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-051afa17]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-051afa17]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-051afa17]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-051afa17]{
  width: 100%;
}
.user-basic-module .face-box[data-v-051afa17]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-051afa17]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-051afa17]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-051afa17]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-051afa17]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-051afa17]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-051afa17]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-051afa17]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-051afa17] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-051afa17]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-051afa17]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-051afa17]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-051afa17]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-051afa17]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-051afa17]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-051afa17]{
  position: relative;
}
.step-node .step-desc[data-v-051afa17]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-051afa17]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-051afa17]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-051afa17]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-051afa17]:nth-child(1),
.user-config-info .config-info-box[data-v-051afa17]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-051afa17]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-051afa17]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-051afa17]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-051afa17]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-051afa17]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-051afa17]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-051afa17]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-051afa17]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-051afa17]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-051afa17]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-051afa17],.destination-item .schedule-name[data-v-051afa17]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-051afa17] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-051afa17]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-051afa17]{
  display: block;
}
.schedule-details .schedule-panel[data-v-051afa17]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-051afa17]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-051afa17]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-051afa17]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-051afa17]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-051afa17]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-051afa17]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-051afa17]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-051afa17]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-051afa17]{
  margin-right: 16px;
}
.print-card-box[data-v-051afa17]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-051afa17]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-051afa17]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-051afa17]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-051afa17]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-051afa17]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-051afa17]{
  max-height: 90px;
}
.basic-info .user-name[data-v-051afa17]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-051afa17]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-051afa17]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-051afa17]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-051afa17]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-051afa17]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-051afa17]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-051afa17]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-051afa17]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-051afa17]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-051afa17]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-051afa17]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-051afa17]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-051afa17]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-051afa17]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-051afa17]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-051afa17]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-051afa17]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-051afa17]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-051afa17]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-051afa17]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-051afa17]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-051afa17]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-051afa17]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-051afa17]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-051afa17],
.details-module .details-module-name[data-v-051afa17]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-051afa17]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-051afa17]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-051afa17]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-051afa17]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-051afa17]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-051afa17]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-051afa17]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-051afa17]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-051afa17]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-051afa17]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-051afa17]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-051afa17]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-051afa17]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-051afa17]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-051afa17]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-051afa17]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-051afa17]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-051afa17]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-051afa17]{
  text-align: left;
}
.basic-info-box .content-area[data-v-051afa17]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-051afa17]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-051afa17]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-051afa17]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-051afa17]{
  z-index: 1;
}
.card-status-tooltip[data-v-051afa17]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-051afa17]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-051afa17]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-051afa17]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-051afa17]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-051afa17]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-051afa17] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-051afa17] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-051afa17] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-051afa17] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-051afa17]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-051afa17] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-051afa17] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-051afa17] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-051afa17]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-051afa17]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-051afa17]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-051afa17]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-051afa17]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-051afa17]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-051afa17]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-051afa17]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-051afa17]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-051afa17], .slide-fade-leave-to[data-v-051afa17]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-051afa17]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-051afa17]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-051afa17]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-051afa17]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-051afa17]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-051afa17]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-051afa17]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-051afa17]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-051afa17]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-051afa17]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-051afa17]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-051afa17]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-051afa17]{
  font-size: 18px;
}
.add-new-btn[data-v-051afa17]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-051afa17]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-051afa17]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-051afa17] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-051afa17]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-051afa17]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-051afa17]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-051afa17]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-051afa17]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-051afa17]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-051afa17]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-051afa17]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-051afa17]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-051afa17]{
  font-weight: bold;
}
.dcsItem-div1[data-v-051afa17]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-051afa17]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-051afa17]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-051afa17] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-051afa17]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-051afa17]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-051afa17]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-051afa17]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-051afa17]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-051afa17]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-051afa17]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-051afa17]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-051afa17]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-051afa17]{
  margin-left: 0;
}
/**************选择tag****************/
.utm-multiple-check[data-v-051afa17] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-051afa17] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-051afa17] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-051afa17],
.multiple-check-panel .no-search-data p[data-v-051afa17]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-051afa17] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-051afa17] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-051afa17]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-051afa17]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-051afa17]:hover,
.multiple-check-panel .check-option.active[data-v-051afa17] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-051afa17]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-051afa17] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-051afa17] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-051afa17] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-051afa17]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-051afa17]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-051afa17]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-051afa17] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-051afa17]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-051afa17]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-051afa17], .slide-fade-leave-to[data-v-051afa17]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

#tenant-list[data-v-088cddb5]{
  height: 100%;
  width: 100%;
}
/*************************列表AC**********************/
.table-validity[data-v-088cddb5]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-088cddb5] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-088cddb5] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-088cddb5] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-088cddb5],
.ac-options .ac-loading-box[data-v-088cddb5]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-088cddb5],
.ac-loading-box .loading-icon[data-v-088cddb5] {
  -webkit-animation: ani-demo-spin-data-v-088cddb5 1s linear infinite;
          animation: ani-demo-spin-data-v-088cddb5 1s linear infinite;
}
.utm-table .user-more-option[data-v-088cddb5] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-088cddb5] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-088cddb5]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-088cddb5] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-088cddb5]{
  max-width: 220px;
}
.permanent-text[data-v-088cddb5] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}
/*************************列表AC**********************/
/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-088cddb5] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-088cddb5] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-088cddb5] {
  height: 42px;
}
/*部门-用户树形*/
.department-option .expand-icon[data-v-088cddb5] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-088cddb5] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-088cddb5] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-088cddb5]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-088cddb5] {
  -webkit-animation: ani-demo-spin-data-v-088cddb5 1s linear infinite;
          animation: ani-demo-spin-data-v-088cddb5 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-088cddb5 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-088cddb5 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-088cddb5]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-088cddb5]{
  color: #999;
}
/*批量选中更多操作*/
.utm-btn.more-btn[data-v-088cddb5]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-088cddb5]{
  display: block;
}
.more-btn i[data-v-088cddb5]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-088cddb5]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-088cddb5]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-088cddb5]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-088cddb5]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-088cddb5]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-088cddb5]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-088cddb5]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-088cddb5]{
  color: var(--main-color);
  cursor: pointer;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-367225ec] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-367225ec]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-367225ec]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-367225ec]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-367225ec]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-367225ec]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-367225ec] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-367225ec]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-367225ec]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-367225ec] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-367225ec]{
  width: 100%;
}
.box-trapezoid[data-v-367225ec] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-367225ec] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-367225ec] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-367225ec]{
  margin-bottom: 0;
}
.map-name-text[data-v-367225ec]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-367225ec]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-367225ec]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-367225ec] {
  display: inline-block;
}
.access-visitorStr p[data-v-367225ec]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-367225ec] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-367225ec] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-367225ec]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-367225ec] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-367225ec] {
  margin-top: 7px;
}
.visitor-specific[data-v-367225ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-367225ec] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-367225ec]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-367225ec]{
  position: relative;
}
.visitor-point-content[data-v-367225ec]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-367225ec] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-367225ec] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-367225ec] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-367225ec]{
  display: none;
}
.addition-info-title[data-v-367225ec]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-367225ec]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-367225ec]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-367225ec]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-367225ec]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-367225ec]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-367225ec]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-367225ec]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-367225ec]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-367225ec]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-367225ec]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-367225ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-367225ec]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-367225ec]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-367225ec]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-367225ec]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-367225ec]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-367225ec]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-367225ec]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-367225ec] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-367225ec]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-367225ec] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-367225ec]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-367225ec] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-367225ec]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-367225ec]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-367225ec]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-367225ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-367225ec]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-367225ec]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-367225ec]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-367225ec]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-367225ec]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-367225ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-367225ec]{
  display: block;
}
.report-modul-device .device-info-left[data-v-367225ec]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-367225ec]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-367225ec]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-367225ec]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-367225ec]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-367225ec] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-367225ec]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-367225ec]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-367225ec]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-367225ec]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-367225ec]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-367225ec]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-367225ec]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-367225ec]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-367225ec]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-367225ec]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-367225ec]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-367225ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-367225ec]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-367225ec]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-367225ec]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-367225ec]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-367225ec]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-367225ec]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-367225ec]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-367225ec]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-367225ec]{
  display: block;
}
.report-history-item .process-task-span[data-v-367225ec]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-367225ec]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-367225ec]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-367225ec]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-367225ec] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-367225ec] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-367225ec] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-367225ec] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
#first_in_and_last_out[data-v-367225ec]{
    background: #fff;
    height: 100%;
    width: 100%;
}
#first_in_and_last_out .utm-more-info-icon.more-card-tip[data-v-367225ec]
  {
    color: var(--main-color);
    font-size: 16px;
    cursor: pointer;
}
#recurring_report_management[data-v-367225ec] {
    height: 100%;
}
.tip-div[data-v-367225ec]{
    word-break: keep-all;
    text-align: left;
}
#recurring_report_management .permission-box[data-v-367225ec] {
    width: 100%;
    height: 535px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    overflow-y: auto;
    padding: 0 16px;
}
#recurring_report_management .content-box[data-v-367225ec] {
    padding: 0 16px;
    height: calc(100% - 86px);
    overflow: auto;
    overflow-x: hidden;
}
#recurring_report_management .content-box .list[data-v-367225ec]{
   
    height: calc(100% - 78px);
    overflow: auto;
    overflow-x: hidden;
}
.role-box[data-v-367225ec] {
    padding: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 170px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-right: 16px;
    margin-bottom: 16px;
}
.role-box.role-fl-right[data-v-367225ec]{
    margin-right: 0px !important;
}
.role-box.role-box2[data-v-367225ec]{
    width: calc( 50% - 8px );
}
.role-box.role-box3[data-v-367225ec]{
    width: calc( 33.3% - 11px );
}
.role-box.role-box4[data-v-367225ec]{
    width: calc( 25% - 12px );
}
.role-box.role-box5[data-v-367225ec]{
    width: calc( 20% - 13px );
}
.role-box.role-box6[data-v-367225ec]{
    width: calc( 16.3% - 14px );
}
.role-box[data-v-367225ec]:hover,
  .role-box:hover .role-box-bottom[data-v-367225ec] {
    border-color: var(--main-color);
}
.role-box:hover .role-box-bottom[data-v-367225ec] {
    border-top-color: #ebebeb;
}
.check-type-box[data-v-367225ec]{
    width: 502px;
    background: #f5f7fa;
    border-radius: 4px;
    line-height: 39px;
    padding-left: 16px;
    margin-top: 16px;
}
.check-type-box.active[data-v-367225ec]{
    background: #fff;
    border: 1px solid var(--main-color);
}
.item-operation[data-v-367225ec] {
    border-top: 1px solid #dfdfdf;
    width: 109%;
    text-align: right;
    padding-top: 3px ;
    position: relative;
    right: 4.5%;
    margin-top: 18px;
}
.operate-item[data-v-367225ec]{
    margin-right: 12px;
}
.operate-item i[data-v-367225ec]{
    color: var(--main-color);
    font-size: 24px;
}
.operate-item.disabled[data-v-367225ec] {
    cursor: pointer;
}
.operate-item.disabled i[data-v-367225ec] {
    color: #B4B4B4;
    pointer-events: none;
}
.operate-title[data-v-367225ec]{
    color: #333;
}
.operate-icon[data-v-367225ec] {
    font-size: 16px;
}
.role-text[data-v-367225ec] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}
.des-text[data-v-367225ec] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    word-break: break-all;
    line-height: 23px;
}
.des-text span[data-v-367225ec]:first-child{
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}
.box-right[data-v-367225ec]{
   margin: -45px 0px 0 55px
}
.box-left img[data-v-367225ec]{
    height: 27px;
    width: 22px;
    margin: 8px 0 0 8px;
}
#recurring_report_management .utm-defult-btn[data-v-367225ec]{
    font-size: 14px;
}
#recurring_report_management .download-icon[data-v-367225ec]{
    width: 78px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
#recurring_report_management .download-icon i[data-v-367225ec]{
    font-size: 52px;
    color: #D9D4C4;
    cursor: auto;
}
#recurring_report_management .arrange-item-container[data-v-367225ec]{
    height: 148px;
}
#recurring_report_management .arrange-item-container .item-right-content[data-v-367225ec]{
    width: calc(100% - 78px);
}
#recurring_report_management .arrange-item-container .arrange-item-field[data-v-367225ec]{
    padding: 0;
}
#recurring_report_management .arrange-item-container .download-template-button[data-v-367225ec]{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 10px;
}
/* 创建编辑模板弹框样式 */
.clear-params[data-v-367225ec],.clear-params i[data-v-367225ec]{
    color: #FF9A36;
    cursor: pointer;
}
.download-field-item[data-v-367225ec]{
    border-bottom: 1px solid rgba(223,223,223,1);
}
.download-field-item[data-v-367225ec]:last-child{
    border-bottom:0;
}
.download-field-item .download-report[data-v-367225ec]{
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 16px;
    cursor: pointer;
}
.download-field-item .select-field-desc[data-v-367225ec]{
    color: #999;
}
.download-field-item .select-field-desc.select-field-desc-up[data-v-367225ec],
  .download-field-item.open .select-field-desc.select-field-desc-down[data-v-367225ec]{
    display: inline-block;
}
.download-field-item.open .select-field-desc.select-field-desc-up[data-v-367225ec],
  .download-field-item .select-field-desc.select-field-desc-down[data-v-367225ec]{
    display: none;
}
.download-field-item .arrow[data-v-367225ec]{
    width: 24px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    cursor: pointer;
}
.download-field-item.open .arrow i[data-v-367225ec] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.download-field-item .arrow i[data-v-367225ec] {
    color: #333;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
/*选择字段*/
.download-field-item .download-fields[data-v-367225ec]{
    padding: 8px 16px;
    background:rgba(248,248,249,1);
    border-top: 1px solid rgba(223,223,223,1);
    display: none;
}
.download-field-item .utm-check-group .ivu-checkbox-wrapper[data-v-367225ec]{
    width: 32%;
    min-width: 200px;
}
.search-controls[data-v-367225ec]{
    position: relative;
}
.classify-title[data-v-367225ec]{
    font-size: 14px;
    font-weight: 700;
    position: relative;
    color: #333;
    padding: 16px 12px;
}
.classify-title[data-v-367225ec]:before{
    content: '';
    width: 4px;
    height: 16px;
    background: var(--main-color);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 20px;
}
.time-panel[data-v-367225ec] {
    position: absolute;
    top: 48px;
    left: 16px;
    width: 300px;
    min-height: 56px;
    max-height: 400px;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 8px 16px;
    z-index: 5;
    display: block;
}
@media screen and (min-width: 1700px){
.time-panel[data-v-367225ec] {right: 0;
      left: 0;
}
}
.time-panel .period-operation[data-v-367225ec]{
    height: 40px;
    position: absolute;
    right: 16px;
    bottom: 8px;
    text-align: right;
    margin-top: 8px;
}
.panel-item[data-v-367225ec]{
    max-height: 336px;
    overflow-y: auto;
    margin-bottom: 48px;
}
.panel-item .period-time[data-v-367225ec] {
    margin: 0 -5px 8px -5px;
}
.panel-item .panel-item-radio[data-v-367225ec] {
    margin-bottom: 8px;
    color: #515a6e;
    text-align: left;
}
.panel-item .panel-item-radio .ivu-checkbox-group-item[data-v-367225ec]{
    display: block;
}
.search-box[data-v-367225ec]{
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    background:rgba(238,238,238,1);
    border:1px solid rgba(223,223,223,1);
    opacity:1;
    border-radius:4px;
}
.last-search-box[data-v-367225ec]{
    margin-bottom: 0;
}
.search-box .close-condition-icon[data-v-367225ec]{
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 16px;
    color: #8C8C8C;
}
.search-box .rdt-search-line[data-v-367225ec]{
    width: 100%;
    margin: 16px 0;
}
.rdt-search-line .rdt-search-title[data-v-367225ec]{
    width: 180px;
    display: inline-block;
    font-weight: 700;
}
.rdt-search-line .rdt-search-item[data-v-367225ec]{
    width: calc(100% - 45px);
    display: inline-block;
    margin-top: 8px;
    position: relative;
}
.rdt-search-item .panel-item[data-v-367225ec]{
    overflow: visible;
}
.rdt-search-line .rdt-del-item[data-v-367225ec]{
    width: 40px;
    display: inline-block;
    text-align: center;
}
.rdt-search-line .rdt-del-item .closearch-icon[data-v-367225ec]{
    color: rgba(51,51,51,1);
    font-size: 14px;
}
.rdt-search-btn i[data-v-367225ec] {
    font-size: 16px;
    font-weight: 700;
}
.rdt-search-line .utm-date-picker[data-v-367225ec]{
    width: 45%;
}
.selected-time-item[data-v-367225ec] {
    height: 40px;
    font-size: 16px;
    color: #333;
    background: rgba(251, 250, 249, 1);
    border: 1px solid rgba(223, 223, 223, 1);
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}
.selected-time-item:hover .ivu-icon-ios-close-circle[data-v-367225ec] {
    display: block;
}
.selected-time-item .ivu-icon-ios-close-circle[data-v-367225ec] {
    display: none;
}
.selected-time-item[data-v-367225ec]:hover {
    border: 1px solid rgba(184, 147, 87, 1);
    outline: unset;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184, 147, 87, 0.4);
}
.selected-time-item .time-panel[data-v-367225ec] {
    position: absolute;
    top: 40px;
    left: 0;
    width: 300px;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 8px 16px;
    z-index: 5;
    display: none;
}
@media screen and (min-width: 1700px){
.selected-time-item .time-panel[data-v-367225ec] {
      left: 0;
}
}
.selected-time-item .current-time-item[data-v-367225ec] {
    display: inline-block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    padding: 4px 8px;
}
.rdt-search-line .utm-select.utm-multiple-select[data-v-367225ec]{
    position: relative;
}
.rdt-search-line .utm-select.utm-multiple-select .select-departmen-box[data-v-367225ec]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rdt-search-line .utm-select.utm-multiple-select:hover .select-departmen-box[data-v-367225ec]{
    margin-right: 16px;
}
.rdt-search-line .utm-select.utm-multiple-select:hover .clear-department[data-v-367225ec]{
    display: inline-block;
}
.rdt-search-line .utm-select.utm-multiple-select .clear-department[data-v-367225ec]{
    color: #666;
    position: absolute;
    right: 4px;
    top: 12px;
    display: none;
    cursor: pointer;
}
.search-department-box .utm-select.utm-multiple-select .select-departmen-box .ivu-tag[data-v-367225ec]{
    margin:0 4px 0 0;
    padding: 0 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.rdt-timeperiod[data-v-367225ec]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.download-line[data-v-367225ec]{
    width: 100%;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 8px 0;
    margin: 9px 0 25px;
}
.download-line .utm-control-group[data-v-367225ec]{
    margin-bottom: 0px;
}
#recurring_report_management .utm-control-group[data-v-367225ec]{
    margin-bottom: 8px;
}
#recurring_report_management .utm-control-label[data-v-367225ec] {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: rgb(51, 51, 51);
    height: 40px;
    line-height: 40px;
    width: 160px;
    display: inline-block;
    white-space: nowrap;
    float: unset;
}
#recurring_report_management .utm-controls[data-v-367225ec] {
        min-height: 40px;
        margin-left:0
}
.rdt-auto-time[data-v-367225ec]{
    display: inline-block;
    width: 45%;
    margin-right: 16px;
}
.rdt-auto-tip i[data-v-367225ec]{
    font-size: 20px;
    color: #FF9A36;
}
.download-switch[data-v-367225ec]{
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.switch-tip[data-v-367225ec]{
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.download-switch .receiver-office[data-v-367225ec]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 18px;
}
#recurring_report_management .account-item-title[data-v-367225ec]{
    font-size: 14px;
    color: var(--main-color);
    font-weight: bold;
}
#recurring_report_management .account-box[data-v-367225ec]{
    padding: 0;
    margin-bottom: 12px;
}
#recurring_report_management .account-box .account-box-owner[data-v-367225ec] {
    background: #e8e8e8;
    border-radius: 8px;
    padding: 4px 12px 12px 12px;
    margin: 10px 0 12px 0;
}
#recurring_report_management .add-account-btn[data-v-367225ec]{
    background-color: #f5f5f5;
    height: 20px;
    padding: 0;
    opacity: 1;
}
#recurring_report_management .add-account-btn i[data-v-367225ec]{
    color: var(--main-color);
    font-size: 16px;
    margin-right: 8px;
}
.notice-content[data-v-367225ec] {
    width: 100%;
    min-height: 180px;
    border: 1px solid #dfdfdf;
    background: #ffffff;
    border-radius: 4px;
    margin-bottom: 14px;
    overflow-y: auto;
}
.notice-content .email-subject[data-v-367225ec]{
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid #dfdfdf;
}
.notice-content .email-content[data-v-367225ec]{
    width: 100%;
    padding: 8px;
}
.email-subject .email-subject-line[data-v-367225ec]{
    width: 1px;
    height: 28px;
    border: 1px solid #dfdfdf;
    margin: 0 16px;
}
.edit-tab[data-v-367225ec] {
    color: var(--main-color);
    cursor: pointer;
}
.rdt-rgf-tip[data-v-367225ec]{
    font-size: 16px;
    padding-top: 8px;
    text-align: left;
    color: #999999;
}
/* pdf预览 */
.reportinfo-title[data-v-367225ec]{
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
}
.utm-print-box.utm-modal-box[data-v-367225ec]{
    width: 90%;
}
.utm-print-preview[data-v-367225ec]{
    width: 1100px;
    padding: 100px 130px;
    background-color: #F2F2F2;
    overflow: auto;
}
.utm-print-preview .pdf-preview-content[data-v-367225ec]{
    margin: 0 auto;
    padding: 32px 24px;
    background-color: #fff;
}
.utm-print-preview .utm-print-preview-title[data-v-367225ec]{
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    color: #202020;
}
.utm-print-preview .pdf-template-detail[data-v-367225ec]{
    width: 100%;
    height: 36px;
    margin-bottom: 16px;
    padding-left: 12px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeQAAAAjCAYAAABFNHlBAAADXUlEQVR4Xu3cPWsUURTG8XNjoQTExk9gxM7eXUW0FPwAEUHs7MRqO91rmhRpFLGxFSyCX8BGrJxlgy+17EQjKIpYBaPJzs6RFApxVSbzsnNf/tZ775zzOxceYnHM8e5tFf4hgEAUAqq6kia2F0WzNImAZwKGQPZsYpSLQEUBzeV6Oujfq3gNxxFAoGYBArlmUK5DwHUBVcmN6qXRwK66Xiv1IRCTAIEc07TpFYFfAio7avRC+tw+BQUBBNwQIJDdmANVINCGwGY21rPv1uzrNj7ONxFAYK8AgcyLQCBiAVX5nE3mOhvDm28jZqB1BJwQIJCdGANFINCegIq++ZFtdz8Ml7+2VwVfRgABApk3gAACIqrDrR05//GF3YIDAQTaESCQ23Hnqwg4J6AqT9KDelGe2cy54igIgQgECOQIhkyLCBQVUJWHadK/UvT3/A4BBOoTIJDrs+QmBIIQYJtXEGOkCQ8FCGQPh0bJCDQtwDavpoW5H4FpAQKZV4EAAlMCbPPiUSAwewECefbmfBEBPwTY5uXHnKgyGAECOZhR0ggCjQhsjnM9tzGwLxu5nUsRQOC3AIHMY0AAgf8K7G7zGmfafb9m16FCAIHmBAjk5my5GYFgBHa3eX37vn3m06vlL8E0RSMIOCZAIDs2EMpBwFkBtnk5OxoKC0OAQA5jjnSBwEwE2OY1E2Y+EqkAgRzp4GkbgdICqo9Gib1c+jwHEUDgrwIEMg8DAQT2LaAqK2nS7+37IAcQQOCfAgQyjwMBBEoJ5Dq5sZ4s3S11mEMIIDAlQCDzKBBAoJSAqqhRXRwN7GqpCziEAAJ7BAhkHgQCCJQXYJtXeTtOIvCHAIHMk0AAgaoCbPOqKsh5BESEQOYZIIBAZQG2eVUm5AIECGTeAAII1CPANq96HLklXgH+Qo539nSOQP0Cnm7zWujcuibmwB0jcqh+FG5EoJgAgVzMiV8hgEBBAZ+2eR093Tt8ZDL/wMyZxYLt8TMEGhMgkBuj5WIEIhbwYJvXsc7SSWPyx0bMiYgnResOCRDIDg2DUhAIScDlbV4Lp+xVMea+MTIfkjm9+C1g/C6f6hFAAAEEEAhDgEAOY450gQACCCDguQD/Ze35ACkfAQQQQCAMAQI5jDnSBQIIIICA5wI/AerqJGf3Cp+PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.utm-print-preview .blue-title[data-v-367225ec]{
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color);
}
.utm-print-preview .utm-print-info[data-v-367225ec]{
    background-color: #fff;
}
.utm-print-preview .utm-print-info .utm-control-group[data-v-367225ec]{
    width: 49%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 0;
}
.utm-print-preview .utm-print-info .utm-vel-label[data-v-367225ec]{
    width: 140px;
    height: 16px;
    font-size: 10px;
}
.utm-print-preview .utm-print-info .utm-controls-vel[data-v-367225ec]{
    min-height: 16px;
    font-size: 10px;
}
.utm-print-table[data-v-367225ec]{
    width: 100%;
    padding-top: 8px;
    background-color: #FFF;
}
.utm-print-table .print-table[data-v-367225ec] {
    width: 100%;
    font-size: 12px;
    table-layout: fixed;
    border-collapse: collapse;
    color: #666;
    border: none;
}
.print-table thead tr[data-v-367225ec] {
    background: rgba(224,231,245,1);
    font-weight: bold;
    border: 1px solid #E0E7F5;
}
.print-table thead tr th[data-v-367225ec] {
    padding: 9px 10px;
    line-height: 1;
    position: relative;
}
.print-table .thead-title[data-v-367225ec]{
    display: inline-block;
    max-width:100%;
    height: 100%;
    word-break: break-all;
}
.preview-serach[data-v-367225ec]{
    max-height: 400px;
    overflow: auto;
}
#recurring_report_management[data-v-367225ec] .print-table tbody tr td {
    overflow: hidden;
    padding: 9px 10px;
    border: 1px solid #E0E7F5;
    word-break: break-all;
}
#recurring_report_management .arrange-item-title .item-name[data-v-367225ec]{
    max-width: 100%;
}
/* 没有模板说明 */
#recurring_report_management .no-report[data-v-367225ec]{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    margin-top: 142px;
    text-align: center;
}
.no-report .no-report-icon[data-v-367225ec]{
    width: 50px;
    height: 50px;
    vertical-align:middle;
}
.no-report .no-report-text[data-v-367225ec]{
    font-size: 16px;
    color: #999;
    line-height: 28px;
}
.receiver-format[data-v-367225ec]{
    position: relative;
    width: 100%;
    padding: 6px 16px 6px 16px;
    margin-bottom: 8px;
    background: #f5f5f5;
    border-radius: 5px;
}
.receiver-format .receiver-format-close[data-v-367225ec]{
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
    color: #333;
}
.diy-add-btn[data-v-367225ec]{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 40px;
    line-height: 40px;
    color: var(--main-color);
    font-weight: 700;
    cursor: pointer;
}
.diy-add-btn i[data-v-367225ec]{
    font-size: 16px;
    color: var(--main-color);
}
.delete-condition-item[data-v-367225ec]{
     width: 16px;
    height: 16px;
    text-align: center;
    background:  #8c8c8c;
    position: absolute;
    top: -6px;
    right: -5px;
    border-radius: 8px;
}
.delete-condition-item i[data-v-367225ec]{
    font-size: 12px;
    vertical-align: top;
}
.double-select[data-v-367225ec]{
    width: calc(100% - 217px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid rgba(184, 147, 87, 0);
}
.double-select[data-v-367225ec]:hover, .double-select[data-v-367225ec]:focus {
    border: 1px solid rgba(184, 147, 87, 1);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0 0 0 .08), 0 0 8px rgba(184 147 87 .4);
            box-shadow: inset 0 1px 1px rgba(0 0 0 .08), 0 0 8px rgba(184 147 87 .4);
}
.double-select .utm-left-select[data-v-367225ec] {
    width: 128px;
}
#recurring_report_management[data-v-367225ec] .utm-left-select.ivu-select-visible .ivu-select-selection{
    border-radius: 4px 0 0 4px;
}
.double-select .utm-right-select[data-v-367225ec]{
    width: calc(100% - 128px);
}
#recurring_report_management[data-v-367225ec] .utm-right-select.ivu-select-visible .ivu-select-selection{
    border-radius: 0 4px 4px 0;
}
.utm-account-wapper-content li[data-v-367225ec]{
    text-align: left;
    margin: 8px;
}
.utm-account-wapper-content li.active[data-v-367225ec]{
    background: rgba(var(--main-color-rgb),0.2)
}
.utm-account-wapper-content li[data-v-367225ec]:hover{
    background: rgba(var(--main-color-rgb),0.1)
}
.select-name[data-v-367225ec]{
    display: inline-block;
    max-width: 388px;
    vertical-align: middle;
}
.utm-account-wapper[data-v-367225ec] {
    width: 450px;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 2px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 9px #ccc;
            box-shadow: 1px 1px 9px #ccc;
    display: none;
}
.utm-account-wapper .utm-account-wapper-content[data-v-367225ec] {
    padding: 8px 0 0 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: unset;
}
.owner-item[data-v-367225ec]{
    background: #f4f4f5;
    border: 1px solid #dfdfdf;
    padding: 6px;
    border-radius: 4px;
    margin-right: 8px;
    margin-top: 8px;
    display: inline-block;
    word-break: break-all;
}
.owner-item-close[data-v-367225ec]{
    color: #b4b4b4;
    font-size: 12px;
}
.preview-btn[data-v-367225ec]{
    float: left;
}
.body-box[data-v-367225ec]{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.body-box-left[data-v-367225ec]{
    padding: 29px 24px;
    width: 40%;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.16);
            box-shadow: 0 0 8px 0 rgba(0,0,0,0.16);
    position: relative;
}
.body-box-right[data-v-367225ec]{
    width: 60%;
    background: rgb(218,220,224);
}
.body-box-title[data-v-367225ec]{
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.pre-info-title[data-v-367225ec]{
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.pre-info-item[data-v-367225ec]{
    margin-left: 10px;
    margin-top: 8px;
}
.pre-info-item span[data-v-367225ec]{
    margin-left: 140px;
}
.pre-close-btn[data-v-367225ec]{
    position: absolute;
    bottom :24px;
    right: 24px;
}
.box-box-right-content[data-v-367225ec]{
    margin:  0 auto;
    background: #fff;
    margin-top: 48px;
}
.pre-view-body[data-v-367225ec]{
    height: 800px;
    overflow-y: auto;
}
.blue-icon[data-v-367225ec]{
    color: var(--main-color);
    font-size: 13px;
    font-weight: 700;
}
.table-field-box[data-v-367225ec]{
    padding: 0 10px 0 0;
}
.table-field-box .utm-tag[data-v-367225ec]{
    position: relative;
    padding-right: 28px;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    cursor: move;
}
.table-field-box .utm-tag.drop-active[data-v-367225ec] {
    background: #effaff;
    border: 1px solid var(--main-color);
    cursor: move;
}
.table-field-box .utm-tag .utm-close-icon[data-v-367225ec]{
    position: absolute;
    right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: #858585;
}
#recurring_report_management .utm-module-title[data-v-367225ec]{
    margin-bottom: 16px;
    margin-top: 16px;
}
#recurring_report_management .utm-module-title[data-v-367225ec]:after{
    background: #fff
}
#recurring_report_management .table-no-data[data-v-367225ec]{
    padding:18% 0;
}
/*分组显示所有字段*/
.table-field-group[data-v-367225ec]{
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin-bottom: 8px;
}
.table-field-group .table-field-group-title[data-v-367225ec]{
  height: 40px;
  width: 100%;
  display: inline-block;
  background: #effaff;
  border-radius: 4px 4px 0px 0px;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #393939;
  position: relative;
  cursor: pointer;
}
.table-field-group .table-field-number[data-v-367225ec]{
  color: #8c8c8c;
  font-weight: normal;
  display: inline-block;
  margin-left: 4px;
}
.table-field-group .table-field-group-item[data-v-367225ec]{
  border-top: 1px solid #dfdfdf;
  padding: 0 12px;
  display: none;
}
.table-field-group .table-field-arrow[data-v-367225ec]{
  position: absolute;
  right: 12px;
  top: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}
.table-field-group .table-field-arrow.open[data-v-367225ec]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.table-field-group .utm-checkbox.table-field-item[data-v-367225ec]{
  width: 33.33%;
  margin: 0;
  padding: 4px;
}

#user_activity_report[data-v-443869de] {
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#user_activity_report .event-content[data-v-443869de] {
  background: #fff;
  height: calc(100% - 51px);
  width: 100%;
  overflow-y: auto;
}
#user_activity_report .utm-tab-item[data-v-443869de]{
  width: 330px;
}

#batch-user-print .preview-box[data-v-c36421e0]{
  height: 450px;
  background: #edf0f3;
  border-radius: 6px;
  overflow: auto;
  padding: 16px;
  text-align: center;
}
#batch-user-print .preview-box.preselect-box[data-v-c36421e0]{
  height: auto;
  max-height: 300px;
  overflow-y: auto;
  text-align: left;
  padding: 16px 0;
  position: relative;
}
.no-preview-icon[data-v-c36421e0]{
  width: 50px;
  height: 50px;
  margin-left: 87px;
}
.preselect-box .user-option[data-v-c36421e0]{
  padding: 10px 0;
  line-height: 1;
  border-bottom: 1px solid #DFDFDF;
  margin: 0 16px;
}
.user-option .del-icon[data-v-c36421e0]{
  font-size: 16px;
  color: #B4B4B4;
  float: right;
}
.user-option .user-name[data-v-c36421e0]{
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
}
.preselect-box .select-text[data-v-c36421e0]{
  font-weight: bold;
  margin: 0 16px;
}
#batch-card-template .template-item[data-v-c36421e0]{
  position: relative;
  page-break-after: always;
}
#batch-card-template .bg-page[data-v-c36421e0]{
  margin: auto;
  position: relative;
  overflow: hidden;
}
.bg-page .child-item[data-v-c36421e0]{
  position: absolute;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 28px;
  white-space: nowrap;
}
#batch-card-template[data-v-c36421e0]{
  width: 100%;
  height: 100%;
}
.no-preview-box[data-v-c36421e0]{
  padding: 166px 197px;
}
.face-control img[data-v-c36421e0]{
  max-width: 180px;
  max-height: 220px;
}
.face-control[data-v-c36421e0] {
  height: 220px;
  background: rgba(223,223,223,.6);
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.preselect-box .new-setting[data-v-c36421e0]{
  position: absolute;
  right: 16px;
  top: 8px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-c95bcac4]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-c95bcac4]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-c95bcac4]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-c95bcac4]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-c95bcac4]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-c95bcac4]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-c95bcac4]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-c95bcac4]{
  width: 100%;
}
.user-basic-module .face-box[data-v-c95bcac4]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-c95bcac4]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-c95bcac4]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-c95bcac4]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-c95bcac4]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-c95bcac4]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-c95bcac4]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-c95bcac4]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-c95bcac4] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-c95bcac4]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-c95bcac4]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-c95bcac4]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-c95bcac4]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-c95bcac4]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-c95bcac4]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-c95bcac4]{
  position: relative;
}
.step-node .step-desc[data-v-c95bcac4]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-c95bcac4]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-c95bcac4]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-c95bcac4]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-c95bcac4]:nth-child(1),
.user-config-info .config-info-box[data-v-c95bcac4]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-c95bcac4]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-c95bcac4]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-c95bcac4]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-c95bcac4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-c95bcac4]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-c95bcac4]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-c95bcac4]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-c95bcac4]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-c95bcac4]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-c95bcac4]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-c95bcac4],.destination-item .schedule-name[data-v-c95bcac4]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-c95bcac4] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-c95bcac4]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-c95bcac4]{
  display: block;
}
.schedule-details .schedule-panel[data-v-c95bcac4]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-c95bcac4]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-c95bcac4]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-c95bcac4]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-c95bcac4]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-c95bcac4]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-c95bcac4]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-c95bcac4]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-c95bcac4]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-c95bcac4]{
  margin-right: 16px;
}
.print-card-box[data-v-c95bcac4]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-c95bcac4]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-c95bcac4]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-c95bcac4]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-c95bcac4]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-c95bcac4]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-c95bcac4]{
  max-height: 90px;
}
.basic-info .user-name[data-v-c95bcac4]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-c95bcac4]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-c95bcac4]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-c95bcac4]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-c95bcac4]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-c95bcac4]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-c95bcac4]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-c95bcac4]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-c95bcac4]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-c95bcac4]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-c95bcac4]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-c95bcac4]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-c95bcac4]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-c95bcac4]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-c95bcac4]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-c95bcac4]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-c95bcac4]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-c95bcac4]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-c95bcac4]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-c95bcac4]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-c95bcac4]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-c95bcac4]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-c95bcac4]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-c95bcac4]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-c95bcac4]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-c95bcac4],
.details-module .details-module-name[data-v-c95bcac4]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-c95bcac4]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-c95bcac4]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-c95bcac4]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-c95bcac4]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-c95bcac4]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-c95bcac4]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-c95bcac4]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-c95bcac4]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-c95bcac4]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-c95bcac4]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-c95bcac4]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-c95bcac4]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-c95bcac4]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-c95bcac4]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-c95bcac4]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-c95bcac4]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-c95bcac4]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-c95bcac4]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-c95bcac4]{
  text-align: left;
}
.basic-info-box .content-area[data-v-c95bcac4]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-c95bcac4]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-c95bcac4]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-c95bcac4]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-c95bcac4]{
  z-index: 1;
}
.card-status-tooltip[data-v-c95bcac4]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-c95bcac4]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-c95bcac4]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-c95bcac4]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-c95bcac4]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-c95bcac4]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-c95bcac4] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-c95bcac4] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-c95bcac4] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-c95bcac4] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-c95bcac4]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-c95bcac4] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-c95bcac4] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-c95bcac4] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-c95bcac4]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-c95bcac4]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-c95bcac4]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-c95bcac4]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-c95bcac4]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-c95bcac4]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-c95bcac4]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-c95bcac4]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-c95bcac4]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-c95bcac4], .slide-fade-leave-to[data-v-c95bcac4]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-c95bcac4]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-c95bcac4]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-c95bcac4]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-c95bcac4]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-c95bcac4]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-c95bcac4]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-c95bcac4]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-c95bcac4]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-c95bcac4]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-c95bcac4]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-c95bcac4]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-c95bcac4]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-c95bcac4]{
  font-size: 18px;
}
.add-new-btn[data-v-c95bcac4]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-c95bcac4]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-c95bcac4]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-c95bcac4] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-c95bcac4]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-c95bcac4]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-c95bcac4]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-c95bcac4]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-c95bcac4]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-c95bcac4]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-c95bcac4]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-c95bcac4]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-c95bcac4]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-c95bcac4]{
  font-weight: bold;
}
.dcsItem-div1[data-v-c95bcac4]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-c95bcac4]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-c95bcac4]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-c95bcac4] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-c95bcac4]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-c95bcac4]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-c95bcac4]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-c95bcac4]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-c95bcac4]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-c95bcac4]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-c95bcac4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-c95bcac4]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-c95bcac4]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-c95bcac4]{
  margin-left: 0;
}
.no-policy-box[data-v-c95bcac4]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 12px;
}
#add-vehicle[data-v-c95bcac4]{
  height: 100%;
}
.jump-text[data-v-c95bcac4]{
  cursor: pointer;
  color: #059fe8;
  font-size: 18px;
}
.normal-text[data-v-c95bcac4]{
  color: #333;
  font-size: 16px;
}
#add-vehicle .repeat-icon[data-v-c95bcac4]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  right: -34px;
  top: 8px;
}
#add-vehicle .repeat-icon i[data-v-c95bcac4] {
  font-size: 16px;
}
.dispaly-tooltip[data-v-c95bcac4]{
  position: relative;
  top:4px;
  left: 8px;
}
.dispaly-cion[data-v-c95bcac4]{
  color: #f66f6a;
  font-size: 14px;
}

.billing-policy-page[data-v-3982ba3c]{
  width: 100%;
  height: 100%;
}

.billing-policy-page[data-v-2eff9361]{
  height: 100%;
}
.billing-policy-page .point-page-content[data-v-2eff9361] {
  height: calc(100% - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}
.point-page-content .page-module[data-v-2eff9361]{
  padding: 16px 16px 100px;
}
.module-content[data-v-2eff9361] {
  font-size: 0;
  padding: 16px 16px 0;
  max-width: 1060px;
}
.billing-policy-page .utm-control-label[data-v-2eff9361]{
  width: 220px;
}
.billing-policy-page .utm-controls[data-v-2eff9361]{
  margin-left: 220px;
}
.billing-policy-page .page-top .save-point-btn[data-v-2eff9361]{
  position: absolute;
  right: 16px;
  top: 0;
}
.save-point-btn-add[data-v-2eff9361]{
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  padding-bottom: 48px;
  background-color: #fff;
  padding-top: 16px;
}
/*收费规则*/
.billing-rules-time-line[data-v-2eff9361]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  font-size: 14px;
  color: #666;
}
.billing-rules-time-line .time-line-start[data-v-2eff9361]{
  margin-right: 8px;
}
.billing-rules-time-line .time-line-end[data-v-2eff9361]{
  margin-left: 8px;
}
.billing-rules-time-line .time-line-schedule[data-v-2eff9361]{
  position: relative;
  height: 16px;
  width: 100%;
  background: #eee;
}
.billing-rules-time-line .schedule-item[data-v-2eff9361]{
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
}
.billing-rules-time-line .schedule-item-number[data-v-2eff9361]{
  background: rgba(0,154,217,1);
}
.billing-rules-time-line .schedule-item-time[data-v-2eff9361]{
  background: rgba(0,217,195,1);
}
.billing-rules-box[data-v-2eff9361]{
  margin-top: 8px;
  margin-bottom: 16px;
}
.billing-rules-item[data-v-2eff9361]{
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 16px;
  background: rgba(242,250,253,1);
  font-size: 16px;
  color: #333;
  margin: 8px 0;
}
.billing-rules-item .billing-rules-setting[data-v-2eff9361]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}
.billing-rules-item .billing-rules-select[data-v-2eff9361]{
  width: 314px;
  margin-bottom: 8px;
}
.billing-rules-item .utm-date-group[data-v-2eff9361]{
  margin-left: 8px;
}
.billing-rules-item .billing-rules-input[data-v-2eff9361]{
  width: 116px;
  margin: 0 8px;
}
.billing-rules-item .billing-rules-unit[data-v-2eff9361]{
  width:96px;
}
.billing-rules-item .billing-rules-picker[data-v-2eff9361]{
  width: 150px;
}
.billing-rules-item .billing-rules-ladder-charge-title[data-v-2eff9361]{
  display: inline-block;
  margin: 8px 8px 8px 0;
}
.billing-rules-item .delete-ladder-charge[data-v-2eff9361]{
  margin-left: 16px;
  font-size: 20px;
  color: #009AD9;
}
.close-billing-rules[data-v-2eff9361]{
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 20px;
  color: #8C8C8C;
}
.add-billing-rules-btn[data-v-2eff9361]{
  display: inline-block;
  margin-top: 8px;
  font-size: 16px;
  color: var(--main-color);
  cursor: pointer;
}
.add-billing-rules-btn i[data-v-2eff9361]{
  color: #009AD9;
  font-size: 16px;
}

.no-policy-box[data-v-6767f9f6]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 12px;
}
.jump-text[data-v-6767f9f6]{
  cursor: pointer;
  color: #059fe8;
  font-size: 18px;
}
.normal-text[data-v-6767f9f6]{
  color: #333;
  font-size: 16px;
}
.repeat-icon[data-v-6767f9f6] {
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  right: -40px;
  top: 6px;
  cursor: pointer;
}
.repeat-icon i[data-v-6767f9f6]{
  font-size: 16px;
}
.dispaly-tooltip[data-v-6767f9f6]{
  position: relative;
  top:4px;
  left: 8px;
}
.dispaly-cion[data-v-6767f9f6]{
  color: #f66f6a;
  font-size: 14px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-6767f9f6]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-6767f9f6]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-6767f9f6]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-6767f9f6]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-6767f9f6]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-6767f9f6]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-6767f9f6]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-6767f9f6]{
  width: 100%;
}
.user-basic-module .face-box[data-v-6767f9f6]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-6767f9f6]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-6767f9f6]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-6767f9f6]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-6767f9f6]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-6767f9f6]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-6767f9f6]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-6767f9f6]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-6767f9f6] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-6767f9f6]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-6767f9f6]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-6767f9f6]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-6767f9f6]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-6767f9f6]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-6767f9f6]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-6767f9f6]{
  position: relative;
}
.step-node .step-desc[data-v-6767f9f6]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-6767f9f6]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-6767f9f6]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-6767f9f6]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-6767f9f6]:nth-child(1),
.user-config-info .config-info-box[data-v-6767f9f6]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-6767f9f6]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-6767f9f6]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-6767f9f6]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-6767f9f6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-6767f9f6]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-6767f9f6]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-6767f9f6]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-6767f9f6]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-6767f9f6]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-6767f9f6]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-6767f9f6],.destination-item .schedule-name[data-v-6767f9f6]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-6767f9f6] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-6767f9f6]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-6767f9f6]{
  display: block;
}
.schedule-details .schedule-panel[data-v-6767f9f6]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-6767f9f6]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-6767f9f6]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-6767f9f6]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-6767f9f6]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-6767f9f6]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-6767f9f6]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-6767f9f6]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-6767f9f6]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-6767f9f6]{
  margin-right: 16px;
}
.print-card-box[data-v-6767f9f6]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-6767f9f6]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-6767f9f6]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-6767f9f6]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-6767f9f6]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-6767f9f6]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-6767f9f6]{
  max-height: 90px;
}
.basic-info .user-name[data-v-6767f9f6]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-6767f9f6]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-6767f9f6]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-6767f9f6]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-6767f9f6]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-6767f9f6]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-6767f9f6]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-6767f9f6]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-6767f9f6]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-6767f9f6]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-6767f9f6]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-6767f9f6]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-6767f9f6]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-6767f9f6]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-6767f9f6]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-6767f9f6]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-6767f9f6]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-6767f9f6]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-6767f9f6]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-6767f9f6]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-6767f9f6]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-6767f9f6]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-6767f9f6]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-6767f9f6]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-6767f9f6]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-6767f9f6],
.details-module .details-module-name[data-v-6767f9f6]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-6767f9f6]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-6767f9f6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-6767f9f6]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-6767f9f6]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-6767f9f6]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-6767f9f6]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-6767f9f6]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-6767f9f6]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-6767f9f6]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-6767f9f6]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-6767f9f6]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-6767f9f6]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-6767f9f6]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-6767f9f6]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-6767f9f6]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-6767f9f6]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-6767f9f6]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-6767f9f6]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-6767f9f6]{
  text-align: left;
}
.basic-info-box .content-area[data-v-6767f9f6]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-6767f9f6]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-6767f9f6]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-6767f9f6]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-6767f9f6]{
  z-index: 1;
}
.card-status-tooltip[data-v-6767f9f6]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-6767f9f6]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-6767f9f6]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-6767f9f6]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-6767f9f6]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-6767f9f6]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-6767f9f6] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-6767f9f6] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-6767f9f6] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-6767f9f6] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-6767f9f6]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-6767f9f6] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-6767f9f6] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-6767f9f6] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-6767f9f6]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-6767f9f6]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-6767f9f6]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-6767f9f6]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-6767f9f6]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-6767f9f6]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-6767f9f6]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-6767f9f6]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-6767f9f6]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-6767f9f6], .slide-fade-leave-to[data-v-6767f9f6]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-6767f9f6]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-6767f9f6]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-6767f9f6]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-6767f9f6]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-6767f9f6]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-6767f9f6]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-6767f9f6]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-6767f9f6]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-6767f9f6]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-6767f9f6]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-6767f9f6]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-6767f9f6]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-6767f9f6]{
  font-size: 18px;
}
.add-new-btn[data-v-6767f9f6]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-6767f9f6]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-6767f9f6]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-6767f9f6] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-6767f9f6]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-6767f9f6]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-6767f9f6]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-6767f9f6]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-6767f9f6]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-6767f9f6]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-6767f9f6]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-6767f9f6]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-6767f9f6]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-6767f9f6]{
  font-weight: bold;
}
.dcsItem-div1[data-v-6767f9f6]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-6767f9f6]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-6767f9f6]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-6767f9f6] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-6767f9f6]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-6767f9f6]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-6767f9f6]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-6767f9f6]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-6767f9f6]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-6767f9f6]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-6767f9f6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-6767f9f6]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-6767f9f6]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-6767f9f6]{
  margin-left: 0;
}
/**************选择tag****************/
.utm-multiple-check[data-v-6767f9f6] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-6767f9f6] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-6767f9f6] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-6767f9f6],
.multiple-check-panel .no-search-data p[data-v-6767f9f6]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-6767f9f6] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-6767f9f6] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-6767f9f6]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-6767f9f6]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-6767f9f6]:hover,
.multiple-check-panel .check-option.active[data-v-6767f9f6] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-6767f9f6]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-6767f9f6] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-6767f9f6] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-6767f9f6] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-6767f9f6]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-6767f9f6]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-6767f9f6]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-6767f9f6] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-6767f9f6]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-6767f9f6]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-6767f9f6], .slide-fade-leave-to[data-v-6767f9f6]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

#edit-vehicle .utm-select.schedule-select .ivu-select-selected-value {
  color: #059FE8;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-15cd3c0e] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-15cd3c0e] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-15cd3c0e] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-15cd3c0e] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-15cd3c0e]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-15cd3c0e] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-15cd3c0e]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-15cd3c0e]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-15cd3c0e] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-15cd3c0e]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-15cd3c0e] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-15cd3c0e] {
  margin-top: 7px;
}
.visitor-specific[data-v-15cd3c0e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-15cd3c0e] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-15cd3c0e]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-15cd3c0e]{
  position: relative;
}
.visitor-point-content[data-v-15cd3c0e]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-15cd3c0e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-15cd3c0e]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-15cd3c0e]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-15cd3c0e] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-15cd3c0e] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-15cd3c0e] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-15cd3c0e] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-15cd3c0e]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-15cd3c0e]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-15cd3c0e]{
  display: none;
}
.addition-info-title[data-v-15cd3c0e]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-15cd3c0e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-15cd3c0e]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-15cd3c0e]{
  color: #059FE8;
  cursor: pointer;
}
#parkingCostReport[data-v-15cd3c0e]{
  height: 100%;
}
#parkingCostReport .under-line[data-v-15cd3c0e]{
  width: 950px;
  border-top: 1px solid #dfdfdf;
  margin-top: 8px;
  margin-bottom: 8px;
}
#parkingCostReport .field-item-name[data-v-15cd3c0e]{
  width: 184px;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-0c8d6feb] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-0c8d6feb] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-0c8d6feb] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-0c8d6feb] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-0c8d6feb]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-0c8d6feb] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-0c8d6feb]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-0c8d6feb]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-0c8d6feb] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-0c8d6feb]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-0c8d6feb] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-0c8d6feb] {
  margin-top: 7px;
}
.visitor-specific[data-v-0c8d6feb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-0c8d6feb] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-0c8d6feb]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-0c8d6feb]{
  position: relative;
}
.visitor-point-content[data-v-0c8d6feb]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-0c8d6feb]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-0c8d6feb]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-0c8d6feb]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-0c8d6feb] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-0c8d6feb] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-0c8d6feb] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-0c8d6feb] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-0c8d6feb]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-0c8d6feb]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-0c8d6feb]{
  display: none;
}
.addition-info-title[data-v-0c8d6feb]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-0c8d6feb]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-0c8d6feb]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-0c8d6feb]{
  color: #059FE8;
  cursor: pointer;
}
#vehicleAccessReport[data-v-0c8d6feb]{
 height: 100%;
}
#vehicleAccessReport .utm-tabs[data-v-0c8d6feb]{
  background-color: transparent;
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active[data-v-0c8d6feb]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
}

#vehicle-list[data-v-fc6fb0ee]{
  height: 100%;
  width: 100%;
}

/*批量设置AC*/
#vehicle-list .check-substance-box .substance-left .options-box.user-options[data-v-fc6fb0ee]{
  height: calc( 100% - 107px );
  overflow-y: auto;
  overflow-x: hidden;
}
#vehicle-list .department-option .expand-icon[data-v-fc6fb0ee]{
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
#vehicle-list .user-list-panel[data-v-fc6fb0ee]{
  display: block;
}
#vehicle-list .check-substance-box .search-section .search-item[data-v-fc6fb0ee] {
  max-width: 220px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: text-top;
}
.no-policy-box[data-v-fc6fb0ee]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 12px;
}
.jump-text[data-v-fc6fb0ee]{
  cursor: pointer;
  color: #059fe8;
  font-size: 18px;
}
.normal-text[data-v-fc6fb0ee]{
  color: #333;
  font-size: 16px;
}
.vehicle-img[data-v-fc6fb0ee]{
  width: 120px;
  height: 140px;
  background: -webkit-gradient(linear,left bottom, left top,color-stop(4%, #0598e8), color-stop(95%, #05b9e8));
  background: linear-gradient(0deg,#0598e8 4%, #05b9e8 95%);
  border: 1px solid rgba(74,185,245,0.80);
  border-radius: 4px;
  padding:  35px 30px;
}
.vehicle-img i[data-v-fc6fb0ee]{
  font-size: 51px;
}

/*************************列表AC**********************/
.table-validity[data-v-fc6fb0ee]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-fc6fb0ee] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-fc6fb0ee] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-fc6fb0ee] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-fc6fb0ee],
.ac-options .ac-loading-box[data-v-fc6fb0ee]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-fc6fb0ee],
.ac-loading-box .loading-icon[data-v-fc6fb0ee] {
  -webkit-animation: ani-demo-spin-data-v-fc6fb0ee 1s linear infinite;
          animation: ani-demo-spin-data-v-fc6fb0ee 1s linear infinite;
}
.utm-table .user-more-option[data-v-fc6fb0ee] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-fc6fb0ee] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-fc6fb0ee]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-fc6fb0ee] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-fc6fb0ee]{
  max-width: 220px;
}
.permanent-text[data-v-fc6fb0ee] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}

/*************************列表AC**********************/

/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-fc6fb0ee] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-fc6fb0ee] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-fc6fb0ee] {
  height: 42px;
}

/*部门-用户树形*/
.department-option .expand-icon[data-v-fc6fb0ee] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-fc6fb0ee] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-fc6fb0ee] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-fc6fb0ee]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-fc6fb0ee] {
  -webkit-animation: ani-demo-spin-data-v-fc6fb0ee 1s linear infinite;
          animation: ani-demo-spin-data-v-fc6fb0ee 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-fc6fb0ee {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-fc6fb0ee {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-fc6fb0ee]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-fc6fb0ee]{
  color: #999;
}

/*批量选中更多操作*/
.utm-btn.more-btn[data-v-fc6fb0ee]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-fc6fb0ee]{
  display: block;
}
.more-btn i[data-v-fc6fb0ee]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-fc6fb0ee]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-fc6fb0ee]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-fc6fb0ee]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-fc6fb0ee]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-fc6fb0ee]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-fc6fb0ee]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-fc6fb0ee]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-fc6fb0ee]{
  color: var(--main-color);
  cursor: pointer;
}

/*******************报表详情模态框******************************/
.particular-box-top[data-v-fc6fb0ee] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-fc6fb0ee] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-fc6fb0ee] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-fc6fb0ee] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-fc6fb0ee]{
  margin-bottom: 0;
}

/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-fc6fb0ee] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-fc6fb0ee]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-fc6fb0ee]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-fc6fb0ee] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-fc6fb0ee]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-fc6fb0ee] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-fc6fb0ee] {
  margin-top: 7px;
}
.visitor-specific[data-v-fc6fb0ee]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-fc6fb0ee] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-fc6fb0ee]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-fc6fb0ee]{
  position: relative;
}
.visitor-point-content[data-v-fc6fb0ee]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}

/* 用户名的样式 */
.field-item-content-user[data-v-fc6fb0ee]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-fc6fb0ee]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-fc6fb0ee]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}

/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-fc6fb0ee] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-fc6fb0ee] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-fc6fb0ee] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}

/*通行状态*/
.visitor-specific-content.access-state[data-v-fc6fb0ee] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-fc6fb0ee]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-fc6fb0ee]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-fc6fb0ee]{
  display: none;
}
.addition-info-title[data-v-fc6fb0ee]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-fc6fb0ee]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*tab 标签*/
.utm-primary-tabs[data-v-fc6fb0ee]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-fc6fb0ee]{
  color: #059FE8;
  cursor: pointer;
}

#user-msg-record[data-v-d16e5cec] {
  padding: 16px;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-9943a0e8]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-9943a0e8]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-9943a0e8]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-9943a0e8]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-9943a0e8]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-9943a0e8]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-9943a0e8]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-9943a0e8]{
  width: 100%;
}
.user-basic-module .face-box[data-v-9943a0e8]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-9943a0e8]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-9943a0e8]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-9943a0e8]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-9943a0e8]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-9943a0e8]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-9943a0e8]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-9943a0e8]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-9943a0e8] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-9943a0e8]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-9943a0e8]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-9943a0e8]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-9943a0e8]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-9943a0e8]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-9943a0e8]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-9943a0e8]{
  position: relative;
}
.step-node .step-desc[data-v-9943a0e8]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-9943a0e8]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-9943a0e8]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-9943a0e8]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-9943a0e8]:nth-child(1),
.user-config-info .config-info-box[data-v-9943a0e8]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-9943a0e8]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-9943a0e8]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-9943a0e8]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-9943a0e8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-9943a0e8]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-9943a0e8]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-9943a0e8]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-9943a0e8]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-9943a0e8]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-9943a0e8]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-9943a0e8],.destination-item .schedule-name[data-v-9943a0e8]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-9943a0e8] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-9943a0e8]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-9943a0e8]{
  display: block;
}
.schedule-details .schedule-panel[data-v-9943a0e8]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-9943a0e8]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-9943a0e8]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-9943a0e8]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-9943a0e8]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-9943a0e8]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-9943a0e8]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-9943a0e8]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-9943a0e8]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-9943a0e8]{
  margin-right: 16px;
}
.print-card-box[data-v-9943a0e8]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-9943a0e8]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-9943a0e8]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-9943a0e8]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-9943a0e8]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-9943a0e8]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-9943a0e8]{
  max-height: 90px;
}
.basic-info .user-name[data-v-9943a0e8]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-9943a0e8]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-9943a0e8]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-9943a0e8]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-9943a0e8]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-9943a0e8]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-9943a0e8]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-9943a0e8]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-9943a0e8]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-9943a0e8]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-9943a0e8]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-9943a0e8]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-9943a0e8]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-9943a0e8]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-9943a0e8]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-9943a0e8]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-9943a0e8]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-9943a0e8]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-9943a0e8]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-9943a0e8]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-9943a0e8]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-9943a0e8]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-9943a0e8]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-9943a0e8]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-9943a0e8]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-9943a0e8],
.details-module .details-module-name[data-v-9943a0e8]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-9943a0e8]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-9943a0e8]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-9943a0e8]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-9943a0e8]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-9943a0e8]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-9943a0e8]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-9943a0e8]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-9943a0e8]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-9943a0e8]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-9943a0e8]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-9943a0e8]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-9943a0e8]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-9943a0e8]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-9943a0e8]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-9943a0e8]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-9943a0e8]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-9943a0e8]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-9943a0e8]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-9943a0e8]{
  text-align: left;
}
.basic-info-box .content-area[data-v-9943a0e8]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-9943a0e8]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-9943a0e8]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-9943a0e8]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-9943a0e8]{
  z-index: 1;
}
.card-status-tooltip[data-v-9943a0e8]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-9943a0e8]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-9943a0e8]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-9943a0e8]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-9943a0e8]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-9943a0e8]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-9943a0e8] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-9943a0e8] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-9943a0e8] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-9943a0e8] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-9943a0e8]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-9943a0e8] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-9943a0e8] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-9943a0e8] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-9943a0e8]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-9943a0e8]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-9943a0e8]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-9943a0e8]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-9943a0e8]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-9943a0e8]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-9943a0e8]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-9943a0e8]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-9943a0e8]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-9943a0e8], .slide-fade-leave-to[data-v-9943a0e8]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-9943a0e8]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-9943a0e8]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-9943a0e8]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-9943a0e8]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-9943a0e8]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-9943a0e8]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-9943a0e8]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-9943a0e8]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-9943a0e8]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-9943a0e8]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-9943a0e8]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-9943a0e8]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-9943a0e8]{
  font-size: 18px;
}
.add-new-btn[data-v-9943a0e8]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-9943a0e8]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-9943a0e8]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-9943a0e8] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-9943a0e8]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-9943a0e8]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-9943a0e8]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-9943a0e8]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-9943a0e8]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-9943a0e8]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-9943a0e8]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-9943a0e8]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-9943a0e8]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-9943a0e8]{
  font-weight: bold;
}
.dcsItem-div1[data-v-9943a0e8]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-9943a0e8]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-9943a0e8]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-9943a0e8] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-9943a0e8]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-9943a0e8]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-9943a0e8]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-9943a0e8]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-9943a0e8]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-9943a0e8]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-9943a0e8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-9943a0e8]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-9943a0e8]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-9943a0e8]{
  margin-left: 0;
}
#vehicleReport[data-v-9943a0e8]{
  height: 100%;
  background-color: #fff;
}
#vehicleReport .page-content[data-v-9943a0e8]{
  height: calc( 100% - 107px );
}
#vehicleReport .no-permission[data-v-9943a0e8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #bbb;
}

#access-code-change[data-v-13c3b57a]{
  height: 100%;
}
#access-code-change .user-detail-text[data-v-13c3b57a]{
  font-size: 16px;
  font-weight: 400;
  color: #059fe8;
  cursor: pointer;
}
.operate-point-box[data-v-13c3b57a]{
  background: #eff6f9;
  border-radius: 4px;
  display: none;
  padding: 10px 16px ;
  margin-bottom: 8px;
}
.ivu-icon-ios-arrow-down.expand[data-v-13c3b57a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.operate-type[data-v-13c3b57a]{
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #059fe8;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #059fe8;
  line-height: 16px;
}
.operate-type-delete[data-v-13c3b57a]{
  border-color:  #c61c1c;
  color: #c61c1c;
}
.operate-type-create[data-v-13c3b57a]{
  border-color:   #16ae4d;
  color:  #16ae4d;
}
.show-point[data-v-13c3b57a]{
  cursor: pointer;
}
#access-code-change  .utm-schedule-icon[data-v-13c3b57a]{
  font-size: 16px;
}
#access-code-change .utm-point-icon[data-v-13c3b57a]{
  font-size: 16px;
}

/*******************报表详情模态框******************************/
.particular-box-top[data-v-13c3b57a] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-13c3b57a] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-13c3b57a] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-13c3b57a] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-13c3b57a]{
  margin-bottom: 0;
}

/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-13c3b57a] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-13c3b57a]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-13c3b57a]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-13c3b57a] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-13c3b57a]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-13c3b57a] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-13c3b57a] {
  margin-top: 7px;
}
.visitor-specific[data-v-13c3b57a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-13c3b57a] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-13c3b57a]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-13c3b57a]{
  position: relative;
}
.visitor-point-content[data-v-13c3b57a]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}

/* 用户名的样式 */
.field-item-content-user[data-v-13c3b57a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-13c3b57a]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-13c3b57a]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}

/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-13c3b57a] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-13c3b57a] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-13c3b57a] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}

/*通行状态*/
.visitor-specific-content.access-state[data-v-13c3b57a] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-13c3b57a]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-13c3b57a]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-13c3b57a]{
  display: none;
}
.addition-info-title[data-v-13c3b57a]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-13c3b57a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*tab 标签*/
.utm-primary-tabs[data-v-13c3b57a]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-13c3b57a]{
  color: #059FE8;
  cursor: pointer;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-5fbc60c8] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-5fbc60c8] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5fbc60c8] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5fbc60c8] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5fbc60c8]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5fbc60c8] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-5fbc60c8]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-5fbc60c8]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-5fbc60c8] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-5fbc60c8]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5fbc60c8] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5fbc60c8] {
  margin-top: 7px;
}
.visitor-specific[data-v-5fbc60c8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5fbc60c8] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5fbc60c8]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5fbc60c8]{
  position: relative;
}
.visitor-point-content[data-v-5fbc60c8]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-5fbc60c8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-5fbc60c8]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-5fbc60c8]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-5fbc60c8] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-5fbc60c8] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5fbc60c8] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5fbc60c8] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-5fbc60c8]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-5fbc60c8]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-5fbc60c8]{
  display: none;
}
.addition-info-title[data-v-5fbc60c8]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5fbc60c8]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5fbc60c8]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-5fbc60c8]{
  color: #059FE8;
  cursor: pointer;
}
#barrierOperationReport[data-v-5fbc60c8]{
  height: 100%;
}

#data-change[data-v-ac5e8b6a]{
  height: 100%;
  overflow-x: hidden;
}
#data-change .module-tab[data-v-ac5e8b6a]{
  padding: 14px 16px 0;
  border-bottom: 1px solid #ddd;
}
#data-change .module-tab .tab-item[data-v-ac5e8b6a]{
  display: inline-block;
  margin-right: 20px;
  border-bottom: 2px solid transparent;
  color: #000000;
  cursor: pointer;
}
#data-change .module-tab .tab-item span[data-v-ac5e8b6a]{
  display: inline-block;
  vertical-align: middle;
}
#data-change .module-tab .tab-item.active[data-v-ac5e8b6a]{
  color: #059fe8;
  border-bottom: 2px solid #059fe8;
}
#data-change .data-change-content[data-v-ac5e8b6a]{
  height: calc(100% - 48px);
}

#user-information[data-v-7fa77182]{
  height: 100%;
}
.operate-type[data-v-7fa77182]{
  width: 80px;
  height: 20px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #059fe8;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #059fe8;
  line-height: 16px;
  margin-top: 4px;
}
.operate-type-delete[data-v-7fa77182]{
  border-color:  #c61c1c;
  color: #c61c1c;
}
.operate-type-create[data-v-7fa77182]{
  border-color:   #16ae4d;
  color:  #16ae4d;
}
.addition-info-title[data-v-7fa77182]{
  color: #059fe8;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-7fa77182]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.addition-info[data-v-7fa77182] {
  margin-top: -16px;
  display: none;
}
.operate-point-box[data-v-7fa77182]{
  background: #eff6f9;
  border-radius: 4px;
  display: none;
  padding: 10px 16px ;
}
.department-tooltip[data-v-7fa77182]
{
  position: relative;
  top: 2px;
  right: -6px;
}
#user-information .utm-tabs[data-v-7fa77182]{
  background-color: transparent;
}
#user-information .utm-tabs .utm-tab-item.active[data-v-7fa77182]{
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  margin-left: 0;
}
#user-information .utm-tab-content[data-v-7fa77182]{
  padding: 8px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 3px 0px 6px 0px rgba(223,223 ,223 ,0.8);
          box-shadow: 3px 0px 6px 0px rgba(223,223 ,223 ,0.8);
}
#user-information .utm-icon-hide[data-v-7fa77182]{
  font-size: 16px;
}
#user-information .validity-time[data-v-7fa77182]{
  color: #999999;
  font-size: 14px;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-7fa77182] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-7fa77182] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-7fa77182] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-7fa77182] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-7fa77182]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-7fa77182] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-7fa77182]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-7fa77182]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-7fa77182] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-7fa77182]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-7fa77182] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-7fa77182] {
  margin-top: 7px;
}
.visitor-specific[data-v-7fa77182]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-7fa77182] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-7fa77182]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-7fa77182]{
  position: relative;
}
.visitor-point-content[data-v-7fa77182]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-7fa77182]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-7fa77182]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-7fa77182]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-7fa77182] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-7fa77182] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-7fa77182] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-7fa77182] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-7fa77182]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-7fa77182]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-7fa77182]{
  display: none;
}
.addition-info-title[data-v-7fa77182]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-7fa77182]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-7fa77182]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-7fa77182]{
  color: #059FE8;
  cursor: pointer;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-5301308e] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-5301308e]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-5301308e]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-5301308e]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-5301308e]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-5301308e]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-5301308e] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-5301308e]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-5301308e]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-5301308e] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-5301308e]{
  width: 100%;
}
.box-trapezoid[data-v-5301308e] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5301308e] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5301308e] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5301308e]{
  margin-bottom: 0;
}
.map-name-text[data-v-5301308e]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-5301308e]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-5301308e]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5301308e] {
  display: inline-block;
}
.access-visitorStr p[data-v-5301308e]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-5301308e] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-5301308e] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-5301308e]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5301308e] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5301308e] {
  margin-top: 7px;
}
.visitor-specific[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5301308e] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5301308e]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5301308e]{
  position: relative;
}
.visitor-point-content[data-v-5301308e]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-5301308e] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5301308e] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5301308e] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-5301308e]{
  display: none;
}
.addition-info-title[data-v-5301308e]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5301308e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5301308e]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-5301308e]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-5301308e]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-5301308e]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-5301308e]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-5301308e]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-5301308e]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-5301308e]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-5301308e]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-5301308e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-5301308e]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-5301308e]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-5301308e]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-5301308e]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-5301308e]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-5301308e]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-5301308e] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-5301308e]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-5301308e] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-5301308e]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-5301308e] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-5301308e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-5301308e]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-5301308e]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-5301308e]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-5301308e]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-5301308e]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-5301308e]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-5301308e]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-5301308e]{
  display: block;
}
.report-modul-device .device-info-left[data-v-5301308e]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-5301308e]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-5301308e]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-5301308e]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-5301308e]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-5301308e] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-5301308e]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-5301308e]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-5301308e]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-5301308e]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-5301308e]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-5301308e]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-5301308e]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-5301308e]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-5301308e]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-5301308e]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-5301308e]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-5301308e]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-5301308e]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-5301308e]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-5301308e]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-5301308e]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-5301308e]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-5301308e]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-5301308e]{
  display: block;
}
.report-history-item .process-task-span[data-v-5301308e]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-5301308e]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-5301308e]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-5301308e]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-5301308e] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-5301308e] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-5301308e] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-5301308e] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-5301308e] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-5301308e] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5301308e] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5301308e] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5301308e]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5301308e] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-5301308e]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-5301308e]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-5301308e] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-5301308e]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5301308e] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5301308e] {
  margin-top: 7px;
}
.visitor-specific[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5301308e] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5301308e]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5301308e]{
  position: relative;
}
.visitor-point-content[data-v-5301308e]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-5301308e]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-5301308e]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-5301308e] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-5301308e] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5301308e] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5301308e] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-5301308e]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-5301308e]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-5301308e]{
  display: none;
}
.addition-info-title[data-v-5301308e]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5301308e]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5301308e]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-5301308e]{
  color: #059FE8;
  cursor: pointer;
}
.driverPhoto[data-v-5301308e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.driverPhoto .access-visitorStr p[data-v-5301308e]{
  padding-left: 13px;
  text-align: center;
}
#parkingCostReport[data-v-5301308e] {
  height: 100%;
}
#parkingCostReport .field-item-content[data-v-5301308e] {
  max-width: calc( 100% - 200px );
}
#parkingCostReport .under-line[data-v-5301308e] {
  width: 100%;
  border-top: 1px solid #dfdfdf;
  margin-top: 8px;
  margin-bottom: 8px;
}
#parkingCostReport .field-item-name[data-v-5301308e] {
  width: 184px;
}

/*******************报表详情模态框******************************/
.particular-box-top[data-v-172938a5] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-172938a5] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-172938a5] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-172938a5] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-172938a5]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-172938a5] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-172938a5]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-172938a5]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-172938a5] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-172938a5]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-172938a5] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-172938a5] {
  margin-top: 7px;
}
.visitor-specific[data-v-172938a5]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-172938a5] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-172938a5]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-172938a5]{
  position: relative;
}
.visitor-point-content[data-v-172938a5]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-172938a5]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-172938a5]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-172938a5]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-172938a5] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-172938a5] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-172938a5] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-172938a5] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-172938a5]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-172938a5]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-172938a5]{
  display: none;
}
.addition-info-title[data-v-172938a5]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-172938a5]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-172938a5]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-172938a5]{
  color: #059FE8;
  cursor: pointer;
}
#vehicleAccessReport[data-v-172938a5] {
  height: 100%;
}
#vehicleAccessReport .utm-tabs[data-v-172938a5] {
  position: relative;
  background-color: transparent;
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active[data-v-172938a5] {
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}

#vehicleProfileReport[data-v-5225dc36] {
  background: #fff;
  height: 100%;
  width: 100%;
}
#vehicleProfileReport .utm-modal-center[data-v-5225dc36]{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 650px;
}
#vehicleProfileReport .module-tab[data-v-5225dc36]{
  margin: -10px 0 14px 0;
  border-bottom: 1px solid #ddd;
}
#vehicleProfileReport .module-tab .tab-item[data-v-5225dc36]{
  display: inline-block;
  margin-right: 20px;
  min-width: 102px;
  color: #333;
  cursor: pointer;
}
#vehicleProfileReport .module-tab .tab-item.active[data-v-5225dc36]{
  color: #059FE8;
  border-bottom: 2px solid #059FE8;
  text-align: center;
}
#vehicleProfileReport .tooltip-more-text[data-v-5225dc36]{
  color: #059FE8;
  cursor: pointer;
}
#vehicleProfileReport .driver-name[data-v-5225dc36]{
  color: #059FE8;
  font-size: 16px;
  cursor: pointer;
}
.utm-table .more-option[data-v-5225dc36]{
  margin-right: 8px;
  display: inline-block;
}
#vehicleProfileReport .utm-table .table-view-icon[data-v-5225dc36] {
  vertical-align: middle;
}
.utm-table .more-option .option-title[data-v-5225dc36] {
  display: inline-block;
  max-width: 200px;
  vertical-align: middle;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-5225dc36] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-5225dc36] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-5225dc36] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-5225dc36] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-5225dc36]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-5225dc36] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-5225dc36]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-5225dc36]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-5225dc36] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-5225dc36]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-5225dc36] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-5225dc36] {
  margin-top: 7px;
}
.visitor-specific[data-v-5225dc36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-5225dc36] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-5225dc36]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-5225dc36]{
  position: relative;
}
.visitor-point-content[data-v-5225dc36]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-5225dc36]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-5225dc36]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-5225dc36]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-5225dc36] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-5225dc36] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-5225dc36] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-5225dc36] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-5225dc36]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-5225dc36]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-5225dc36]{
  display: none;
}
.addition-info-title[data-v-5225dc36]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-5225dc36]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-5225dc36]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-5225dc36]{
  color: #059FE8;
  cursor: pointer;
}
#vehicleProfileReport .bule-txt-click[data-v-5225dc36]{
    cursor: pointer;
    color: var(--main-color);
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2022/4/21
* @DESC <报表详情>
* ****************************************************************/
/* 修改的css */
.utm-imgage-box.plate-number-box[data-v-3fd9c29a] {
  height: 111px;
}
.tab-content .paragraph-title[data-v-3fd9c29a]{
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.particular-box-substance[data-v-3fd9c29a]{
  padding-left: 33px;
}
.paragraph-title .para-mark[data-v-3fd9c29a]{
  width: 20px;
  height: 20px;
  background-color: #f69a21; /*User Profile*/
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 20px;
  vertical-align: revert;
  margin-right: 8px;
}
.paragraph-title .para-mark.dark-blue[data-v-3fd9c29a]{ /*Access Information , Device Profile*/
  background-color: #125ff7;
}
.paragraph-title .para-mark.green[data-v-3fd9c29a]{ /*Other Information*/
  background: #3da700;
}
.paragraph-title .para-mark.blue[data-v-3fd9c29a] { /*Vehicle Profile*/
  background:#0099d2;
}
.paragraph-title .para-mark.dark-yellow[data-v-3fd9c29a]{ /*Captured Information*/
  background: #948f00;
}
.particular-box-substance .detail-box[data-v-3fd9c29a]{
  padding-left: 32px;
}
/*地图框*/
.particular-box-substance .particular-map-box[data-v-3fd9c29a] {
  position: relative;
  margin-left: -32px;
  max-width: 202px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-box-substance .particular-map-box img[data-v-3fd9c29a]{
  width: 100%;
}
.box-trapezoid[data-v-3fd9c29a] {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-3fd9c29a] {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-3fd9c29a] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.particularContent:last-child .particular-box-substance[data-v-3fd9c29a]{
  margin-bottom: 0;
}
.map-name-text[data-v-3fd9c29a]{
  margin-bottom: 7px;
  margin-left: -30px;
}
.map-name-text span[data-v-3fd9c29a]:first-child{
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  display: inline-block;
}
.map-name-text span[data-v-3fd9c29a]:last-child{
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  display: inline-block;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-3fd9c29a] {
  display: inline-block;
}
.access-visitorStr p[data-v-3fd9c29a]{
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}
.particular-box-substance .access-visitorStr img[data-v-3fd9c29a] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.particular-box-substance .access-visitorStr p[data-v-3fd9c29a] {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-bottom: 8px;
}
.particular-box-substance .access-desc[data-v-3fd9c29a]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-3fd9c29a] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-3fd9c29a] {
  margin-top: 7px;
}
.visitor-specific[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-3fd9c29a] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-3fd9c29a]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-3fd9c29a]{
  position: relative;
}
.visitor-point-content[data-v-3fd9c29a]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/*详情中地图点位*/
.particular-map-box .point-location[data-v-3fd9c29a] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-3fd9c29a] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-3fd9c29a] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.addition-info[data-v-3fd9c29a]{
  display: none;
}
.addition-info-title[data-v-3fd9c29a]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: var(--main-color);
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-3fd9c29a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-3fd9c29a]{
  margin-top: 16px;
}
.utm-field-item-content-text .utm-face-tracking-24[data-v-3fd9c29a]{
  color: var(--main-color);
}
/*特殊信息样式*/
.bag-text[data-v-3fd9c29a]{
  height: 19px;
  background: #fac37c;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 8px;
}
.bag-text.blue[data-v-3fd9c29a]{
  background: #95b9ff;
}
.bag-text.light-blue[data-v-3fd9c29a]{
  background: #6dd1f6;
}
.access-underline-tab[data-v-3fd9c29a]{
  border-bottom: 1px solid  #eeeeee;
}
/*更多信息*/
.item-count-text[data-v-3fd9c29a]{
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  background-color: rgba(var(--main-color-rgb),0.3);
  border-radius: 10px;
  color: var(--main-color);
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.item-option[data-v-3fd9c29a]{
  display: inline-block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: sub;
}
/*************************************详情样式************************************/
/**************************************设备用户详情模块的信息 Start*******************************************/
.report-module[data-v-3fd9c29a]{
  margin-top: 16px;
}
.report-module .report-module-title[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(51,51,51,1);
}
.report-module .report-module-icon[data-v-3fd9c29a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border-radius: 4px;
}
.report-module.report-modul-user .report-module-icon[data-v-3fd9c29a]{
  background: rgba(246,154,33,1);
}
.report-module.report-modul-device .report-module-icon[data-v-3fd9c29a]{
  background: rgba(33,114,246,1);
}
.report-module.report-modul-incident .report-module-icon[data-v-3fd9c29a]{
  background: rgba(132,33,246,1);
}
.report-module.report-modul-reporting .report-module-icon[data-v-3fd9c29a]{
  background: rgba(15,94,247,1);
}
.report-module .report-module-content[data-v-3fd9c29a]{
  padding-left: 32px;
}
.report-module .module-field-item[data-v-3fd9c29a]{
  min-height: 28px;
  line-height: 28px;
  margin: 4px 0;
  font-size: 0;
}
.module-field-item .field-item-name[data-v-3fd9c29a] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
  width: 150px;
  min-height: 28px;
  vertical-align: top;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-module-content1 .module-field-item .field-item-name[data-v-3fd9c29a]{
  width: 216px;
}
.module-field-item .field-item-content[data-v-3fd9c29a] {
  color: #575757;
  display: inline-block;
  width: calc(100% - 166px);
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.report-module-content1 .module-field-item .field-item-content[data-v-3fd9c29a]{
  width: calc(100% - 226px);
}
.module-field-item .field-item-content.line-break[data-v-3fd9c29a] {
  overflow: unset;
  white-space: normal;
  word-break: break-word;
}
.module-field-item .module-label-span[data-v-3fd9c29a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 10px 0 8px;
  border-radius: 5px;
  color: #fff;
}
.module-field-item .module-label-span.module-label-span-yellow[data-v-3fd9c29a]{
  background: rgba(250,195,124,1);
}
.module-field-item .module-label-span.module-label-span-blue[data-v-3fd9c29a]{
  background: rgba(149,185,255,1);
}
/**************************人脸照片*********************/
.report-modul-user .report-module-content[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report-modul-user .user-left-info[data-v-3fd9c29a]{
  width: 60%;
}
.report-modul-user .user-right-info[data-v-3fd9c29a]{
  width: 40%;
}
.module-field-item .field-item-photo[data-v-3fd9c29a]{
  display: inline-block;
  width: 64px;
  margin-right: 24px;
  vertical-align: top;
}
.module-field-item .field-item-photo .field-item-name[data-v-3fd9c29a]{
  width: 100%;
}
.module-field-item .field-item-photo img[data-v-3fd9c29a]{
  width: 100%;
  min-height: 85px;
  min-width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
}
/********************地图图片*****************/
.report-modul-device .report-module-content[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report-modul-device .report-module-content.report-module-content1[data-v-3fd9c29a]{
  display: block;
}
.report-modul-device .device-info-left[data-v-3fd9c29a]{
  width: 60%;
}
.report-modul-device .device-info-right[data-v-3fd9c29a]{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.module-field-item .field-item-map[data-v-3fd9c29a]{
  width: 255px;
  height: 155px;
  border: 1px dashed #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-field-item .field-item-map .map-img-box[data-v-3fd9c29a]{
  position: relative;
}
.module-field-item .field-item-map .no-map-tip[data-v-3fd9c29a]{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #ccc;
}
.module-field-item .field-item-map img[data-v-3fd9c29a] {
  width: 100%;
  height: 100%;
}
.device-name-text[data-v-3fd9c29a]{
  display: inline-block;
  margin-right: 4px;
  color: #002469;
  font-size: 14px;
}
/**********************************************************报表的历史记录***********************************************************/
.message-content-right[data-v-3fd9c29a]{
  background: #f8f8f8;
  padding: 16px;
  border-radius: 8px;
}
.report-history-title[data-v-3fd9c29a]{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.report-history-ul[data-v-3fd9c29a]{
  margin-top: 16px;
}
.report-history-ul .report-history-li[data-v-3fd9c29a]{
  position: relative;
  padding: 0 16px 12px 30px;
}
.report-history-ul .report-history-li[data-v-3fd9c29a]:before{
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  left: 14px;
  top: 16px;
  background: rgba(223,223,223,1);
}
.report-history-ul .report-history-li[data-v-3fd9c29a]:last-child:before{
  display: none;
}
.report-history-ul .report-history-li[data-v-3fd9c29a]:after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 10px;
  border-radius: 4px;
  background: rgba(181,183,188,1);
}
.report-history-ul .report-history-li[data-v-3fd9c29a]:first-child:after{
  display: none;
}
.report-history-ul .report-history-item[data-v-3fd9c29a]{
  color: #333;
}
.report-history-ul .report-history-progress[data-v-3fd9c29a]{
  position: absolute;
  top: -8px;
  left: 3px;
}
.report-history-item .record-operate-time[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.report-history-item .record-operate[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(23,32,38,1);
}
.report-history-item .record-operator[data-v-3fd9c29a]{
  display: inline-block;
  margin: 0 4px;
  color: #002469;
  font-style: italic;
  font-weight: bold;
}
.report-history-item .record-operate-outtime[data-v-3fd9c29a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  background: #ccc;
  color: #fff;
  border-radius: 16px;
  font-weight: 400;
}
.report-history-item .process-task-info[data-v-3fd9c29a]{
  position: relative;
  display: block;
  margin-top: 8px;
  padding: 6px 12px;
  min-height: 40px;
  background: rgba(233,233,233,1);
  border-radius: 4px;
}
.report-history-item .process-task-info .shrink-arrow[data-v-3fd9c29a]{
  position: absolute;
  right: 16px;
  top: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.report-history-item .process-task-info .shrink-arrow.open[data-v-3fd9c29a]{
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.report-history-item .process-task-info .process-task-content[data-v-3fd9c29a]{
  margin: 6px 0;
}
.report-history-item .process-task-name[data-v-3fd9c29a]{
  display: inline-block;
  min-height: 20px;
  padding: 6px 0;
}
.report-history-item .process-task-span-box[data-v-3fd9c29a]{
  display: block;
}
.report-history-item .process-task-span[data-v-3fd9c29a]{
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  background: #e9e9e9;
  border: 1px solid #9a9da4;
  border-radius: 4px;
}
.loading-box[data-v-3fd9c29a]{
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  vertical-align: center;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tooltip-more-text[data-v-3fd9c29a]{
  color: var(--main-color);
  cursor: pointer;
}
.utm-table-viewMore[data-v-3fd9c29a]{
  color: var(--main-color);
  cursor: pointer;
}
.user-more-option .more-txt[data-v-3fd9c29a] {
  color: var(--main-color);
  cursor: pointer;
}
.user-table-option .option-title[data-v-3fd9c29a] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utm-table .user-more-option[data-v-3fd9c29a] {
  display: inline-block;
}
.user-more-option .other-option-box[data-v-3fd9c29a] {
  max-height: 300px;
  max-width: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 12;
  white-space: normal;
}
/*******************报表详情模态框******************************/
.particular-box-top[data-v-3fd9c29a] {
  width: 100%;
  height: 48px;
  background: #cdeaf9;
  border-radius: 8px 8px 0 0;
  padding: 12px;
}
.box-trapezoid[data-v-3fd9c29a] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.box-text[data-v-3fd9c29a] {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.particularContent .particular-box-substance[data-v-3fd9c29a] {
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 0 0 8px 8px;
}
.particularContent:last-child .particular-box-substance[data-v-3fd9c29a]{
  margin-bottom: 0;
}
/*详情内容*/
.particular-box-substance .access-visitorStr[data-v-3fd9c29a] {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  line-height: 1;
}
.access-visitorStr p[data-v-3fd9c29a]{
  color: #999;
  margin-top: 8px;
}
.particular-box-substance .plate-number-box[data-v-3fd9c29a]{
  height: 112px;
  width: 137px;
  background-color: #F0F0F0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.particular-box-substance .access-visitorStr img[data-v-3fd9c29a] {
  height: 112px;
  width: 96px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  /* 新增 profile */
  margin-left: 12px;
}
.particular-box-substance .access-desc[data-v-3fd9c29a]{
  display: block;
  text-align: center;
  color: #b4b4b4;
  font-size: 16px;
}
.access-visitorStr .img-topic[data-v-3fd9c29a] {
  font-size: 16px;
  padding-top: 5px;
  text-align: center;
}
.particular-box-substance .visitor-specific[data-v-3fd9c29a] {
  margin-top: 7px;
}
.visitor-specific[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visitor-specific .visitor-specific-other[data-v-3fd9c29a] {
  width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific  .visitor-specific-information[data-v-3fd9c29a]{
  width: 21%;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.visitor-specific-text[data-v-3fd9c29a]{
  position: relative;
}
.visitor-point-content[data-v-3fd9c29a]{
  width: 790px;
  height: 260px;
  background: #ffffff;
  border: 1px solid #cdeaf9;
  border-radius: 4px;
}
/* 用户名的样式 */
.field-item-content-user[data-v-3fd9c29a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.field-item-content-user-name[data-v-3fd9c29a]{
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-item-content-user .face-tracking-btn[data-v-3fd9c29a]{
  height: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 8px;
}
/*详情中地图点位*/
.particular-box-substance .particular-map-box[data-v-3fd9c29a] {
  position: relative;
  max-width: 223px;
  max-height: 245px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #eee;
}
.particular-map-box .point-location[data-v-3fd9c29a] {
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-top: -12px;
  margin-left: -12px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
          box-shadow: 0 0 0 3px rgba(35, 196, 51, .4);
}
.particular-map-box .map-device-type[data-v-3fd9c29a] {
  font-size: 16px;
  margin-top: -5px;
  margin-left: -1px;
}
/*通行状态*/
.visitor-specific-content.access-state[data-v-3fd9c29a] {
  height: 24px;
  padding: 0 5px;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
}
.tab-content[data-v-3fd9c29a]{
  padding: 8px;
  border: 1px solid #DFDFDF;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
#vehicleAccessReport .utm-tabs .utm-tab-item.active  span[data-v-3fd9c29a]{
  position: absolute;
  left: 1px;
  bottom: -7px;
  display: inline-block;
  width: 110%;
  height: 6px;
  background-color: #ffffff;
}
.addition-info[data-v-3fd9c29a]{
  display: none;
}
.addition-info-title[data-v-3fd9c29a]{
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #059fe8;
  line-height: 40px;
}
.addition-info-title .ivu-icon-ios-arrow-down.expand[data-v-3fd9c29a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*tab 标签*/
.utm-primary-tabs[data-v-3fd9c29a]{
  margin-top: 16px;
}
.tooltip-more-text[data-v-3fd9c29a]{
  color: #059FE8;
  cursor: pointer;
}
#vehicleRegistrationReport[data-v-3fd9c29a]{
  height: 100%;
}
#vehicleRegistrationReport .driver-name[data-v-3fd9c29a] {
  cursor: pointer;
  color: var(--main-color);
}

#vehicleReport[data-v-fce3fc8e]{
  background: #ebeff2;
  height: 100%;
  width: 100%;
}
#vehicleReport .event-content[data-v-fce3fc8e]{
  background: #fff;
  height: calc(100% - 51px);
  width: 100%;
}

#add-vendor[data-v-840c062a]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-840c062a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
/* 关于DCS的配置 */
#add-vendor .dcs-item-box[data-v-840c062a]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(var(--main-color-rgb),0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#add-vendor .dcsItem-div[data-v-840c062a]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#add-vendor .dcsItem-right[data-v-840c062a]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#add-vendor .dcsItem-left[data-v-840c062a]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#add-vendor .dcsItem-all[data-v-840c062a]{
  width: 100%;
  margin-top: 16px;
}
#add-vendor .dcsItem-title[data-v-840c062a]{
  font-weight: bold;
}
#add-vendor .utm-circle-tag.mini[data-v-840c062a] {
  margin:0 8px 0 0;
  vertical-align:initial
}
#add-vendor .dcsItem-div1[data-v-840c062a]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#add-vendor .azFrom[data-v-840c062a]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-vendor .azText[data-v-840c062a]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#add-vendor .azTo[data-v-840c062a]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-vendor .dcsItem-operation[data-v-840c062a]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#add-vendor .verticalLine[data-v-840c062a]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#add-vendor .more-tag[data-v-840c062a] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: text-bottom;
}
.paim-vein[data-v-840c062a]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-840c062a]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-840c062a]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-840c062a]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-840c062a]{
  color: #fff;
}
.paim-icon-content[data-v-840c062a]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-840c062a]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-840c062a]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-840c062a] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-840c062a .75s step-end infinite;
          animation: rotate1234-data-v-840c062a .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-840c062a {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-840c062a {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-840c062a]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-840c062a]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-840c062a]::before,.success .ripple[data-v-840c062a]::after,.success .ripple-three[data-v-840c062a] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-840c062a] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-840c062a]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-840c062a 2s linear 0.66s infinite;
          animation: ripple-data-v-840c062a 2s linear 0.66s infinite;
}
.ripple[data-v-840c062a]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-840c062a 2s linear 1.3s infinite;
          animation: ripple-data-v-840c062a 2s linear 1.3s infinite;
}
.ripple-three[data-v-840c062a]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-840c062a 2s linear infinite;
          animation: ripple-data-v-840c062a 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-840c062a {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-840c062a {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-840c062a] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-840c062a]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-840c062a]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-840c062a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-840c062a]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-840c062a]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-840c062a]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-840c062a]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-840c062a]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-840c062a]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-840c062a]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-840c062a]{
  width: 100%;
}
.user-basic-module .face-box[data-v-840c062a]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-840c062a]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-840c062a]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-840c062a]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-840c062a]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-840c062a]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-840c062a]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-840c062a]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-840c062a] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-840c062a]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-840c062a]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-840c062a]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-840c062a]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-840c062a]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-840c062a]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-840c062a]{
  position: relative;
}
.step-node .step-desc[data-v-840c062a]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-840c062a]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-840c062a]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-840c062a]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-840c062a]:nth-child(1),
.user-config-info .config-info-box[data-v-840c062a]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-840c062a]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-840c062a]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-840c062a]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-840c062a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-840c062a]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-840c062a]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-840c062a]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-840c062a]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-840c062a]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-840c062a]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-840c062a],.destination-item .schedule-name[data-v-840c062a]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-840c062a] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-840c062a]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-840c062a]{
  display: block;
}
.schedule-details .schedule-panel[data-v-840c062a]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-840c062a]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-840c062a]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-840c062a]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-840c062a]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-840c062a]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-840c062a]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-840c062a]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-840c062a]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-840c062a]{
  margin-right: 16px;
}
.print-card-box[data-v-840c062a]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-840c062a]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-840c062a]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-840c062a]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-840c062a]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-840c062a]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-840c062a]{
  max-height: 90px;
}
.basic-info .user-name[data-v-840c062a]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-840c062a]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-840c062a]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-840c062a]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-840c062a]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-840c062a]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-840c062a]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-840c062a]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-840c062a]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-840c062a]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-840c062a]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-840c062a]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-840c062a]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-840c062a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-840c062a]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-840c062a]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-840c062a]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-840c062a]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-840c062a]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-840c062a]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-840c062a]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-840c062a]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-840c062a]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-840c062a]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-840c062a]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-840c062a],
.details-module .details-module-name[data-v-840c062a]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-840c062a]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-840c062a]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-840c062a]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-840c062a]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-840c062a]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-840c062a]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-840c062a]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-840c062a]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-840c062a]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-840c062a]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-840c062a]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-840c062a]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-840c062a]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-840c062a]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-840c062a]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-840c062a]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-840c062a]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-840c062a]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-840c062a]{
  text-align: left;
}
.basic-info-box .content-area[data-v-840c062a]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-840c062a]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-840c062a]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-840c062a]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-840c062a]{
  z-index: 1;
}
.card-status-tooltip[data-v-840c062a]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-840c062a]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-840c062a]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-840c062a]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-840c062a]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-840c062a]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-840c062a] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-840c062a] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-840c062a] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-840c062a] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-840c062a]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-840c062a] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-840c062a] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-840c062a] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-840c062a]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-840c062a]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-840c062a]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-840c062a]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-840c062a]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-840c062a]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-840c062a]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-840c062a]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-840c062a]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-840c062a], .slide-fade-leave-to[data-v-840c062a]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-840c062a]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-840c062a]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-840c062a]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-840c062a]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-840c062a]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-840c062a]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-840c062a]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-840c062a]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-840c062a]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-840c062a]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-840c062a]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-840c062a]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-840c062a]{
  font-size: 18px;
}
.add-new-btn[data-v-840c062a]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-840c062a]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-840c062a]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-840c062a] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-840c062a]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-840c062a]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-840c062a]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-840c062a]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-840c062a]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-840c062a]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-840c062a]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-840c062a]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-840c062a]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-840c062a]{
  font-weight: bold;
}
.dcsItem-div1[data-v-840c062a]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-840c062a]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-840c062a]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-840c062a] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-840c062a]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-840c062a]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-840c062a]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-840c062a]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-840c062a]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-840c062a]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-840c062a]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-840c062a]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-840c062a]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-840c062a]{
  margin-left: 0;
}

#edit-vendor[data-v-33f16cfc]{
  height: 100%;
}
.utm-controls.validity-control[data-v-33f16cfc]{
  position: relative;
}
#edit-vendor .single-entry-tip[data-v-33f16cfc]{
  position: absolute;
  right: -24px;
  bottom: 7px;
  display: inline-block;
}
.single-entry-tip i[data-v-33f16cfc]{
  color: rgba(5, 154, 232, 1);
  font-size: 16px;
}
.single-entry-tip i:hover +.tip-text[data-v-33f16cfc]{
  display: inline-block;
}
.single-entry-tip .tip-text[data-v-33f16cfc]{
  display: none;
  position: absolute;
  color: #333;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  background-color: #fff;
  z-index: 2;
  padding: 8px;
  top: 36px;
  right: 0;
  font-size: 16px;
  width: 300px;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-33f16cfc]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 375px;
  margin-left: 15px;
}
#edit-vendor .module-parent[data-v-33f16cfc]{
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #EBEFF2;
}
.module-ac[data-v-33f16cfc]{
  width: 65%;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
.module-history[data-v-33f16cfc]{
  width: 35%;
  margin-left: 8px;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
#edit-vendor .dcs-item-box[data-v-33f16cfc]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(var(--main-color-rgb),0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#edit-vendor .dcsItem-div[data-v-33f16cfc]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#edit-vendor .dcsItem-right[data-v-33f16cfc]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#edit-vendor .dcsItem-left[data-v-33f16cfc]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#edit-vendor .dcsItem-all[data-v-33f16cfc]{
  width: 100%;
  margin-top: 16px;
}
#edit-vendor .dcsItem-title[data-v-33f16cfc]{
  font-weight: bold;
}
#edit-vendor .utm-circle-tag.mini[data-v-33f16cfc] {
  margin:0 12px 0 0;
  vertical-align:initial
}
#edit-vendor .dcsItem-div1[data-v-33f16cfc]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#edit-vendor .azFrom[data-v-33f16cfc]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#edit-vendor .azText[data-v-33f16cfc]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#edit-vendor .azTo[data-v-33f16cfc]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#edit-vendor .dcsItem-operation[data-v-33f16cfc]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#edit-vendor .verticalLine[data-v-33f16cfc]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#edit-vendor .more-tag[data-v-33f16cfc] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.paim-icon-content[data-v-33f16cfc]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-33f16cfc]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-33f16cfc]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-33f16cfc] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-33f16cfc .75s step-end infinite;
          animation: rotate1234-data-v-33f16cfc .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-33f16cfc {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-33f16cfc {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-33f16cfc]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
/* 掌纹 */
.paim-vein[data-v-33f16cfc]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-33f16cfc]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-33f16cfc]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-33f16cfc]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-33f16cfc]{
  color: #fff;
}
.success .ripple[data-v-33f16cfc]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-33f16cfc]::before,.success .ripple[data-v-33f16cfc]::after,.success .ripple-three[data-v-33f16cfc] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-33f16cfc] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-33f16cfc]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-33f16cfc 2s linear 0.66s infinite;
          animation: ripple-data-v-33f16cfc 2s linear 0.66s infinite;
}
.ripple[data-v-33f16cfc]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-33f16cfc 2s linear 1.3s infinite;
          animation: ripple-data-v-33f16cfc 2s linear 1.3s infinite;
}
.ripple-three[data-v-33f16cfc]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-33f16cfc 2s linear infinite;
          animation: ripple-data-v-33f16cfc 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-33f16cfc {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-33f16cfc {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-33f16cfc] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-33f16cfc]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-33f16cfc]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-33f16cfc]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-33f16cfc]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-33f16cfc]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-33f16cfc]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-33f16cfc]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-33f16cfc]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-33f16cfc]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-33f16cfc]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-33f16cfc]{
  width: 100%;
}
.user-basic-module .face-box[data-v-33f16cfc]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-33f16cfc]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-33f16cfc]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-33f16cfc]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-33f16cfc]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-33f16cfc]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-33f16cfc]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-33f16cfc]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-33f16cfc] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-33f16cfc]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-33f16cfc]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-33f16cfc]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-33f16cfc]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-33f16cfc]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-33f16cfc]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-33f16cfc]{
  position: relative;
}
.step-node .step-desc[data-v-33f16cfc]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-33f16cfc]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-33f16cfc]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-33f16cfc]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-33f16cfc]:nth-child(1),
.user-config-info .config-info-box[data-v-33f16cfc]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-33f16cfc]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-33f16cfc]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-33f16cfc]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-33f16cfc]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-33f16cfc]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-33f16cfc]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-33f16cfc]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-33f16cfc]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-33f16cfc]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-33f16cfc]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-33f16cfc],.destination-item .schedule-name[data-v-33f16cfc]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-33f16cfc] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-33f16cfc]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-33f16cfc]{
  display: block;
}
.schedule-details .schedule-panel[data-v-33f16cfc]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-33f16cfc]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-33f16cfc]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-33f16cfc]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-33f16cfc]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-33f16cfc]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-33f16cfc]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-33f16cfc]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-33f16cfc]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-33f16cfc]{
  margin-right: 16px;
}
.print-card-box[data-v-33f16cfc]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-33f16cfc]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-33f16cfc]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-33f16cfc]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-33f16cfc]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-33f16cfc]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-33f16cfc]{
  max-height: 90px;
}
.basic-info .user-name[data-v-33f16cfc]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-33f16cfc]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-33f16cfc]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-33f16cfc]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-33f16cfc]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-33f16cfc]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-33f16cfc]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-33f16cfc]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-33f16cfc]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-33f16cfc]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-33f16cfc]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-33f16cfc]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-33f16cfc]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-33f16cfc]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-33f16cfc]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-33f16cfc]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-33f16cfc]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-33f16cfc]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-33f16cfc]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-33f16cfc]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-33f16cfc]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-33f16cfc]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-33f16cfc]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-33f16cfc]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-33f16cfc]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-33f16cfc],
.details-module .details-module-name[data-v-33f16cfc]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-33f16cfc]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-33f16cfc]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-33f16cfc]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-33f16cfc]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-33f16cfc]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-33f16cfc]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-33f16cfc]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-33f16cfc]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-33f16cfc]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-33f16cfc]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-33f16cfc]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-33f16cfc]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-33f16cfc]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-33f16cfc]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-33f16cfc]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-33f16cfc]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-33f16cfc]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-33f16cfc]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-33f16cfc]{
  text-align: left;
}
.basic-info-box .content-area[data-v-33f16cfc]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-33f16cfc]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-33f16cfc]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-33f16cfc]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-33f16cfc]{
  z-index: 1;
}
.card-status-tooltip[data-v-33f16cfc]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-33f16cfc]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-33f16cfc]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-33f16cfc]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-33f16cfc]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-33f16cfc]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-33f16cfc] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-33f16cfc] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-33f16cfc] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-33f16cfc] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-33f16cfc]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-33f16cfc] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-33f16cfc] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-33f16cfc] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-33f16cfc]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-33f16cfc]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-33f16cfc]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-33f16cfc]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-33f16cfc]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-33f16cfc]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-33f16cfc]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-33f16cfc]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-33f16cfc]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-33f16cfc], .slide-fade-leave-to[data-v-33f16cfc]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-33f16cfc]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-33f16cfc]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-33f16cfc]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-33f16cfc]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-33f16cfc]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-33f16cfc]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-33f16cfc]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-33f16cfc]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-33f16cfc]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-33f16cfc]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-33f16cfc]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-33f16cfc]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-33f16cfc]{
  font-size: 18px;
}
.add-new-btn[data-v-33f16cfc]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-33f16cfc]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-33f16cfc]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-33f16cfc] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-33f16cfc]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-33f16cfc]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-33f16cfc]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-33f16cfc]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-33f16cfc]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-33f16cfc]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-33f16cfc]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-33f16cfc]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-33f16cfc]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-33f16cfc]{
  font-weight: bold;
}
.dcsItem-div1[data-v-33f16cfc]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-33f16cfc]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-33f16cfc]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-33f16cfc] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-33f16cfc]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-33f16cfc]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-33f16cfc]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-33f16cfc]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-33f16cfc]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-33f16cfc]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-33f16cfc]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-33f16cfc]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-33f16cfc]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-33f16cfc]{
  margin-left: 0;
}
/**************选择tag****************/
.utm-multiple-check[data-v-33f16cfc] {
  width: 100%;
  color: #515a6e;
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dcdee2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height: 40px;
  padding: 0 24px 0 8px;
  background-color: #fff;
}
.utm-multiple-check .tag-checked-box[data-v-33f16cfc] {
  height: 100%;
  width: 100%;
  min-height: 40px;
}
.utm-multiple-check .multiple-check-panel[data-v-33f16cfc] {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  padding: 5px 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: absolute;
  top: 40px;
  z-index: 11;
  left: 0;
  display: none;
}
.multiple-check-panel .not-found-txt[data-v-33f16cfc],
.multiple-check-panel .no-search-data p[data-v-33f16cfc]{
  text-align: center;
  color: #c5c8ce;
}
.utm-tag i[data-v-33f16cfc] {
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  cursor: pointer;
}
.multiple-check-panel .check-option[data-v-33f16cfc] {
  margin: 0;
  line-height: normal;
  padding: 7px 8px 7px 16px;
  clear: both;
  color: #515a6e;
  font-size: 14px;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  position: relative;
}
.check-option .utm-ok-icon[data-v-33f16cfc]{
  display: none;
}
.check-option.active .utm-ok-icon[data-v-33f16cfc]{
  display: inline-block;
  float: right;
  color: #2172F6;
}
.multiple-check-panel .check-option[data-v-33f16cfc]:hover,
.multiple-check-panel .check-option.active[data-v-33f16cfc] {
  background: rgba(var(--main-color-rgb),0.2);
}
.multiple-check-panel .check-option.active[data-v-33f16cfc]:after{
  position: absolute;
  content: "\E6E7";
  font-family: 'utmfont', sans-serif;
  right: 0;
  top: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: var(--main-color);
}
.utm-multiple-check .utm-tag[data-v-33f16cfc] {
  background: #fff;
  margin: 4px 4px 2px 0;
}
.tag-checked-box .check-tips[data-v-33f16cfc] {
  line-height: 38px;
  color: #c5c8ce;
  font-size: 16px;
}
.tag-checked-box .panel-search-input[data-v-33f16cfc] {
  padding: 0;
  border: 0;
}
.tag-checked-box .panel-search-input[data-v-33f16cfc]:focus{
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.utm-multiple-check .ivu-icon-ios-close-circle[data-v-33f16cfc]{
  display: none;
}
.utm-multiple-check:hover .ivu-icon-ios-close-circle[data-v-33f16cfc]{
  display: inline-block;
}
.tag-checked-box .utm-circle-tag.mini[data-v-33f16cfc] {
  margin: 8px;
}
/**************选择tag****************/
.tag-checked-box .checked-name[data-v-33f16cfc]{
  color: var(--main-color);
  line-height: 40px;
  font-size: 16px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-33f16cfc]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-33f16cfc], .slide-fade-leave-to[data-v-33f16cfc]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

#vendor-list[data-v-ae9956ba]{
  height: 100%;
  width: 100%;
}
#vendor-list .module-title[data-v-ae9956ba]{
  font-size: 20px;
  display: block;
  font-weight: bold;
  padding: 8px 16px 0 16px ;
  position: relative;
}
.right-module .utm-font[data-v-ae9956ba]{
  color: rgba(5,159,232,1);
  font-size: 24px;
  font-weight: 400;
  margin-left: 8px;
}
.utm-list-page-box.frame-box[data-v-ae9956ba]{
  margin-left: -16px;
}
#vendor-list .check-substance-box .options-box .options-item[data-v-ae9956ba]{
  height: 28px;
}
/*************************列表AC**********************/
.table-validity[data-v-ae9956ba]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-ae9956ba] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-ae9956ba] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-ae9956ba] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-ae9956ba],
.ac-options .ac-loading-box[data-v-ae9956ba]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-ae9956ba],
.ac-loading-box .loading-icon[data-v-ae9956ba] {
  -webkit-animation: ani-demo-spin-data-v-ae9956ba 1s linear infinite;
          animation: ani-demo-spin-data-v-ae9956ba 1s linear infinite;
}
.utm-table .user-more-option[data-v-ae9956ba] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-ae9956ba] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-ae9956ba]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-ae9956ba] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-ae9956ba]{
  max-width: 220px;
}
.permanent-text[data-v-ae9956ba] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}
/*************************列表AC**********************/
/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-ae9956ba] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-ae9956ba] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-ae9956ba] {
  height: 42px;
}
/*部门-用户树形*/
.department-option .expand-icon[data-v-ae9956ba] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-ae9956ba] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-ae9956ba] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-ae9956ba]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-ae9956ba] {
  -webkit-animation: ani-demo-spin-data-v-ae9956ba 1s linear infinite;
          animation: ani-demo-spin-data-v-ae9956ba 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-ae9956ba {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-ae9956ba {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-ae9956ba]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-ae9956ba]{
  color: #999;
}
/*批量选中更多操作*/
.utm-btn.more-btn[data-v-ae9956ba]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-ae9956ba]{
  display: block;
}
.more-btn i[data-v-ae9956ba]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-ae9956ba]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-ae9956ba]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-ae9956ba]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-ae9956ba]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-ae9956ba]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-ae9956ba]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-ae9956ba]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-ae9956ba]{
  color: var(--main-color);
  cursor: pointer;
}

#add-visitor[data-v-60b98fc6]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-60b98fc6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  margin-left: 10px;
}
#add-visitor .dcs-item-box[data-v-60b98fc6]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#add-visitor .dcsItem-div[data-v-60b98fc6]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#add-visitor .dcsItem-right[data-v-60b98fc6]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#add-visitor .dcsItem-left[data-v-60b98fc6]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#add-visitor .dcsItem-all[data-v-60b98fc6]{
  width: 100%;
  margin-top: 16px;
}
#add-visitor .dcsItem-title[data-v-60b98fc6]{
  font-weight: bold;
}
#add-visitor .utm-circle-tag.mini[data-v-60b98fc6] {
  margin:0 8px 0 0;
  vertical-align:initial
}
#add-visitor .dcsItem-div1[data-v-60b98fc6]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#add-visitor .azFrom[data-v-60b98fc6]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-visitor .azText[data-v-60b98fc6]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#add-visitor .azTo[data-v-60b98fc6]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#add-visitor .dcsItem-operation[data-v-60b98fc6]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#add-visitor .verticalLine[data-v-60b98fc6]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#add-visitor .more-tag[data-v-60b98fc6] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: text-bottom;
}
.paim-icon-content[data-v-60b98fc6]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-60b98fc6]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-60b98fc6]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-60b98fc6] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-60b98fc6 .75s step-end infinite;
          animation: rotate1234-data-v-60b98fc6 .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-60b98fc6 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-60b98fc6 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-60b98fc6]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-60b98fc6]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-60b98fc6]::before,.success .ripple[data-v-60b98fc6]::after,.success .ripple-three[data-v-60b98fc6] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-60b98fc6] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-60b98fc6]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-60b98fc6 2s linear 0.66s infinite;
          animation: ripple-data-v-60b98fc6 2s linear 0.66s infinite;
}
.ripple[data-v-60b98fc6]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-60b98fc6 2s linear 1.3s infinite;
          animation: ripple-data-v-60b98fc6 2s linear 1.3s infinite;
}
.ripple-three[data-v-60b98fc6]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-60b98fc6 2s linear infinite;
          animation: ripple-data-v-60b98fc6 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-60b98fc6 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-60b98fc6 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-60b98fc6] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-60b98fc6]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-60b98fc6]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-60b98fc6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-60b98fc6]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-60b98fc6]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-60b98fc6]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-60b98fc6]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-60b98fc6]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-60b98fc6]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-60b98fc6]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-60b98fc6]{
  width: 100%;
}
.user-basic-module .face-box[data-v-60b98fc6]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-60b98fc6]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-60b98fc6]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-60b98fc6]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-60b98fc6]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-60b98fc6]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-60b98fc6]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-60b98fc6]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-60b98fc6] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-60b98fc6]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-60b98fc6]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-60b98fc6]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-60b98fc6]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-60b98fc6]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-60b98fc6]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-60b98fc6]{
  position: relative;
}
.step-node .step-desc[data-v-60b98fc6]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-60b98fc6]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-60b98fc6]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-60b98fc6]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-60b98fc6]:nth-child(1),
.user-config-info .config-info-box[data-v-60b98fc6]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-60b98fc6]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-60b98fc6]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-60b98fc6]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-60b98fc6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-60b98fc6]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-60b98fc6]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-60b98fc6]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-60b98fc6]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-60b98fc6]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-60b98fc6]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-60b98fc6],.destination-item .schedule-name[data-v-60b98fc6]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-60b98fc6] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-60b98fc6]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-60b98fc6]{
  display: block;
}
.schedule-details .schedule-panel[data-v-60b98fc6]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-60b98fc6]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-60b98fc6]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-60b98fc6]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-60b98fc6]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-60b98fc6]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-60b98fc6]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-60b98fc6]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-60b98fc6]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-60b98fc6]{
  margin-right: 16px;
}
.print-card-box[data-v-60b98fc6]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-60b98fc6]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-60b98fc6]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-60b98fc6]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-60b98fc6]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-60b98fc6]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-60b98fc6]{
  max-height: 90px;
}
.basic-info .user-name[data-v-60b98fc6]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-60b98fc6]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-60b98fc6]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-60b98fc6]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-60b98fc6]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-60b98fc6]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-60b98fc6]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-60b98fc6]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-60b98fc6]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-60b98fc6]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-60b98fc6]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-60b98fc6]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-60b98fc6]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-60b98fc6]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-60b98fc6]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-60b98fc6]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-60b98fc6]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-60b98fc6]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-60b98fc6]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-60b98fc6]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-60b98fc6]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-60b98fc6]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-60b98fc6]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-60b98fc6]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-60b98fc6]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-60b98fc6],
.details-module .details-module-name[data-v-60b98fc6]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-60b98fc6]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-60b98fc6]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-60b98fc6]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-60b98fc6]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-60b98fc6]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-60b98fc6]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-60b98fc6]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-60b98fc6]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-60b98fc6]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-60b98fc6]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-60b98fc6]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-60b98fc6]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-60b98fc6]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-60b98fc6]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-60b98fc6]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-60b98fc6]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-60b98fc6]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-60b98fc6]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-60b98fc6]{
  text-align: left;
}
.basic-info-box .content-area[data-v-60b98fc6]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-60b98fc6]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-60b98fc6]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-60b98fc6]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-60b98fc6]{
  z-index: 1;
}
.card-status-tooltip[data-v-60b98fc6]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-60b98fc6]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-60b98fc6]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-60b98fc6]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-60b98fc6]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-60b98fc6]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-60b98fc6] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-60b98fc6] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-60b98fc6] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-60b98fc6] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-60b98fc6]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-60b98fc6] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-60b98fc6] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-60b98fc6] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-60b98fc6]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-60b98fc6]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-60b98fc6]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-60b98fc6]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-60b98fc6]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-60b98fc6]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-60b98fc6]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-60b98fc6]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-60b98fc6]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-60b98fc6], .slide-fade-leave-to[data-v-60b98fc6]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-60b98fc6]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-60b98fc6]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-60b98fc6]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-60b98fc6]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-60b98fc6]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-60b98fc6]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-60b98fc6]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-60b98fc6]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-60b98fc6]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-60b98fc6]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-60b98fc6]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-60b98fc6]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-60b98fc6]{
  font-size: 18px;
}
.add-new-btn[data-v-60b98fc6]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-60b98fc6]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-60b98fc6]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-60b98fc6] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-60b98fc6]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-60b98fc6]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-60b98fc6]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-60b98fc6]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-60b98fc6]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-60b98fc6]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-60b98fc6]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-60b98fc6]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-60b98fc6]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-60b98fc6]{
  font-weight: bold;
}
.dcsItem-div1[data-v-60b98fc6]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-60b98fc6]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-60b98fc6]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-60b98fc6] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-60b98fc6]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-60b98fc6]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-60b98fc6]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-60b98fc6]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-60b98fc6]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-60b98fc6]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-60b98fc6]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-60b98fc6]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-60b98fc6]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-60b98fc6]{
  margin-left: 0;
}

#visitor-edit[data-v-cf1be100]{
  height: 100%;
}
/* 增加Profile Photo 照片 */
.face-box[data-v-cf1be100]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
}
#visitor-edit .dcs-item-box[data-v-cf1be100]{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
#visitor-edit .dcsItem-div[data-v-cf1be100]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
#visitor-edit .dcsItem-right[data-v-cf1be100]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
#visitor-edit .dcsItem-left[data-v-cf1be100]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
#visitor-edit .dcsItem-all[data-v-cf1be100]{
  width: 100%;
  margin-top: 16px;
}
#visitor-edit .dcsItem-title[data-v-cf1be100]{
  font-weight: bold;
}
#visitor-edit .utm-circle-tag.mini[data-v-cf1be100] {
  margin:0 12px 0 0;
  vertical-align:initial
}
#visitor-edit .dcsItem-div1[data-v-cf1be100]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#visitor-edit .azFrom[data-v-cf1be100]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#visitor-edit .azText[data-v-cf1be100]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
#visitor-edit .azTo[data-v-cf1be100]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
#visitor-edit .dcsItem-operation[data-v-cf1be100]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
#visitor-edit .verticalLine[data-v-cf1be100]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
#visitor-edit .more-tag[data-v-cf1be100] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
#visitor-edit .operate-btn-box[data-v-cf1be100] {
  display: inline-block;
  position: absolute;
  right: 16px
}
.module-parent[data-v-cf1be100]{
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #EBEFF2;
}
.module-ac[data-v-cf1be100]{
  width: 65%;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
.module-history[data-v-cf1be100]{
  width: 35%;
  margin-left: 8px;
  padding: 16px 16px 8px;
  border-radius: 8px;
  background-color: #fff;
}
.paim-icon-content[data-v-cf1be100]{
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
}
.paim-icon-content >i[data-v-cf1be100]{
  font-size: 18px;
  color: #dfdfdf;
}
.paim-text[data-v-cf1be100]{
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #b4b4b4;
}
.sv_spinner_OSmW[data-v-cf1be100] {
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-animation: rotate1234-data-v-cf1be100 .75s step-end infinite;
          animation: rotate1234-data-v-cf1be100 .75s step-end infinite;
}
@-webkit-keyframes rotate1234-data-v-cf1be100 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
@keyframes rotate1234-data-v-cf1be100 {
8.3% {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
}
16.6% {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg);
}
25% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
}
33.3% {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg);
}
41.6% {
      -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
}
50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
58.3% {
      -webkit-transform: rotate(210deg);
              transform: rotate(210deg);
}
66.6% {
      -webkit-transform: rotate(240deg);
              transform: rotate(240deg);
}
75% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
}
83.3% {
      -webkit-transform: rotate(300deg);
              transform: rotate(300deg);
}
91.6% {
      -webkit-transform: rotate(330deg);
              transform: rotate(330deg);
}
100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
}
}
.poc-device-search[data-v-cf1be100]{
  width: 668px;
  height: 234px;
  background: #eff6f9;
  border-radius: 4px;
}
.success .ripple[data-v-cf1be100]{
  background: rgba(42,190,82,1);
}
.success .ripple[data-v-cf1be100]::before,.success .ripple[data-v-cf1be100]::after,.success .ripple-three[data-v-cf1be100] {
  border: 1px solid rgba(42,190,82,1);
}
/* 水波纹 */
.ripple[data-v-cf1be100] {
  position: relative;
  width: 83px;
  height: 83px;
  background: rgba(5,159,232);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
          box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10); 
  margin-top: 59px;
}
.ripple[data-v-cf1be100]::before {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-cf1be100 2s linear 0.66s infinite;
          animation: ripple-data-v-cf1be100 2s linear 0.66s infinite;
}
.ripple[data-v-cf1be100]::after {
  content: '';
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-cf1be100 2s linear 1.3s infinite;
          animation: ripple-data-v-cf1be100 2s linear 1.3s infinite;
}
.ripple-three[data-v-cf1be100]{
  position: absolute;
  width: 83px;
  height: 83px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid rgba(5,159,232);
  border-radius: 50%;
  -webkit-animation: ripple-data-v-cf1be100 2s linear infinite;
          animation: ripple-data-v-cf1be100 2s linear infinite;
}
@-webkit-keyframes ripple-data-v-cf1be100 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
@keyframes ripple-data-v-cf1be100 {
0% {
      width: 83px;
      height: 83px;
      opacity: 1;
}
100% {
      width: 153px;
      height: 153px;
      opacity: 0;
}
}
.ripple > i[data-v-cf1be100] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  font-size: 40px;
  color: #fff;
}
.poc-device-search-text[data-v-cf1be100]{
  margin-top: 50px;
  font-size: 14px;
  font-family: Lato, Lato-Regular, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #b4b4b4;
  height: 16px;
  line-height: 16px;
}
.delete-palmVein[data-v-cf1be100]{
  position: absolute;
  font-size: 16px;
  color: rgb(129, 126, 126);
  right: 0px;
  top: 0;
  -webkit-transform: translate(50%,-50%);
          transform: translate(50%,-50%);
}
.flex-r-end-start[data-v-cf1be100]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.paim-vein[data-v-cf1be100]{
  width: 90px;
  height: 95px;
  background: #dfdfdf;
  border-radius: 8px;
  padding: 12px 14px;
  position: relative;
}
.paim-vein.success[data-v-cf1be100]{
  background: rgba(5,159,232,1);
}
.paim-vein.success .paim-icon-content[data-v-cf1be100]{
  border: 1px solid #fff;
}
.paim-vein.success .paim-icon-content >i[data-v-cf1be100]{
  font-size: 18px;
  color: rgba(5,159,232,1);
}
.paim-vein.success .paim-text[data-v-cf1be100]{
  color: #fff;
}
/******************************************************************
* @NAME ChenJi
* @CREATEDATE 2020/11/19
* @DESC <user模块公共JS>
* ****************************************************************/
.page-top > .utm-btn[data-v-cf1be100]:first-child {
  vertical-align: sub;
}
.page-top .page-title[data-v-cf1be100]{
  font-size: 18px;
  font-weight: 700;
  margin-left: 32px;
  position: relative;
}
.page-top .page-title[data-v-cf1be100]:before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  left: -16px;
  top: 0;
}
/**************编辑**************/
.module-substance[data-v-cf1be100]{
  padding: 16px;
}
.user-page-content .clearance-line[data-v-cf1be100]{
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #EBEFF2;
}
.user-basic-module[data-v-cf1be100]{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.user-basic-module .basic-info-box[data-v-cf1be100]{
  width: 83%;
  padding:0 16px;
  font-size: 0;
}
.user-basic-module .basic-info-box.basic-info-box2[data-v-cf1be100]{
  width: 100%;
}
.user-basic-module .face-box[data-v-cf1be100]{
  width: 17%;
  min-width: 275px;
}
.user-basic-module .utm-control-group[data-v-cf1be100]{
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding-right: 40px;
  vertical-align: top;
}
.basic-info-box1 .utm-control-group[data-v-cf1be100]{
  max-width: 100%;
}
.module-substance .dividing-line[data-v-cf1be100]{
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}
.user-page-content[data-v-cf1be100]{
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0;
}
.user-page-content .other-info-module[data-v-cf1be100]{
  padding: 16px 0;
}
.other-info-module .add-ac-box[data-v-cf1be100]{
  text-align: right;
  margin-bottom: 16px;
  margin-top: 6px;
}
.other-info-module .utm-tabs[data-v-cf1be100]{
  background-color: transparent;
  position: relative;
  bottom: 1px;
}
.utm-tabs .utm-tab-item[data-v-cf1be100] {
  -webkit-box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
          box-shadow: 0 -9px 10px -10px rgba(223, 223, 223, 0.8) inset;
}
.utm-tabs .utm-tab-item.active[data-v-cf1be100]{
  position: relative;
  border: 1px solid;
  border-color: #DFDFDF #DFDFDF #fff #DFDFDF;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  margin-left: 0;
  -webkit-box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
          box-shadow:-5px -2px 10px -4px rgba(223, 223, 223, 0.8), 5px -5px 10px -4px rgba(223, 223, 223, 0.8);
}
.tab-content[data-v-cf1be100]{
  padding: 8px 16px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
          box-shadow: 0px 0px 6px 1px rgba(223, 223, 223, 0.8);
}
.module-footer-box[data-v-cf1be100]{
  text-align: center;
  margin: 0 0 48px 0;
}
.module-footer-box button[data-v-cf1be100]{
  margin: 0 8px;
}
.utm-control-group.last-group[data-v-cf1be100]{
  margin-bottom: 0;
}
/**************新增**************/
.user-page-content .page-top-step[data-v-cf1be100]{
  text-align: center;
  margin-top: 24px;
}
.page-top-step .step-node[data-v-cf1be100]{
  position: relative;
}
.step-node .step-desc[data-v-cf1be100]{
  position: absolute;
  bottom: -30px;
  left: -38px;
  color: rgb(51,51,51);
  white-space: nowrap;
  display: inline-block;
}
.user-page-content .add-user-module[data-v-cf1be100]{
  margin-top: 24px;
  min-height: 588px;
}
.user-config-info[data-v-cf1be100]{
  padding: 16px 0;
  background-color: #F5FAFB;
  margin: 16px 0;
}
.user-config-info .config-info-box[data-v-cf1be100]{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
}
.user-config-info .config-info-box[data-v-cf1be100]:nth-child(1),
.user-config-info .config-info-box[data-v-cf1be100]:nth-child(2){
  border-right: 1px solid #B4B4B4;
}
.user-config-info .utm-field-item[data-v-cf1be100]{
  display: inline-block;
  width: 100%;
}
.user-config-info .utm-field-item .field-item-content[data-v-cf1be100]{
  min-height: 30px;
  vertical-align: top;
  width: calc(100% - 160px);
}
.permanent-text[data-v-cf1be100]{
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*附件栏/按钮与列表组合栏*/
.utm-controls.attachment-control[data-v-cf1be100]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.attachment-control .utm-btn[data-v-cf1be100]{
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.attachment-control .attachment-list[data-v-cf1be100]{
  width: 100%;
  min-height: 40px;
  max-height: 100px;
  overflow-y: auto;
  background: #f0f5f7;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 8px;
  line-height: 1;
}
.attachment-list .attachment-item[data-v-cf1be100]{
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}
.attachment-item .attachment-text[data-v-cf1be100]{
  text-decoration: underline;
  color: rgba(5,159,232,1);
}
.attachment-list .attachment-item i[data-v-cf1be100]{
  color: rgba(5,159,232,1);
  vertical-align: middle;
}
/*access配置*/
/*目的地列表*/
.destination-list .destination-item[data-v-cf1be100]{
  margin: 4px 0;
}
.destination-item .ac-name[data-v-cf1be100],.destination-item .schedule-name[data-v-cf1be100]{
  display: inline-block;
  max-width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}
.destination-item i[data-v-cf1be100] {
  color: rgba(133, 133, 133, 1);
  vertical-align: middle;
}
.destination-item .schedule-details[data-v-cf1be100]{
  position: relative;
  display: inline-block;
  color: rgba(5,159,232,1);
  cursor: pointer;
  vertical-align: super;
  margin-left: -30px;
}
.destination-item .schedule-details:hover .schedule-panel[data-v-cf1be100]{
  display: block;
}
.schedule-details .schedule-panel[data-v-cf1be100]{
  min-width: 220px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
          box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  position: absolute;
  right: 0;
  top: 16px;
  padding: 8px;
  display: none;
}
.attachment-control .attachment-list.destination-list[data-v-cf1be100]{
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  overflow-y:unset ;
}
.schedule-option .option-title[data-v-cf1be100]{
  color: rgba(57,57,57,1);
  font-weight: 600;
}
.point-array .point-item[data-v-cf1be100]{
  font-size: 14px;
  color: rgba(57,57,57,1);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 8px 8px 0;
}
.destination-item .delete-destination[data-v-cf1be100]{
  float: right;
  font-size: 16px;
}
.tag-lists .ac-option[data-v-cf1be100]{
  display: block;
  padding: 0 16px;
}
.must-fill[data-v-cf1be100]::before {
  content: '*';
  font-size: 12px;
  color: #ed3f14;
  display: inline-block;
  text-align: left;
  width: 8px;
}
/************打印*********/
.utm-control-group.card-group[data-v-cf1be100]{
  position: relative;
}
.utm-control-group .print-btn-box[data-v-cf1be100]{
  position: absolute;
  right: -28px;
  top: 0;
}
.print-btn-box button[data-v-cf1be100]{
  margin-right: 16px;
}
.print-card-box[data-v-cf1be100]{
  width: 250px;
  height: 364px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-card-box .user-info[data-v-cf1be100]{
  height: 310px;
  padding: 16px;
  text-align: center;
}
.print-card-box .bar-code[data-v-cf1be100]{
  height: 54px;
  background: #0C3D8C;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 15px 0;
}
.user-info .content-top[data-v-cf1be100]{
  display: block;
  height: 12px;
  border-radius: 6px;
  width: 80px;
  background: #e9e9e9;
  margin: 0 auto;
}
.user-info .card-logo[data-v-cf1be100]{
  margin: 24px 0;
}
.user-info .basic-info[data-v-cf1be100]{
  width: 100%;
  font-size: 16px;
}
.basic-info .user-img[data-v-cf1be100]{
  max-height: 90px;
}
.basic-info .user-name[data-v-cf1be100]{
  font-size: 18px;
  font-weight: bold;
}
.basic-info .period-time[data-v-cf1be100]{
  color:#DE040A
}
.user-custom-ellipsis[data-v-cf1be100]{
  width: 150px;
  text-align: right;
}
.user-custom-ellipsis_content[data-v-cf1be100]{
  display:block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  word-wrap: break-word;
}
/*打印sticker*/
.print-sticker-box[data-v-cf1be100]{
  width: 510px;
  height: 342px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -5;
  position: absolute;
  top: 0;
}
.print-sticker-box .sticker-info[data-v-cf1be100]{
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
}
.sticker-info .sticker-info-img[data-v-cf1be100]{
  max-height: 190px;
  max-width: 160px;
}
.sticker-info .name-text[data-v-cf1be100]{
  font-size: 40px;
  font-weight: bold;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticker-info .period-date[data-v-cf1be100]{
  font-size: 20px;
  font-weight: bold;
}
.user-data .period-box[data-v-cf1be100]{
  position: relative;
  padding-left: 24px;
}
.period-box .connector[data-v-cf1be100]{
  display: inline-block;
  height: 34px;
  width: 16px;
  border: 2px solid;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 15px;
}
/************打印*********/
/*Ess*/
/*IC卡*/
.utm-controls.ic-control[data-v-cf1be100]{
  position: relative;
  z-index: 6;
}
.ic-control .other-ics[data-v-cf1be100]{
  position: absolute;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  padding: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
}
.utm-linkage.master-ic[data-v-cf1be100]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 48px);
  margin-right: 8px;
  vertical-align: top;
}
/*相同AC*/
.details-module[data-v-cf1be100]{
  border: 1px solid #d2f0ff;
  border-radius: 8px;
}
.details-module .details-module-top[data-v-cf1be100]{
  background-color: #D2F0FF;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}
.utm-mode.new-status[data-v-cf1be100]{
  background-color: #0598E8;
  margin-left: 8px;
}
.details-module .details-module-name[data-v-cf1be100]{
  height: 48px;
  border-bottom: 1px solid #d2f0ff;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  overflow-y: hidden;
}
.details-module-name .user-name[data-v-cf1be100]{
  font-weight: bold;
  display: inline-block;
  max-width: 449px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.details-module-name .ic-no[data-v-cf1be100]{
  vertical-align: top;
}
.details-module .details-module-content[data-v-cf1be100]{
  padding: 8px 16px;
}
.details-module-content .img-col[data-v-cf1be100]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.details-module-content .user-face-img[data-v-cf1be100]{
  width: 92px;
  height: 120px;
  border-radius: 4px;
}
.utm-modal-form-padding .desc-text[data-v-cf1be100]{
  margin: 16px 0 8px;
}
.same-user-module .details-module-top[data-v-cf1be100]{
  background-color: #EEEEEE;
}
.details-module.same-user-module[data-v-cf1be100],
.details-module .details-module-name[data-v-cf1be100]{
  border-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.details-module-name .ivu-icon-ios-arrow-up[data-v-cf1be100]{
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.details-module-name .ivu-icon-ios-arrow-up.rotate[data-v-cf1be100]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.details-module-name button[data-v-cf1be100]{
  position: absolute;
  right: 48px;
  top: 3px;
}
.utm-linkage.repeat-link[data-v-cf1be100]{
  border-color: #F2B253;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 0 8px rgba(242, 178, 83, 0.24);
}
.ic-control .user-prompt[data-v-cf1be100]{
  display: inline-block;
  font-size: 16px;
  color: #F2B253;
  position: absolute;
  top: 8px;
  left: 100%;
  white-space: nowrap;
  margin: 0 8px;
}
.user-prompt .utm-icon-hide[data-v-cf1be100]{
  color: #059FE8;
  font-size: 16px;
}
.repeat-user i[data-v-cf1be100]{
  color: #F2B253;
  font-size: 16px;
}
/*更多tag*/
.config-info-box .more-tag[data-v-cf1be100]{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
}
.more-tag .other-tags[data-v-cf1be100]{
  position: absolute;
  padding: 12px 8px 8px 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
          box-shadow: 0 1px 6px rgba(0,0,0,.2);
  display: none;
  top: 24px;
  left: 0;
  width: 250px;
  z-index: 1;
}
.config-info-box .more-tag:hover .other-tags[data-v-cf1be100]{
  display: inline-block;
}
.field-item-content.view-tags[data-v-cf1be100]{
  white-space: normal;
  word-break: break-all;
  overflow: unset;
}
.page-top .operate-btn-box[data-v-cf1be100]{
  display: inline-block;
  position: absolute;
  right: 16px;
}
.operate-btn-box button[data-v-cf1be100]{
  vertical-align: top;
  margin-left: 16px;
}
.operate-btn-box .separated-btn[data-v-cf1be100]{
  position: relative;
  margin-right: 16px;
}
.operate-btn-box .separated-btn[data-v-cf1be100]:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #b4b4b4;
  position: absolute;
  right: -18px;
}
/****************************************************/
.same-ic-modal .utm-modal-wrap .utm-modal-box[data-v-cf1be100]{
  top: 30px;
  width: 900px;
}
.same-ic-modal .same-ic-content[data-v-cf1be100]{
  max-height: 390px;
  overflow-y: auto;
}
.same-ic-modal .utm-mode[data-v-cf1be100]{
  vertical-align: middle;
}
.same-ic-modal .utm-field-item .field-item-name[data-v-cf1be100]{
  text-align: left;
}
.basic-info-box .content-area[data-v-cf1be100]{
  display: block;
  background-color: #EFF6F9;
  padding: 16px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 16px;
  color: #059FE8;
}
.content-area .attachment-name[data-v-cf1be100]{
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  cursor: pointer;
}
.content-area i[data-v-cf1be100]{
  color: #059FE8;
  font-size: 16px;
}
.utm-controls .card-control[data-v-cf1be100]{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-control button[data-v-cf1be100]{
  z-index: 1;
}
.card-status-tooltip[data-v-cf1be100]{
  margin: 0 4px;
}
.utm-blue-line-btn.enable-card-btn[data-v-cf1be100]{
  border-color: #16AE4D;
}
.enable-card-btn .utm-font[data-v-cf1be100]{
  color: #16AE4D;
}
.utm-blue-line-btn.disable-card-btn[data-v-cf1be100]{
  border-color: #C61C1C;
}
.disable-card-btn .utm-font[data-v-cf1be100]{
  color: #C61C1C;
}
.other-info-module .user-ac-name[data-v-cf1be100]{
  color: #059FE8;
  cursor: pointer;
}
/***********temp access**********/
.add-access-box[data-v-cf1be100] {
  height: 72px;
  background: #eff6f9;
  border: 1px solid #dfdfdf;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.utm-controls .add-schedule-box[data-v-cf1be100] {
  color: rgba(5, 159, 232, 1);
  cursor: pointer;
  font-weight: bold;
  line-height: 40px;
}
.utm-controls .add-schedule-box i[data-v-cf1be100] {
  color: rgba(5, 159, 232, 1);
  font-size: 16px;
}
.utm-controls .access-code-item[data-v-cf1be100] {
  margin-bottom: 16px;
  position: relative;
}
.utm-controls .access-code-item[data-v-cf1be100]:last-child{
  margin-bottom: 0;
}
.access-code-item .delete-schedule[data-v-cf1be100] {
  position: absolute;
  color: #8C8C8C;
  right: -7px;
  top: -11px;
  font-size: 16px;
}
.open-more-point[data-v-cf1be100] {
  margin-left: 15px;
  cursor: pointer;
}
.shrink-module-icon.shrink-content[data-v-cf1be100] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.utm-controls.schedule-zone[data-v-cf1be100]{
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 8px 0;
}
/***********temp access**********/
.user-config-info .utm-field-item .field-item-name[data-v-cf1be100]{
  text-align: left;
}
.check-substance-box .selected-list .selected-item .utm-deep-gray-cl[data-v-cf1be100]{
  font-size: 16px;
}
/*卡提示*/
.card-control .utm-icon-hide[data-v-cf1be100]{
  color: #059FE8;
  font-size: 16px;
}
.card-control .card-tip-panel[data-v-cf1be100]{
  font-size: 14px;
}
.card-tip-panel .tip-title[data-v-cf1be100]{
  font-weight: bold;
}
.card-tip-panel .tip-content[data-v-cf1be100]{
  color: #8C8C8C;
  margin-top: 8px;
}
.user-card-tooltip[data-v-cf1be100]{
  margin: 0 4px;
}
/*状态过渡动画*/
.slide-fade-enter-active[data-v-cf1be100]{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide-fade-enter[data-v-cf1be100], .slide-fade-leave-to[data-v-cf1be100]{
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.utm-controls .ic-text[data-v-cf1be100]{
  color: #999;
}
.utm-linkage.ic-linkage[data-v-cf1be100]{
  margin: 8px 0;
}
.utm-controls .access-rule-tips[data-v-cf1be100]{
  background: #eff6f9;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
}
.access-rule-tips .config-href[data-v-cf1be100]{
  color: #059FE8;
  cursor: pointer;
}
.check-substance-box .more-text[data-v-cf1be100]{
  color: #0598e8;
  cursor: pointer;
}
/*无区域显示*/
.options-box .no-access-zone[data-v-cf1be100]{
  text-align: center;
  color: #999;
  position: relative;
  height: 130px;
  line-height: 1;
}
.no-access-zone i[data-v-cf1be100]{
  color: #7ac9f1;
  font-size: 100px;
}
.no-access-zone .txt-desc[data-v-cf1be100]{
  margin-top: -12px;
}
.utm-item.more-item-text[data-v-cf1be100]{
  color: #0598e8;
  cursor: pointer;
}
.access-code-item .check-substance-box .substance-left .options-box[data-v-cf1be100]{
  height: unset;
}
.utm-line-tabs.ac-class-tab[data-v-cf1be100]{
  border-bottom: 0;
  float: left;
}
.utm-line-tabs.ac-class-tab .utm-line-tab-item[data-v-cf1be100]{
  padding: 0 30px;
}
.reallocate-card-icon[data-v-cf1be100]{
  font-size: 18px;
}
.add-new-btn[data-v-cf1be100]{
  display: inline-block;
  margin-top: 16px;
  cursor: pointer;
}
.add-new-btn i[data-v-cf1be100]{
  display: inline-block;
  vertical-align: middle;
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
.delete-item[data-v-cf1be100]{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #858585;
  display: inline-block;
  text-align: center;
}
.delete-item i[data-v-cf1be100] {
  font-size: 14px;
}
/* AC分类 */
.tab-content .solid-tabs[data-v-cf1be100]{
  display: inline-block;
  font-size: 0;
  margin-bottom: 16px;
}
.solid-tabs .solid-tab-item[data-v-cf1be100]{
  background: #f5f7fa;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 24px;
  font-size: 18px;
  cursor: pointer;
}
.solid-tabs .solid-tab-item.active[data-v-cf1be100]{
  background: var(--main-color);
  color: #fff;
}
.user-date-group .utm-date-picker[data-v-cf1be100]{
  max-width: 220px;
}
/* dcs相关 */
.dcs-item-box[data-v-cf1be100]{
  margin-top: 16px;
  position: relative;
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  background-color: rgba(0,94,184,0.05);
  padding: 16px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.dcsItem-div[data-v-cf1be100]{
  width: 100%;
  background-color: #EDF0F3;
  color: #8C8C8C;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
  margin-top: 8px;
}
.dcsItem-right[data-v-cf1be100]{
  width: 49%;
  margin-left: 1%;
  margin-top: 16px;
}
.dcsItem-left[data-v-cf1be100]{
  width: 49%;
  margin-right: 1%;
  margin-top: 16px;
}
.dcsItem-all[data-v-cf1be100]{
  width: 100%;
  margin-top: 16px;
}
.dcsItem-title[data-v-cf1be100]{
  font-weight: bold;
}
.dcsItem-div1[data-v-cf1be100]{
  width: 100%;
  color: #8C8C8C;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dcsItem-operation[data-v-cf1be100]{
  position: absolute;
  top:0;
  right: 0;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1px 10px;
}
.verticalLine[data-v-cf1be100]{
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  margin: 0 5px;
}
/*更多*/
.more-tag[data-v-cf1be100] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #059FE8;
  cursor: pointer;
  vertical-align: middle;
}
.azFrom[data-v-cf1be100]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.azText[data-v-cf1be100]{
  width: 4%;
  text-align: center;
  font-weight: bold;
  color: black;
  line-height: 43px;
}
.azTo[data-v-cf1be100]{
  width: 48%;
  background-color: #EDF0F3;
  border:1px solid #DFDFDF;
  border-radius: 4px;
  padding: 10px 16px;
}
.desc-span[data-v-cf1be100]{
  color: #b4b4b4;
}
.attachment-add-box[data-v-cf1be100]{
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color);
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
  width: 125px;
}
.attachment-add-box i[data-v-cf1be100]{
  font-size: 14px;
  color: var(--main-color);
  margin-right: 8px;
}
/* 设置用户在不同节点的Office 显示 */
.location-office-setting[data-v-cf1be100]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 0;
  margin-top: 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
}
.location-office-setting .utm-control-group[data-v-cf1be100]{
  width: 50%;
  margin-left: 16px;
  margin-bottom: 0;
}
.location-office-setting .utm-control-group .utm-control-label[data-v-cf1be100]{
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  float: none;
}
.location-office-setting .utm-control-group .utm-controls[data-v-cf1be100]{
  margin-left: 0;
}

#visitor-list[data-v-0f37d9a5]{
  height: 100%;
  width: 100%;
}
#visitor-list .module-title[data-v-0f37d9a5]{
  font-size: 20px;
  display: block;
  font-weight: bold;
  padding: 8px 16px 0 16px ;
  position: relative;
}
.right-module .utm-font[data-v-0f37d9a5]{
  color: rgba(5,159,232,1);
  font-size: 24px;
  font-weight: 400;
  margin-left: 8px;
}
.utm-list-page-box.frame-box[data-v-0f37d9a5]{
  margin-left: -16px;
}
.architecture-modal .utm-control-label[data-v-0f37d9a5]{
  width: 150px;
}
#visitor-list .check-substance-box .options-box .options-item[data-v-0f37d9a5]{
  height: 28px;
}
/*************************列表AC**********************/
.table-validity[data-v-0f37d9a5]{
  white-space: normal;
  word-break: break-word;
}
.utm-table .user-table-option[data-v-0f37d9a5] {
  white-space: nowrap;
  margin: 0 6px;
}
.user-more-option .more-txt[data-v-0f37d9a5] {
  color: #05B8E8;
  cursor: pointer;
}
.user-table-option .option-title[data-v-0f37d9a5] {
  display: inline-block;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-options .user-loading-box[data-v-0f37d9a5],
.ac-options .ac-loading-box[data-v-0f37d9a5]{
  text-align: center;
  padding: 32px;
  color: var(--main-color)
}
.user-loading-box .loading-icon[data-v-0f37d9a5],
.ac-loading-box .loading-icon[data-v-0f37d9a5] {
  -webkit-animation: ani-demo-spin-data-v-0f37d9a5 1s linear infinite;
          animation: ani-demo-spin-data-v-0f37d9a5 1s linear infinite;
}
.utm-table .user-more-option[data-v-0f37d9a5] {
  display: inline-block;
  vertical-align: top;
}
.ac-option-box[data-v-0f37d9a5] {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-more-option .other-option-box[data-v-0f37d9a5]{
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  position: fixed;
  border-radius: 4px;
  display: none;
  background-color: #fff;
  z-index: 9;
  white-space: normal;
}
.other-option-box[data-v-0f37d9a5] {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-date-group .utm-date-picker[data-v-0f37d9a5]{
  max-width: 220px;
}
.permanent-text[data-v-0f37d9a5] {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  margin-left: 16px;
}
/*************************列表AC**********************/
/************************批量设置****************/
.check-substance-box.multiple-factor-substance .search-section .search-item[data-v-0f37d9a5] {
  margin: 4px;
}
.check-substance-box .substance-right .utm-deep-gray-cl[data-v-0f37d9a5] {
  font-size: 16px;
}
.utm-select.utm-multiple-select.search-item.ivu-select-multiple .ivu-select-selection[data-v-0f37d9a5] {
  height: 42px;
}
/*部门-用户树形*/
.department-option .expand-icon[data-v-0f37d9a5] {
  vertical-align: text-top;
  -webkit-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
  cursor: pointer;
}
.department-option .expand-icon.rotate[data-v-0f37d9a5] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.department-option .user-list-panel[data-v-0f37d9a5] {
  padding-left: 32px;
  display: none;
}
.loading-box[data-v-0f37d9a5]{
  text-align: center;
  padding: 16px;
  color: #0598e8;
}
.loading-box .loading-icon[data-v-0f37d9a5] {
  -webkit-animation: ani-demo-spin-data-v-0f37d9a5 1s linear infinite;
          animation: ani-demo-spin-data-v-0f37d9a5 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin-data-v-0f37d9a5 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ani-demo-spin-data-v-0f37d9a5 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.check-substance-box .more-users[data-v-0f37d9a5]{
  color: #0598e8;
  cursor: pointer;
}
.utm-controls .ic-text[data-v-0f37d9a5]{
  color: #999;
}
/*批量选中更多操作*/
.utm-btn.more-btn[data-v-0f37d9a5]{
  opacity: 1;
}
.utm-btn.more-btn:hover .btn-panel[data-v-0f37d9a5]{
  display: block;
}
.more-btn i[data-v-0f37d9a5]{
  margin-left: 4px;
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}
.utm-btn.more-btn:hover i[data-v-0f37d9a5]{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-btn .btn-panel[data-v-0f37d9a5]{
  background: #feffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
          box-shadow: 0 5px 10px 0 rgba(0,0,0,0.10);
  position: absolute;
  bottom: 38px;
  left: 0;
  display: none;
  padding: 4px 0;
}
.more-btn .btn-panel li[data-v-0f37d9a5]{
  white-space: nowrap;
  padding: 8px 16px;
  text-align: left;
  color: rgba(0,0,0,0.9);
}
.more-btn .btn-panel li[data-v-0f37d9a5]:hover{
  background-color: rgba(5,159,232,0.1);
}
.print-card-panel li[data-v-0f37d9a5]{
  cursor: pointer;
  font-size: 16px;
  padding: 4px 8px;
}
.print-card-panel li[data-v-0f37d9a5]:hover{
  background-color: #effaff;
}
.check-substance-box .substance-left .options-box.ac-options[data-v-0f37d9a5]{
  height: calc( 100% - 100px );
}
.utm-main-click[data-v-0f37d9a5]{
  color: var(--main-color);
  cursor: pointer;
}

/*# sourceMappingURL=app.228ba2dcdf4a4b29ed467a7098f311de.css.map*/