body {
  font-size: 14px;
}

* {
  font-family: "segoe UI","PingFang SC","Microsoft Yahei","arial","Helvetica","sans-serif";
}

.icon-disabled:before {
  opacity: 0.3;
}

.icon-oneSplitScreen:before {
  content: "\e900";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-twoSplitScreen:before {
  content: "\e901";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-fourSplitScreen:before {
  content: "\e902";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-selfAdaption:before {
  content: "\e903";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-overspread:before {
  content: "\e904";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-fullScreen:before {
  content: "\e905";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-stream1:before {
  content: "\e906";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-stream2:before {
  content: "\e907";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-stream3:before {
  content: "\e908";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-videoPlay:before {
  content: "\e909";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-suspend:before {
  content: "\e90a";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-suspend1:before {
  content: "\e90a";
  font-size: 24px;
}
.icon-videoStop:before {
  content: "\e90b";
  font-size: 18px;
  color: var(--ipc-gary1);
}
.icon-audioOpen:before {
  content: "\e90c";
  font-size: 22px;
  color: var(--ipc-gary1);
}
.icon-audioClose:before {
  content: "\e90d";
  font-size: 22px;
  color: var(--ipc-gary1);
}
.icon-mkOpen:before {
  content: "\e90e";
  font-size: 20px;
  color: var(--ipc-gary1);
}
.icon-mkClose:before {
  content: "\e90f";
  font-size: 22px;
  color: var(--ipc-gary1);
}
.icon-screenshot:before {
  content: "\e910";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-videoRecordClose:before {
  content: "\e911";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-videoRecordOpen:before {
  content: "\e911";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-back:before {
  content: "\e912";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-skip:before {
  content: "\e913";
  font-size: 14px;
  color: var(--ipc-gary2);
}
.icon-live-stop:before {
  content: "\e914";
  font-size: 15px;
  color: var(--ipc-gary12);
}
.icon-live-open:before {
  content: "\e914";
  font-size: 15px;
  color: var(--ipc-success5-normal);
}
.icon-20:before {
  content: "\e915";
}
.icon-add:before {
  content: "\e916";
  font-size: 12px;
  color: var(--ipc-gary12);
}
.icon-reduce:before {
  content: "\e917";
  font-size: 14px;
  color: var(--ipc-gary12);
}
.icon-check_ok:before {
  content: "\e918";
  color: #ffffff;
}
.icon-chevron-down-1:before {
  content: "\e919";
}
.icon-chevron-down-2:before {
  content: "\e91a";
}
.icon-close:before {
  content: "\e91b";
}
.icon-copy:before {
  content: "\e91c";
}
.icon-Jump:before {
  content: "\e91d";
}
.icon-storage:before {
  content: "\e91e";
  font-size: 24px;
  color: var(--ipc-main6-click);
}
.icon-delete-4:before {
  content: "\e91f";
}
.icon-direction_45:before {
  content: "\e920";
}
.icon-leftTop:before {
  content: "\e920";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-centerTop:before {
  content: "\e921";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-rightTop:before {
  content: "\e920";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-rightTop{
  transform: rotate(90deg);
}
.icon-leftCenter:before {
  content: "\e921";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-leftCenter{
  transform: rotate(-90deg);
}
.icon-rightCenter:before {
  content: "\e921";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-rightCenter{
  transform: rotate(90deg);
}
.icon-leftBottom:before {
  content: "\e920";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-leftBottom{
  transform: rotate(-90deg);
}
.icon-centerBottom:before {
  content: "\e921";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-centerBottom{
  transform: rotate(180deg);
}
.icon-rightBottom:before {
  content: "\e920";
  font-size: 26px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-rightBottom{
  transform: rotate(-180deg);
}
.icon-xia:before {
  content: "\e922";
  font-size: 16px;
}
.icon-editFile:before {
  font-size: 14px;
  content: "\e923";
}
.icon-editInf:before {
  font-size: 14px;
  color: var(--ipc-gary-white);
  content: "\e924";
}
.icon-file:before {
  content: "\e925";
}
.icon-increase:before {
  content: "\e926";
  font-size: 24px;
}
.icon-decrease:before {
  content: "\e927";
  font-size: 24px;
}
.icon-help:before {
  font-size: 16px;
  content: "\e928";
}
.icon-brightness:before {
  content: "\e929";
  font-size: 16px;
  color: var(--ipc-font-gy3-placeholder);
}
.icon-saturation:before {
  content: "\e92a";
  font-size: 16px;
  color: var(--ipc-font-gy3-placeholder);
}
.icon-contrast:before {
  content: "\e92b";
  font-size: 16px;
  color: var(--ipc-font-gy3-placeholder);
}
.icon-sharpness:before {
  content: "\e92c";
  font-size: 16px;
  color: var(--ipc-font-gy3-placeholder);
}
.icon-info:before {
  content: "\e92d";
}
.icon-irisAdd:before {
  content: "\e92e";
  font-size: 24px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-irisReduce:before {
  content: "\e92f";
  font-size: 24px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-menu_live-video:before {
  content: "\e930";
}
.icon-menu_playback:before {
  content: "\e931";
}
.old-hidden:before {
  content: "\e900";
}
.icon-menu_set:before {
  content: "\e932";
}
.icon-nav_alarm:before {
  content: "\e933";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-nav_download-2:before {
  content: "\e934";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-nav_download-3:before {
  content: "\e935";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-nav_download-4:before {
  content: "\e936";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-nav_download-5:before {
  content: "\e937";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-nav_download:before {
  content: "\e938";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-nav_plugin:before {
  content: "\e939";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-nav_ure:before {
  content: "\e93a";
  font-size: 18px;
  color: var(--ipc-gary4);
}
.icon-ok:before {
  content: "\e93b";
}
.icon-page_end:before {
  content: "\e93c";
}
.icon-page_next:before {
  content: "\e93d";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-page_right:before {
  content: "\e93d";
}
.icon-page_pre:before {
  content: "\e93e";
  font-size: 24px;
  color: var(--ipc-gary4);
}
.icon-page_left:before {
  content: "\e93e";
}
.icon-page_start:before {
  content: "\e93f";
}
.icon-play-border:before {
  content: "\e940";
  color: var(--ipc-font-gy1-primary);
  font-size: 18px;
}
.icon-play-2:before {
  content: "\e941";
}
.icon-warn:before {
  font-size: 18px;
  content: "\e942";
  color: var(--ipc-warning5-normal);

}
.icon-Shapex:before {
  font-size: 18px;
  content: "\e943";
  color: var(--ipc-main5-normal);
}
.icon-Success:before {
  font-size: 18px;
  content: "\e944";
  color: var(--ipc-success5-normal);
}
.icon-error:before {
  font-size: 18px;
  content: "\e945";
  color: var(--ipc-error5-normal);
}
.icon-3D:before {
  color: var(--ipc-font-gy2-secondary);
  font-size: 24px;
  content: "\e946";
}
.icon-ptz_add:before {
  color: var(--ipc-font-gy2-secondary);
  content: "\e947";
  font-size: 18px;
}
.icon-autoFocus:before {
  color: var(--ipc-font-gy2-secondary);
  font-size: 20px;
  content: "\e948";
}
.icon-fresh:before {
  color: var(--ipc-font-gy2-secondary);
  font-size: 24px;
  content: "\e949";
}
.icon-windshieldWiper:before {
  color: var(--ipc-font-gy2-secondary);
  font-size: 22px;
  content: "\e94a";
}
.icon-defrost:before {
  font-size: 22px;
  color: var(--ipc-font-gy2-secondary);
  content: "\e94b";
}
.icon-lampBulb:before {
  font-size: 22px;
  color: var(--ipc-font-gy2-secondary);
  content: "\e94c";
}
.icon-mist:before {
  font-size: 22px;
  color: var(--ipc-font-gy2-secondary);
  content: "\e94d";
}
.icon-north:before {
  font-size: 22px;
  color: var(--ipc-font-gy2-secondary);
  content: "\e94e";
}
.icon-ptz_reduce:before {
  content: "\e94f";
  font-size: 18px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-quit:before {
  font-size: 14px;
  color: var(--ipc-gary-white);
  content: "\e950";
}
.icon-sound:before {
  content: "\e951";
}
.icon-sound_on1:before {
  content: "\e952";
}
.icon-sound_on2:before {
  content: "\e953";
}
.icon-sound_on3:before {
  content: "\e954";
}
.icon-upload:before {
  content: "\e955";
  font-size: 14px;
}
.icon-zoomout:before {
  content: "\e956";
  font-size: 24px;
}
.icon-zoomin:before {
  content: "\e957";
  font-size: 24px;
}
.icon-inf-open:before {
  font-size: 18px;
  content: "\e958";
}
.icon-inf-close:before {
  font-size: 18px;
  content: "\e959";
}
.icon-download-file:before {
  content: "\e95a";
  font-size: 12px;
  opacity: 0.8;
}
.icon-right:before {
  content: "\e95b";
  font-size: 16px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-left:before {
  content: "\e95c";
  font-size: 16px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-right-1-1:before {
  content: "\e95d";
}
.icon-left-1-1:before {
  content: "\e95e";
  font-size: 16px;
}
.icon-Draw:before {
  content: "\e95f";
}
.icon-home:before {
  content: "\e960";
  font-size: 22px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-goTo:before {
  content: "\e961";
}
.icon-up:before {
  content: "\e962";
}
.icon-down:before {
  content: "\e963";
}
.icon-show-ai:before {
  content: "\e964";
}
.icon-car:before {
  content: "\e965";
  font-size: 20px;
  color: var(--ipc-main5-normal);
}
.icon-car-small:before {
  content: "\e966";
  color: #ffffff;
  font-size: 20px;
}
.icon-face:before {
  content: "\e967";
  font-size: 20px;
  color: var(--ipc-main5-normal);
}
.icon-face-small:before {
  content: "\e968";
  color: #ffffff;
  font-size: 20px;
}
.icon-plate:before {
  content: "\e986";
  font-size: 20px;
  color: var(--ipc-main5-normal);
}
.icon-plate-small:before {
  content: "\e985";
  color: #ffffff;
  font-size: 20px;
}
.icon-Live_back:before {
  content: "\e969";
}
.icon-Live_large:before {
  content: "\e96a";
}
.icon-muti:before {
  content: "\e96b";
  font-size: 20px;
  color: var(--ipc-main5-normal);
}
.icon-muti-small:before {
  content: "\e96c";
  color: #ffffff;
  font-size: 20px;
}
.icon-AI-off:before {
  content: "\e96d";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-AI-on:before {
  content: "\e96e";
  font-size: 24px;
  color: var(--ipc-main5-normal);
}
.icon-rect-close:before {
  content: "\e972";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-rect-open:before {
  content: "\e973";
  font-size: 24px;
  color: var(--ipc-main5-normal);
}
.icon-plugin-close:before {
  content: "\e974";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-plugin-open:before {
  content: "\e975";
  font-size: 24px;
  color: var(--ipc-main5-normal);
}
.icon-tun-right:before{
  content: "\e976";
  font-size: 24px;
  color: var(--ipc-gary12);
}
.icon-tun-left:before{
  content: "\e977";
  font-size: 24px;
  color: var(--ipc-gary12);
}
.icon-tun-down:before{
  content: "\e978";
  font-size: 24px;
  color: var(--ipc-gary12);
}
.icon-tun-up:before{
  content: "\e979";
  font-size: 24px;
  color: var(--ipc-gary12);
}
.icon-nav_help:before {
  content: "\e97a";
  font-size: 22px;
  color: var(--ipc-gary4);
}
.icon-loading:before {
  content: "\e97b";
  font-size: 18px;
  color: var(--ipc-main5-normal);
}

/*  laydate start  */
.laydate-next-m:before {
  content: "\e93d";
  font-size: 22px;
  color: var(--ipc-gary9);
}
.laydate-prev-m:before {
  content: "\e93e";
  font-size: 22px;
  color: var(--ipc-gary9);
}
.laydate-next-y:before {
  content: "\e93d";
  font-size: 22px;
  color: var(--ipc-gary9);
}
.laydate-prev-y:before {
  content: "\e93e";
  font-size: 22px;
  color: var(--ipc-gary9);
}
.icon-alarm_sound:before {
  content: "\e96f";
  font-size: 24px;
  color: var(--ipc-gary-white);
}
.icon-alarm_light:before {
  content: "\e970";
  font-size: 24px;
  color: var(--ipc-gary-white);
}
.icon-alarm_io:before {
  content: "\e971";
  font-size: 24px;
  color: var(--ipc-gary-white);
}
.icon-red-blue:before {
  content: "\e97c";
  font-size: 24px;
  color: var(--ipc-gary-white);
}
.icon-white-light:before {
  content: "\e97d";
  font-size: 24px;
  color: var(--ipc-gary-white);
}
.icon-alarm_sound:before {
  content: "\e97e";
}
.icon-locate:before {
  content: "\e97f";
  font-size: 16px;
  color: var(--ipc-gary-white);
}
.icon-locate1:before {
  content: "\e97f";
  font-size: 16px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-stream4:before {
  content: "\e980";
  font-size: 24px;
  color: var(--ipc-gary1);
}
.icon-DetailEnhancement:before {
  content: "\e981";
  font-size: 16px;
  color: var(--ipc-font-gy3-placeholder);
}
.icon-magnifier:before {
  content: "\e982";
  color: var(--ipc-font-gy2-secondary);
  font-size: 14px;
}

.icon-thermal:before {
  content: "\e983";
  font-size: 20px;
}

.icon-back-home:before {
  content: "\e984";
  font-size: 20px;
}

.icon-mount-ceiling:before {
  content: "\e987";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-mount-desktop:before {
  content: "\e988";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-mount-wall:before {
  content: "\e989";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-fish-nor:before {
  content: "\e98a";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-fish4-nor:before {
  content: "\e98b";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-fish3-nor:before {
  content: "\e98c";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-fish8-nor:before {
  content: "\e98d";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-fish-180-nor:before {
  content: "\e98e";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-fish-360-nor:before {
  content: "\e98f";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-uniE990:before {
  content: "\e990";
  font-size: 20px;
  color: var(--ipc-main5-normal);
}
.ptz_autoscan:before {
  content: "\e98f";
  font-size: 20px;
  color: var(--ipc-font-gy2-secondary);
}
.icon-menu_snap:before {
  content: "\e991";
}
.icon-menu_face:before {
  content: "\e992";
}
.icon-list_2:before {
  content: "\e993";
}
.icon-list_1:before {
  content: "\e994";
}
.icon-human-small:before {
  content: "\e995";
  color: #ffffff;
  font-size: 20px;
}
.icon-human:before {
  content: "\e996";
  font-size: 20px;
  color: var(--ipc-main5-normal);
}
.icon-package-small:before {
  color: #ffffff;
  font-size: 20px;
  content: "\e997";
}
.icon-package:before {
  content: "\e998";
  font-size: 20px;
  color: var(--ipc-main5-normal);
}
.icon-gama:before {
  content: "\e999";
  font-size: 16px;
  color: var(--ipc-font-gy3-placeholder);
}
/*  laydate end  */


/**
input style
 */
.ct-input {
  width: 280px;
  height: 32px;
  padding: 5px 8px;
  border: 1px solid #DCDCDC;
  margin: 6px 0;
  border-radius: 3px;
  box-sizing: border-box;
  outline: none;
}
.ct-input:hover,
.ct-input:focus {
  border: 1px solid #1D79E3;
}
.ct-input[disabled] {
  pointer-events: none;
}
.majorLine {
  margin: 12px 12px 12px 0;
  width: 60%;
  display: flex;
}
.lineRight,
.lineLeft {
  display: flex;
  align-items: center;
  height: 32px;
  width: 50%;
  line-height: 32px;

}
.lineLeft span{
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.divider {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin: 16px 0;
}

.form-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-item  .ct-input {
  min-width: 100px;
}
.form-item  label {
  display: inline-block;
  min-width: 120px;
}
/*.form-item  p {*/
/*  margin: 0;*/
/*  margin-top: -12px;*/
/*  line-height: 1;*/
/*  font-size: 12px;*/
/*  color: #D54941;*/
/*}*/
.iconfont {
  cursor: pointer;
}

.textOmission{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* video canvas style start */
.video-container {
  box-shadow: 0 0 20px #E7E7E7;
  position: relative;
}

.video-canvas-dom {
  display: block;
  cursor:default;
  z-index:999;
  position: absolute;
  top: 0;
}

.video-mask {
  background: var(--ipc-gary14);
}
/* video canvas style end */

/* download video animation start  */
@keyframes downloadAn {
  0% {

  }
  25% {

  }
  50% {

  }
  75% {

  }
  100% {

  }
}
/* download video animation end  */

/* smart event icon class start */
.ai-multi-object {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -11px -10px;
}
.smart-motion {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -81px -10px;
}
.intrusition {
    width: 28px;
    height: 28px;
    background: url("../asset/Icon/smart_menu.png") no-repeat -150px -10px;
}
.single-line-crossing  {
    width: 28px;
    height: 28px;
    background: url("../asset/Icon/smart_menu.png") no-repeat -222px -10px;
}
.double-line-crossing {
    width: 28px;
    height: 28px;
    background: url("../asset/Icon/smart_menu.png") no-repeat -292px -10px;
}
.multi-loitering  {
    width: 28px;
    height: 28px;
    background: url("../asset/Icon/smart_menu.png") no-repeat -430px -10px;
}
.retrograde {
    width: 28px;
    height: 28px;
    background: url("../asset/Icon/smart_menu.png") no-repeat -360px -10px;
}
.face-detection {
    width: 28px;
    height: 28px;
    background: url("../asset/Icon/smart_menu.png") no-repeat -501px -10px;
}
.people-counting {
    width: 28px;
    height: 28px;
    background: url("../asset/Icon/smart_menu.png") no-repeat -642px -10px;
}
.no-parking {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -852px -10px;
}
.safety-hat {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -570px -10px;
}
.safety-vest {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1272px -10px;
}
.advanced-setting {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -921px -10px;
}
.obj-moved {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -783px -12px;
}
.obj-left {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -714px -10px;
}
.icon-area-people-num-detect {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1760px -10px;
}
.icon-perimeter-detect {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1832px -10px;
}
.smoker-detection {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -990px -10px;
}
.smoke-and-flame-detection {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1061px -10px;
}
.fire-spot-detection {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1130px -10px;
}
.heat-map {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1200px -10px;
}
.enter-area {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1340px -10px;
}
.leave-area {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1412px -10px;
}
.signal-bad {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1482px -10px;
}
.gun-detect {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1550px -10px;
}
.running-detection {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1902px -10px;
}

.fall-detection {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -1972px -10px;
}

.fight-detection {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -2042px -10px;
}

.water-gauge {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -2112px -10px;
}
.abnormal-speed {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -2252px -10px;
}
.loiter {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -2183px -10px;
}
.package {
  width: 28px;
  height: 28px;
  background: url("../asset/Icon/smart_menu.png") no-repeat -2320px -10px;
}
/* smart event icon class end */
/* WiFi Icon start */
.unlock-level_1 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat 0 0;
}
.unlock-level_2 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat -24px 0;
}
.unlock-level_3 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat -47px 0;
}
.unlock-level_4 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat -71px 0;
}
.lock-level_1 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat -97px 0;
}
.lock-level_2 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat -120px 0;
}
.lock-level_3 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat -144px 0;
}
.lock-level_4 {
  width: 24px;
  height: 24px;
  background: url("../asset/Icon/Wifi.png") no-repeat -168px 0;
}
/* WiFi Icon end */
.mask-dialog{
  /*display: none;*/
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.ipt-additional-instructions {
  margin-left: 8px;
  font-size: 12px;
  color: #5E5E5E;
}