/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
body {
  font-family: "Microsoft YaHei UI", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; }

.common-title {
  font-size: 20px;
  border-bottom: 1px solid #747474; }

.upload-file-list {
  border: 1px solid #767676;
  padding: 7px;
  margin-left: 0; }
  .upload-file-list h3 {
    cursor: pointer; }

.webuploader-pick {
  background: #fff;
  color: #767676;
  padding: 0;
  position: inherit; }

.fileList {
  list-style: none; }
  .fileList li {
    display: inline-block;
    width: 50%;
    float: left;
    font-size: 14px; }
    .fileList li span {
      min-width: 50%;
      display: inline-block; }

.info-table tr {
  line-height: 25px; }
   /* 总的样式 */
.info-table .info-table-key {
  text-align: right;
  min-width: 150px; }
  
  /* 扩展信息的样式 */
 .info-tabled .info-table-keyd {
 text-align: right;
 min-width: 130px; }
   /* 停车场信息的样式 */
 .info-tabledd .info-table-keydd {
 text-align: right;
 min-width: 128px;
 line-height:25px }
 
  .info-tabledd1 .info-table-keydd1 {
  text-align: right;
  line-height:25px
}
  
.info-table .info-table-value {
  text-align: left; }
.info-table .info-table-text {
  display: inline-block;
  margin: 0;
  padding: 0; }

.action-wrap {
  text-align: center; }
  .action-wrap .btn {
    margin-right: 10px; }
    .action-wrap .btn:last-child {
      margin-right: 0; }

.action-wrap {
  text-align: center;
  margin-top: 15px;
  border-top: 1px solid #e2e2e2;
  padding-top: 15px; }

.hide-panel {
  display: none; }
  .hide-panel.active {
    display: block; }

.swiper-slide {
  position: relative; }
  .swiper-slide .pass {
    position: absolute;
    bottom: 6px;
    right: 36px; }
  .swiper-slide .nopass {
    position: absolute;
    bottom: 6px;
    right: 6px; }

.content {
  position: relative; }

.inline label {
  display: inline-block; }

.search-box {
  position: absolute;
  z-index: 9;
  left: 20px;
  top: 20px; }
  .search-box .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 10px;
    color: #b7bcc8;
    border: 0;
    line-height: 0; }

.monitor-action {
  position: absolute;
  right: 20px;
  top: 20px; }

.action-item {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
  position: absolute;
  right: 0px;
  top: 0px; }

.action-list {
  position: absolute;
  list-style: none; }

.monitor-menu-wrap {
  background: #fff;
  border-radius: 3px;
  padding: 2px;
  height: 32px;
  position: relative;
  transition: all .4s linear;
  transform: translateX(98px);
  visibility: hidden;
  /* &:before{
  	display: block;
  	border-width: 8px 5px;
  	border-style: dashed dashed dashed solid;
  	content: '';
  	position: absolute;
  	right: -10px;
  	top:10px;
  	border-color: transparent transparent transparent #fff;
  } */ }
  .monitor-menu-wrap.active {
    visibility: visible;
    transform: translateX(0); }
  .monitor-menu-wrap .monitor-menu-inner {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(to right, #0079b9, #0086c1);
    background-image: linear-gradient(to right, #0079b9, #0086c1); }
  .monitor-menu-wrap .monitor-menu-item {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
    float: left;
    background-image: -webkit-linear-gradient(to right, #0079b9, #0086c1);
    background-image: linear-gradient(to right, #0079b9, #0086c1); }
    .monitor-menu-wrap .monitor-menu-item i {
      display: -webkit-box; }

.action-item {
  width: 32px;
  height: 32px;
  background: #fff;
  padding: 2px;
  box-size: border-box;
  border-radius: 3px; }
  .action-item .action-item-inner {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(to right, #0079b9, #0086c1);
    background-image: linear-gradient(to right, #0079b9, #0086c1);
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center; }
    .action-item .action-item-inner i {
      display: -webkit-box; }

.action-list-item {
  color: #fff; }

.u-icon-menu {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -357px -58px;
  width: 32px;
  height: 32px; }

.u-icon-chart {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -112px -98px;
  width: 32px;
  height: 32px; }

.u-icon-one {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -80px -98px;
  width: 32px;
  height: 32px; }

.u-icon-two {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -144px -98px;
  width: 32px;
  height: 32px; }

.u-icon-four {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -229px -58px;
  width: 32px;
  height: 32px; }
  
.u-icon-nine {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -47px -98px;
  width: 32px;
  height: 32px; }
  
.u-icon-sixteen  {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -175px -98px;
  width: 32px;
  height: 32px; }
  
.u-icon-six {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -209px -98px;
  width: 32px;
  height: 32px; }
  
.u-icon-eight {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -245px -98px;
  width: 32px;
  height: 32px; }
  
.u-icon-eleven {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -277px -98px;
  width: 32px;
  height: 32px; }

.u-icon-close {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -293px -58px;
  width: 32px;
  height: 32px; }

.u-icon-list {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -325px -58px;
  width: 32px;
  height: 32px; }

.u-icon-fullscreen {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -261px -58px;
  width: 32px;
  height: 32px; }

.u-icon-full {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: -192px -58px;
  width: 37px;
  height: 37px; }

.u-icon-search {
  display: inline-block;
  cursor: pointer;
  background-image: url(../../resources/images/sprite.png);
  background-position: 0px -98px;
  width: 48px;
  height: 46px; }

.search-wrap {
  position: absolute;
  left: 20px;
  bottom: 20px; }

.fullscreen-wrap {
  position: absolute;
  right: 8px;
  bottom: 3px; }

.map-info-title {
  font-size: 16px; }

.chart-body {
  background: #f4f4f4;
  color: #fff; }
  .chart-body thead tr th {
    color: #fff;
    background-image: -webkit-linear-gradient(to bottom, #9fa0a0, #000);
    background-image: linear-gradient(to bottom, #004EFF, #002B84); }
  .chart-body tbody tr td {
    background: #f4f4f4;
    color: #000000; }
  .chart-body tbody tr:nth-child(odd) td {
    background: #f4f4f4; }
  .chart-body tbody tr:hover td {
    background: #ffffff; }

.search-container {
  position: absolute;
  background: #fff;
  padding: 10px;
  bottom: 60px;
  -webkit-box-shadow: 2px 2px 5px #666;
  box-shadow: 2px 2px 5px #666;
  border: 1px solid #ccc;
  display: none; }
  .search-container.active {
    display: block; }

.btn-search {
  width: 100%; }
.ace-file-input {
    position: relative;
    
    line-height: 28px;
    margin-bottom: 9px
}
.ace-file-input .ace-file-container:before{
	z-index:9;
}