@charset "utf-8";

/* @font-face {
    font-family: PingFangRegular;
    src: url(../font/PingFangRegular.ttf);
} */


/* CSS Document */
html,body,.page-main,.page{
  background: #fff;
}

* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #444;
    font-family: 'PingFangRegular', Arial, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "华文细黑", sans-serif;
    word-break: break-all;
    word-wrap: break-word;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    
}

b {
    font-weight: normal !important;
    color: #727D88;
}

img {
    border: none;
}

ul,
ol,
dl {
    list-style: none;
}

a {
    text-decoration: none;
    color: #8c9aa8;
}

body {
    background: #f4f6f8;
}

input {
    border: none;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

textarea {
    resize: none
}
/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Container
 ========================================================================== */
 .uk-container {
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 22px;
  }
  
  /* Large screen and bigger */
  @media (min-width: 1220px) {
    .uk-container {
      max-width: 100%;
      padding: 0 22px;
    }
  }
  /*
   * Micro clearfix
   */
  .uk-container:before,
  .uk-container:after {
    content: "";
    display: table;
  }
  .uk-container:after {
    clear: both;
  }
  /*
   * Center container
   */
  .uk-container-center {
    margin-left: 20px;
    margin-right: 20px;
  }

.uk-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 1 */
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /*
   * DEPRECATED
   * Micro clearfix
   * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
   */
  .uk-grid:before,
  .uk-grid:after {
    content: "";
    display: block;
    overflow: hidden;
  }
  .uk-grid:after {
    clear: both;
  }
  /*
   * Grid cell
   * 1. Space is allocated solely based on content dimensions
   * 2. Makes grid more robust so that it can be used with other block elements
   * 3. DEPRECATED Using `float` to support IE9
   */
  .uk-grid > * {
    /* 1 */
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    /* 2 */
    margin: 0;
    /* 3 */
    float: left;
  }
  /*
   * Remove margin from the last-child
   */
  .uk-grid > * > :last-child {
    margin-bottom: 0;
  }
  /* Grid gutter
   ========================================================================== */
  /*
   * Default gutter
   */
  /* Horizontal */
  .uk-grid {
    /*margin-left: -22px;
	margin-top: -50px;*/
  }
  .uk-grid > * {
    padding-left: 22px;
  }
  /* Vertical */
  .uk-grid + .uk-grid,
  .uk-grid-margin,
  .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 25px;
  }

  /*
   * Collapse gutter
   */
  /* Horizontal */
  .uk-grid-collapse {
    margin-left: 0;
  }
  .uk-grid-collapse > * {
    padding-left: 0;
  }
  /* Vertical */
  .uk-grid-collapse + .uk-grid-collapse,
  .uk-grid-collapse > .uk-grid-margin,
  .uk-grid-collapse > * > .uk-panel + .uk-panel {
    margin-top: 0;
  }
  /*
   * Small gutter
   */
  /* Horizontal */
  .uk-grid-small {
    margin-left: -10px;
  }
  .uk-grid-small > * {
    padding-left: 10px;
  }
  /* Vertical */
  .uk-grid-small + .uk-grid-small,
  .uk-grid-small > .uk-grid-margin,
  .uk-grid-small > * > .uk-panel + .uk-panel {
    margin-top: 10px;
  }
  /*
   * Medium gutter
   */
  /* Horizontal */
  .uk-grid-medium {
    margin-left: -25px;
  }
  .uk-grid-medium > * {
    padding-left: 25px;
  }
  /* Vertical */
  .uk-grid-medium + .uk-grid-medium,
  .uk-grid-medium > .uk-grid-margin,
  .uk-grid-medium > * > .uk-panel + .uk-panel {
    margin-top: 25px;
  }
  /* Modifier: `uk-grid-divider`
   ========================================================================== */
  /*
   * Horizontal divider
   * Only works with the default gutter. Does not work with gutter collapse, small or large.
   * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
   */
  .uk-grid-divider:not(:empty) {
    margin-left: -25px;
    margin-right: -25px;
  }
  .uk-grid-divider > * {
    padding-left: 25px;
    padding-right: 25px;
  }
  .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
  .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }

  /*
   * Vertical divider
   */
  .uk-grid-divider:empty {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #dddddd;
  }
  /* Match panels in grids
   ========================================================================== */
  /*
   * 1. Behave like a block element
   */
  .uk-grid-match > * {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* 1 */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .uk-grid-match > * > * {
    /* 1 */
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    width: 100%;
  }
  /* Even grid cell widths
   ========================================================================== */
  [class*='uk-grid-width'] > * {
    box-sizing: border-box;
    width: 100%;
  }
  .uk-grid-width-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-1-10 > * {
    width: 10%;
  }
  .uk-grid-width-auto > * {
    width: auto;
  }

  /* Sub-objects: `uk-width-*`
   ========================================================================== */
  [class*='uk-width'] {
    box-sizing: border-box;
    width: 100%;
  }
  .page-main .panel {
    margin-bottom: 20px;
  }
  /*
   * Widths
   */
  /* Whole */
  .uk-width-1-1 {
    width: 100%;
  }
  .uk-width-left{
      width:72.5%
  }
  .uk-width-right{
      width:27.5%
  }
  .uk-width-55{
    width: 54%;
  }
  .uk-width-45{
    width: 46%;
  }
  /* Halves */
  .uk-width-1-2,
  .uk-width-2-4,
  .uk-width-3-6,
  .uk-width-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3{
    width: 70%;
  }
  .uk-width-2-6 {
    width: 33.33%;
  }
  .uk-width-2-3,
  .uk-width-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-1-4 {
    width: 25%;
  }
  .uk-width-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5,
  .uk-width-2-10 {
    width: 20%;
  }
  .uk-width-2-5,
  .uk-width-4-10 {
    width: 40%;
  }
  .uk-width-3-5,
  .uk-width-6-10 {
    width: 60%;
  }
  .uk-width-4-5,
  .uk-width-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6 {
    width: 16.666%;
  }
  .uk-width-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-1-10 {
    width: 10%;
  }
  .uk-width-3-10 {
    width: 30%;
  }
  .uk-width-7-10 {
    width: 70%;
  }
  .uk-width-9-10 {
    width: 90%;
  }
  
.wColor1 {
    color: rgba(255, 0, 0, 1);
	margin-top: -12px;
	font-weight:bolder;
} 
  
.warningBg {
	margin: 11px 0;
    background: url(../images/warning-2.png) repeat 0 0;
	padding: 0px 10px 10px 30px;
	width:212px;
	height: 25px;
}
.closeBt {
    display: block;
    width: 32px;
    height: 22px;
    /*float: left;*/
    background: url(../images/close_bt.png) no-repeat center center;
    cursor: pointer;
	margin-left: -31px;
}

/*---------------------------忘记密码弹窗css-----------------------------------------*/
.dialog-confirm .dialog-submit {
  border: none;
  background-color: #6f55c0;
  color: #fff;
  text-align: center;
  text-decoration: none; }
  .dialog-confirm .dialog-submit:hover {
    text-decoration: none;
    background-color: #8032f5; }
  .dialog-confirm .disabled.dialog-submit, .dialog-confirm .disabled.dialog-submit:hover {
    border: 1px solid #ddd;
    color: #999;
    background-color: #f8f8f8;
    cursor: not-allowed; }

.dialog-confirm .dialog-cancel {
  border: 1px solid #ddd;
  color: #666;
  text-align: center;
  text-decoration: none; }
  .dialog-confirm .dialog-cancel:hover {
    color: #6f55c0;
    border-color: #6f55c0;
    text-decoration: none; }
  .dialog-confirm .disabled.dialog-cancel, .dialog-confirm .disabled.dialog-cancel:hover {
    border: 1px solid #ddd;
    color: #999;
    background-color: #f8f8f8;
    cursor: not-allowed; }

.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
  
.dialog-section.j_escHide{
	display: block;
    left: 50%;
    position: fixed;
    margin-left: -457px;
    margin-top: -275px;
    opacity: 1;
    width: 67%;
    overflow: visible;
    height: 84%;
}
}

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 516px;
  height: 100%;
  padding: 32px;
  padding-top: 48px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }

.dialog-body img {
  display: block;
  vertical-align: top; }

.dialog-btnPrev,
.dialog-btnNext {
  position: absolute; }

.dialog-btnPrev,
.dialog-btnNext {
  top: 50%;
  z-index: 9;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  font: 16px/36px 'Simsun';
  text-align: center;
  color: #fff !important;
  cursor: pointer;
  background-color: #7F7F7F;
  background-color: rgba(0, 0, 0, 0.5); }

.dialog-btnPrev {
  left: 0; }

.dialog-btnNext {
  right: 0; }

.dialog-disabled {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000,endColorstr=#44000000); }

.dialog-header {
  position: relative;
  width: auto;
  height: 39px;
  padding: 0 46px 0 16px;
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
  font-size: 16px;
  line-height: 39px;
  white-space: nowrap;
  background-color: #e6e6e6; }
  .dialog-header + .dialog-body {}
    .dialog-header + .dialog-body.withNoPadding {
      padding: 0; }

.dialog-close {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/icons-dialog.png");
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
  top: 12px;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  background-position: 0 -135px;
  cursor: pointer; }

#dialogTipBox .dialog-body {
  padding-top: 48px;
  padding-bottom: 48px; }
#dialogTipBox .dialog-msg {
  padding: 0;
  margin: 0;
  text-align: center; }
#dialogTipBox .dialog-msg-text {
  padding: 0;
  margin: 0;
  font-size: 16px; }
#dialogTipBox .i-success,
#dialogTipBox .i-warning,
#dialogTipBox .i-error {
  position: relative;
  display: inline-block;
  top: -2px;
  margin-right: 20px;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  background-image: url("../images/icons-dialog.png");
  background-repeat: no-repeat; }
#dialogTipBox .i-success {
  background-position: 0 0; }
#dialogTipBox .i-warning {
  background-position: 0 -45px; }
#dialogTipBox .i-error {
  background-position: 0 -90px; }

.dialog-confirm {
  box-sizing: content-box;
  position: relative;
  height: 100%;
  font-size: 0;
  text-align: left;
  margin: 0 auto; }
  .dialog-confirm.withCenter {
    text-align: center; }
  .dialog-confirm.withIcon, .dialog-confirm.withIconSuccess, .dialog-confirm.withIconWarning, .dialog-confirm.withIconError {
    padding-left: 54px; }
    .dialog-confirm.withIcon:before, .dialog-confirm.withIconSuccess:before, .dialog-confirm.withIconWarning:before, .dialog-confirm.withIconError:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background-image: url("../images/icons-dialog.png");
      background-repeat: no-repeat;
      position: absolute;
      left: 0;
      top: 0;
      width: 36px;
      height: 36px;
      background-position: 0 -45px; }
  .dialog-confirm.withIconSuccess:before {
    background-position: 0 0; }
  .dialog-confirm.withIconWarning:before {
    background-position: 0 -45px; }
  .dialog-confirm.withIconError:before {
    background-position: 0 -90px; }
  .dialog-confirm .dialog-msg {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 32px; }
    .dialog-confirm .dialog-msg + .dialog-desc {
      margin-top: 10px; }
  .dialog-confirm .dialog-desc {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 20px; }
  .dialog-confirm .dialog-content {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 24px;
	height: 100%;
    text-align: left; }
    .dialog-confirm .dialog-content + .dialog-buttonBox {
      text-align: center; }
  .dialog-confirm .dialog-buttonBox {
    overflow: hidden;
    padding: 0;
    margin: 24px 0 0 0; }
    .dialog-confirm .dialog-buttonBox a {
      margin-left: 15px; }
    .dialog-confirm .dialog-buttonBox a:first-child {
      margin-left: 0; }
  .dialog-confirm .dialog-submit,
  .dialog-confirm .dialog-cancel {
    display: inline-block; }
  .dialog-confirm .dialog-submit {
    width: 98px;
    height: 29px;
    font-size: 12px;
    line-height: 29px; }
  .dialog-confirm .dialog-cancel {
    box-sizing: content-box;
    width: 96px;
    height: 27px;
    font-size: 12px;
    line-height: 27px; }

.dialog-success-top {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 999;
  min-width: 400px;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  background-color: #4aac42; }
  .dialog-success-top .i-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 18px;
    margin-right: 15px;
    background: url("../images/icons-dialog.png") no-repeat 0 -180px; }

.dialog-warning-top {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 999;
  min-width: 400px;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  background-color: #ff4400; }

/*# sourceMappingURL=dialog.css.map */

.container {width: 600px; margin: 20px auto;}
button { padding: 0 10px; }
.text-info { color: #ff7300;}

.mt10{
    margin-top: 10px;
}

.mt20{
    margin-top: 20px;
}

.hide {
    display: none;
}

#formBox {
    width: 550px;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 20px auto;
}

.frm-item {
    line-height: 32px;
}

.frm-item + .frm-item {
    margin-top: 10px;
}

.frm-label {
    display: inline-block;
    width: 7em;
    font-size: 14px;
}

.frm-input {
    width: 120px;
    height: 30px;
    border: 1px solid #ddd;
    padding: 0 10px;
}

.frm-submit {
    display: inline-block;
    min-width: 50px;
    height: 32px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #0D76B4;
    text-decoration: none;
}

.frm-submit.disabled,
.frm-submit.disabled:hover {
    background-color: #BCB7B7;
    cursor: not-allowed;
}

.frm-submit + .frm-reset {
    margin-left: 10px;
}

.frm-reset {
    display: inline-block;
    width: 60px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #B9A5CE;
    text-decoration: none;
}

.frm-submit:hover {
    background-color: #0F5883;
}

i.required {
    padding-right: 5px;
    color: #f00;
}

#addIpBox .msg-box {
    padding-left: 98px;
    color: #c33;
}
.dialog-body{
	width: 100%;
    height: 92%;
}
.appcss{
	float: left;
	font-family: 'PingFangRegular', Arial, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "华文细黑", sans-serif;

}