::-webkit-input-placeholder {
  color: #a5a5a5;
}
::-moz-placeholder {
  color: #a5a5a5;
}
:-ms-input-placeholder {
  color: #a5a5a5;
}
::placeholder {
  color: #A5A5A5;
}
.am-ft-sm {
  font-size: 12px!important;
}
.am-ft-normal {
  font-size: 14px!important;
}
.am-ft-medium {
  font-size: 16px!important;
}
.am-ft-lg {
  font-size: 18px!important;
}
.am-ft-xl {
  font-size: 20px!important;
}
.am-ft-2xl {
  font-size: 30px!important;
}
.am-ft-3xl {
  font-size: 36px!important;
}
.bg-gray {
  background: #f3f3f3!important;
}
.w70 {
  width: 70px!important;
}
.w100 {
  width: 100px!important;
}
.w130 {
  width: 130px!important;
}
.w143 {
  width: 143px!important;
}
.w160 {
  width: 160px!important;
}
.w200 {
  width: 200px!important;
}
.w300 {
  width: 300px!important;
}
.w100p {
  width: 100%!important;
}
.w240 {
  width: 240px!important;
}
.w300 {
  width: 300px!important;
}
.w400 {
  width: 400px!important;
}
.am-txt-success {
  color: #057848 !important;
}
.am-txt-danger {
  color: #f4333c !important;
}
.am-txt-primary {
  color: #3da7f3 !important;
}
.am-txt-muted {
  color: #a5a5a5 !important;
}
.am-txt-warn {
  color: #f6a623 !important;
}
.am-txt-light {
  color: #9b9b9b !important;
}
.am-txt-label {
  color: #9b9b9b !important;
}
.am-txt-normal {
  color: #333333 !important;
}
.am-txt-white {
  color: #fff!important;
}
.am-mr-15 {
  margin-right: 15px!important;
}
.am-col-1,
.am-col-2,
.am-col-3,
.am-col-4,
.am-col-5,
.am-col-6,
.am-col-7,
.am-col-8,
.am-col-9,
.am-col-10,
.am-col-11,
.am-col-12,
.am-col-13,
.am-col-14,
.am-col-15,
.am-col-16,
.am-col-17,
.am-col-18,
.am-col-19,
.am-col-20,
.am-col-21,
.am-col-22,
.am-col-23,
.am-col-24 {
  float: left;
}
.am-col-24 {
  display: block;
  width: 100%;
}
.am-col-23 {
  display: block;
  width: 95.83333333%;
}
.am-col-22 {
  display: block;
  width: 91.66666667%;
}
.am-col-21 {
  display: block;
  width: 87.5%;
}
.am-col-20 {
  display: block;
  width: 83.33333333%;
}
.am-col-19 {
  display: block;
  width: 79.16666667%;
}
.am-col-18 {
  display: block;
  width: 75%;
}
.am-col-17 {
  display: block;
  width: 70.83333333%;
}
.am-col-16 {
  display: block;
  width: 66.66666667%;
}
.am-col-15 {
  display: block;
  width: 62.5%;
}
.am-col-14 {
  display: block;
  width: 58.33333333%;
}
.am-col-13 {
  display: block;
  width: 54.16666667%;
}
.am-col-12 {
  display: block;
  width: 50%;
}
.am-col-11 {
  display: block;
  width: 45.83333333%;
}
.am-col-10 {
  display: block;
  width: 41.66666667%;
}
.am-col-9 {
  display: block;
  width: 37.5%;
}
.am-col-8 {
  display: block;
  width: 33.33333333%;
}
.am-col-7 {
  display: block;
  width: 29.16666667%;
}
.am-col-6 {
  display: block;
  width: 25%;
}
.am-col-5 {
  display: block;
  width: 20.83333333%;
}
.am-col-4 {
  display: block;
  width: 16.66666667%;
}
.am-col-3 {
  display: block;
  width: 12.5%;
}
.am-col-2 {
  display: block;
  width: 8.33333333%;
}
.am-col-1 {
  display: block;
  width: 4.16666667%;
}
.am-row-split {
  margin-left: -10px;
  margin-right: -10px;
}
.am-row-split:before,
.am-row-split:after {
  content: "";
  display: table;
}
.am-row-split:after {
  clear: both;
}
.am-row-split > [class^=am-col-] {
  padding-left: 10px;
  padding-right: 10px;
}
.am-mt-5 {
  margin-top: 5px!important;
}
.am-mt-10 {
  margin-top: 10px!important;
}
.am-mt-15 {
  margin-top: 15px!important;
}
.am-mt-20 {
  margin-top: 20px!important;
}
.am-mt-30 {
  margin-top: 30px!important;
}
.am-ml-20 {
  margin-left: 20px!important;
}
.am-ml-10 {
  margin-left: 10px!important;
}
.am-ml-5 {
  margin-left: 5px!important;
}
.am-mr-10 {
  margin-right: 10px!important;
}
.am-mr-20 {
  margin-right: 20px!important;
}
.am-nmlr-10 {
  margin-left: -10px;
  margin-right: -10px;
}
.am-nmlr-25 {
  margin-left: -25px;
  margin-right: -25px;
}
.am-link-default {
  color: #666;
}
.am-link-default:hover {
  color: #2c81ff;
}
.am-link-danger {
  color: #f4333c;
}
.am-link-danger:hover {
  color: #cf0b14;
}
.am-link-warn {
  color: #f6a623;
}
.am-link-warn:hover {
  color: #c47d08;
}
.am-link-success {
  color: #057848;
}
.am-link-success:hover {
  color: #022f1c;
}
.am-link-disabled {
  color: #A5A5A5;
  cursor: default;
}
.am-link-disabled:hover {
  color: #A5A5A5;
}
.muted-line-txt {
  margin: 0 10px;
  font-family: monospace, monospace;
  color: #D2D2D2;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.am-condition {
  position: relative;
  padding: 10px 0;
}
.am-condition .right {
  position: absolute;
  right: 0;
  top: 10px;
}
.am-form {
  padding-top: 20px;
  margin-bottom: -20px;
}
.am-form-item {
  margin-bottom: 15px;
}
.am-form-item:before,
.am-form-item:after {
  content: "";
  display: table;
}
.am-form-item:after {
  clear: both;
}
.am-form-item.last {
  margin-bottom: 0;
}
.am-form-label {
  padding-top: 5px;
  margin-bottom: 0;
  text-align: right;
  padding-right: 10px;
  color: #333333;
  line-height: 20px;
}
.am-form-label.static {
  padding-top: 0;
}
.am-form-label.am-lg {
  font-size: 16px;
  color: #333333;
  padding-top: 10px;
}
.form-control-static {
  padding-top: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.i-star {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  font-family: SimSun;
  font-size: 14px;
  color: #f4333c;
}
.explain-error {
  margin-bottom: -16px;
  line-height: 16px;
  color: #f4333c;
  font-size: 12px;
}
.am-ctr-native-chk,
.am-ctr-native-rdo {
  display: inline-block;
  position: relative;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 15px;
  min-height: 18px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
}
.am-ctr-native-chk span,
.am-ctr-native-rdo span {
  padding-left: 8px;
}
.am-ctr-native-chk {
  background: transparent url(../image/ctr-chk-normal.svg) no-repeat left center;
}
.am-ctr-native-chk.active {
  background: transparent url(../image/ctr-chk-active.png) no-repeat left center!important;
}
.am-ctr-native-chk.disabled {
  cursor: no-drop;
  background: transparent url(../image/ctr-chk-normal-disabled.png) no-repeat left center;
}
.am-ctr-native-chk.active.disabled {
  cursor: no-drop;
  background: transparent url(../image/ctr-chk-active-disabeld.png) no-repeat left center;
}
.am-ctr-native-rdo {
  background: transparent url(../image/ctr-rdo-normal.svg) no-repeat left center;
}
.am-ctr-native-rdo.active {
  background: transparent url(../image/ctr-rdo-active.svg) no-repeat left center;
}
.am-ctr-native-rdo.disabled {
  cursor: no-drop;
  background: transparent url(../image/ctr-rdo-normal-disabled.png) no-repeat left center;
}
.am-ctr-native-rdo.active.disabled {
  cursor: no-drop;
  background: transparent url(../image/ctr-rdo-active-disabled.png) no-repeat left center;
}
.input-text {
  display: inline-block;
  width: 100%;
  height: 30px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: normal;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cecece;
  border-radius: 2px;
  outline: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-text:focus {
  border-color: #3da7f3;
}
.input-text.am-input-lg {
  height: 40px;
  padding: 9px 12px;
  font-size: 16px;
}
.input-text.input-date {
  width: 130px;
  padding-right: 30px;
  background: url(../image/i-calendar.png) no-repeat right center;
}
.input-text.disabled {
  border-color: transparent;
}
.input-text.small {
  height: 26px;
  line-height: 24px;
}
.input-textarea {
  display: block;
  width: 100%;
  height: auto;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cecece;
  border-radius: 2px;
  outline: none;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-textarea:focus {
  border-color: #3da7f3;
}
.am-input-unit {
  display: inline-block;
  position: relative;
}
.am-input-unit i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  padding: 0 10px;
  color: #a5a5a5;
  font-size: 12px;
}
.am-input-unit .input-text {
  padding-right: 25px;
}
.input-disabeld,
.input-disabeld:focus {
  border-color: #cecece;
  background: #F3F3F3;
  color: #a5a5a5;
  cursor: no-drop;
}
select::-ms-expand {
  display: none;
}
.am-search {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top;
}
.am-search .input-text {
  width: 100%;
  padding-right: 30px;
  vertical-align: top;
}
.am-search .i-search {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(../image/i-search.svg) no-repeat center center;
  border-radius: 0 2px 2px 0;
}
.am-search .i-search.small {
  height: 26px;
}
.am-search .am-dropdown {
  width: 100%;
  max-height: 210px;
  overflow: auto;
}
.am-search li {
  display: block;
  padding: 0 10px;
  color: #333333;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  cursor: default;
}
.am-search li:hover {
  background: #F3F3F3;
}
.am-search li.disabled {
  cursor: no-drop;
  color: #a5a5a5;
  background: none;
}
.am-search li.active {
  color: #3da7f3;
}
.input-error,
.input-error:focus {
  border-color: #f4333c !important;
}
.am-input-step {
  display: inline-block;
  position: relative;
  height: 30px;
  vertical-align: top;
  padding: 0 30px;
}
.am-input-step .pre,
.am-input-step .next {
  position: absolute;
  top: 0;
  display: block;
  width: 30px;
  height: 30px;
}
.am-input-step .pre {
  border: 1px solid #cecece;
  border-right: none;
  left: 0;
  border-radius: 2px 0 0 2px;
  background: #f7f7f7 url(../image/i-step-minus.png) no-repeat center center;
}
.am-input-step .pre:hover {
  background: #f7f7f7 url(../image/i-step-minus-hover.png) no-repeat center center;
}
.am-input-step .pre.disabled {
  cursor: no-drop;
  background: #f3f3f3 url(../image/i-step-minus-disabled.png) no-repeat center center;
}
.am-input-step .next {
  border: 1px solid #cecece;
  border-left: none;
  right: 0;
  border-radius: 0 2px 2px 0;
  background: #f7f7f7 url(../image/i-step-plus.png) no-repeat center center;
}
.am-input-step .next:hover {
  background: #f7f7f7 url(../image/i-step-plus-hover.png) no-repeat center center;
}
.am-input-step .next.disabled {
  cursor: no-drop;
  background: #f3f3f3 url(../image/i-step-plus-disabled.png) no-repeat center center;
}
.am-input-step .input-text {
  border-radius: 0;
}
.input-step-disabled .pre {
  background: #f3f3f3 url(../image/i-step-minus-disabled.png) no-repeat center center;
  cursor: no-drop;
}
.input-step-disabled .pre:hover {
  background: #f3f3f3 url(../image/i-step-minus-disabled.png) no-repeat center center;
}
.input-step-disabled .next {
  background: #f3f3f3 url(../image/i-step-plus-disabled.png) no-repeat center center;
  cursor: no-drop;
}
.input-step-disabled .next:hover {
  background: #f3f3f3 url(../image/i-step-plus-disabled.png) no-repeat center center;
}
.input-step-disabled .input-text {
  background: #f3f3f3;
  cursor: no-drop;
}
.input-step-disabled .input-text:focus {
  border-color: #d2d2d2;
}
.am-ctr-sel {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  vertical-align: middle;
}
.am-ctr-sel .caption {
  border: 1px solid #cecece;
  border-radius: 2px;
  display: block;
  padding: 0 26px 0 10px;
  position: relative;
  height: 30px;
  line-height: 30px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
  overflow: hidden;
}
.am-ctr-sel .caption:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: url(../image/i-select.png) no-repeat center center;
  transition: transform .3s;
}
.am-ctr-sel .caption:focus {
  border-color: #3da7f3;
}
.am-ctr-sel li {
  display: block;
  padding: 0 10px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.am-ctr-sel li:hover {
  background: #F3F3F3;
}
.am-ctr-sel li.disabled {
  cursor: no-drop;
  color: #a5a5a5;
  background: none;
  pointer-events: none !important;
}
.am-ctr-sel li.active {
  color: #3da7f3;
}
.am-ctr-sel .am-dropdown {
  width: 100%;
  max-height: 210px;
  overflow: auto;
}
.am-ctr-sel.open .caption {
  border-radius: 2px 2px 0 0;
}
.am-ctr-sel.open .caption:before {
  transform: rotate(180deg);
}
.sel-disabeld .caption {
  border-color: #cecece;
  background: #F3F3F3;
  color: #a5a5a5;
  cursor: no-drop;
}
.sel-disabeld .caption:focus {
  border-color: #cecece;
}
.sel-disabeld.open .am-dropdown {
  display: none;
}
.sel-disabeld.open .caption {
  border-color: #cecece;
  border-radius: 2px;
}
.sel-disabeld.open .caption:before {
  transform: none;
}
.am-switch {
  display: inline-block;
  width: 44px;
  height: 22px;
  border-radius: 35px;
  overflow: hidden;
  vertical-align: middle;
  background: #bfbfbf;
  border: 1px solid #bfbfbf;
  cursor: pointer;
}
.am-switch span {
  display: block;
  float: left;
  min-width: 20px;
  height: 20px;
  border-radius: 35px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  -webkit-transition: margin-left 0.5s;
  -moz-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.am-switch.active {
  background: #3da7f3;
  border: 1px solid #3da7f3;
}
.am-switch.active span {
  margin-left: 22px;
}
.am-switch-text {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D2D2D2;
  border-radius: 2px;
  background: #fff;
  overflow: hidden;
}
.am-switch-text span {
  float: left;
  min-width: 44px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 12px;
}
.am-switch-text span.active {
  background: #3da7f3;
  color: #fff;
}
.am-switch-text.em-3 span {
  min-width: 56px;
}
.switch-disabled {
  cursor: no-drop;
  opacity: 0.4;
}
.am-btn {
  min-width: 90px;
  display: inline-block;
  vertical-align: top;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  outline: none;
}
.am-btn.am-btn-sm {
  padding: 2px 6px;
  min-width: 60px;
}
.am-btn.am-btn-lg {
  padding: 7px 12px;
  width: 120px;
}
.am-btn-primary {
  color: #ffffff;
  background-color: #3da7f3;
  border-color: #3da7f3;
}
.am-btn-primary:hover {
  color: #ffffff;
  background-color: #0f91ee;
  border-color: #0f91ee;
}
.am-btn-plain-primary {
  color: #3da7f3;
  background-color: #fff;
  border-color: #3da7f3;
}
.am-btn-plain-primary:hover {
  color: #0d82d6;
  border-color: #0d82d6;
}
.am-btn-rdo {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  min-height: 30px;
}
.am-btn-rdo a {
  display: inline-block;
  font-size: 14px;
  min-width: 60px;
  padding: 0 15px;
  line-height: 28px;
  border: 1px solid #cecece;
  border-left: none;
  text-align: center;
  color: #333333;
  background-color: #fff;
}
.am-btn-rdo a:first-child {
  border-left: 1px solid #D2D2D2;
  border-radius: 2px 0 0 2px;
  box-shadow: none!important;
}
.am-btn-rdo a:last-child {
  border-radius: 0 2px 2px 0;
}
.am-btn-rdo a:hover {
  border-color: #3da7f3;
  box-shadow: -1px 0 0 0 #3da7f3;
  color: #3da7f3;
}
.am-btn-rdo a.active {
  background: #80cafb;
  color: #0367d0;
  border-color: #3da7f3;
  box-shadow: -1px 0 0 0 #3da7f3;
}
.am-btn-area {
  text-align: center;
  padding: 20px 0;
}
.am-btn-area.last {
  padding-bottom: 0;
}
.am-btn-area a + a {
  margin-left: 17px;
}
.am-btn-confirm,
.am-btn-cancel {
  width: 140px;
  display: inline-block;
  vertical-align: top;
  padding: 9px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  outline: none;
}
.am-btn-confirm.reg,
.am-btn-cancel.reg {
  font-size: 18px;
  width: 375px;
  padding: 12px;
  border-radius: 4px;
}
.am-btn-confirm {
  color: #ffffff;
  background-color: #0367d0;
  border-color: #0367d0;
}
.am-btn-confirm:hover {
  color: #ffffff;
  background-color: #024e9e;
  border-color: #024e9e;
}
.am-btn-cancel {
  color: #0367d0;
  background-color: #fff;
  border-color: #0367d0;
}
.am-btn-cancel:hover {
  color: #024285;
  border-color: #024285;
}
.am-btn-disabled {
  background-color: #F3F3F3!important;
  border-color: #d2d2d2!important;
  color: #A5A5A5!important;
  cursor: not-allowed;
}
.am-dropdown {
  display: none;
  z-index: 1050;
  position: absolute;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: amSlideUpIn;
  animation-name: amSlideUpIn;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #d2d2d2;
  border-top: none;
}
.open > .am-dropdown {
  display: block;
}
@-webkit-keyframes amSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes amSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.am-tb {
  width: 100%;
}
.am-tb th,
.am-tb td {
  padding: 10px 10px;
  border-bottom: 1px solid #d3d3d3;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.414;
  vertical-align: middle;
}
.am-tb thead th {
  padding-top: 5px;
  padding-bottom: 5px;
  background: #F6F6F6;
  color: #9b9b9b;
  border-bottom: 0;
}
.am-tb th.td-left,
.am-tb td.td-left {
  text-align: left;
}
.am-tb th.td-right,
.am-tb td.td-right {
  text-align: right;
}
.am-tb th.td-center,
.am-tb td.td-center {
  text-align: center;
}
.am-tb tr.tr-active td {
  background: #ecf6fd;
}
.am-tb-tr-even tr:nth-child(even) {
  background: #F3F3F3;
}
.am-tb-tr-odd tr:nth-child(odd) {
  background: #F3F3F3;
}
.am-tb-layout {
  table-layout: fixed;
}
.am-tb-center th,
.am-tb-center td {
  text-align: center;
}
.am-tb-right th,
.am-tb-right td {
  text-align: right;
}
.am-tb-hover tr:hover td {
  background: #ecf6fd;
}
.i-tr-is-open {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  border: 1px solid #E5E5E5;
  background: #ffffff url(../image/i-tr-plus.png) no-repeat center center;
  cursor: pointer;
}
.i-tr-is-open.active {
  background: #ffffff url(../image/i-tr-minus.png) no-repeat center center;
}
.tr-secondary {
  background: #F3F3F3;
}
.td-has-child {
  cursor: pointer;
}
.td-has-child .i-angle {
  float: left;
  transition: transform .3s;
  background: url(../image/tr-expanded-angle.png) no-repeat center center;
}
.td-has-child .i-angle.active {
  transform: rotate(180deg);
}
.td-has-child.active .i-angle {
  transform: rotate(180deg);
}
/*冻结列*/
.am-tb-cont {
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.am-tb-cont.position-left .am-tb-fixed-left,
.am-tb-cont.position-right .am-tb-fixed-right {
  box-shadow: none;
}
.am-tb-cont.no-scroll .am-tb-fixed-left,
.am-tb-cont.no-scroll .am-tb-fixed-right {
  box-shadow: none;
  display: none;
}
.am-tb-fixed-left,
.am-tb-fixed-right {
  position: absolute;
  z-index: 3;
  top: 0;
  overflow: hidden;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  border-radius: 0;
}
.am-tb-fixed-left table,
.am-tb-fixed-right table {
  width: auto;
  background: #fff;
}
.am-tb-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
.am-tb-fixed-left table {
  border-radius: 4px 0 0 0;
}
.am-tb-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
.am-tb-fixed-right table {
  border-radius: 0 4px 0 0;
}
.am-tb-fixed {
  min-width: 100%;
}
.am-tb-fixed thead {
  background: #F3F3F3;
}
.am-tb-fixed th {
  height: 40px;
}
.am-tb-fixed th,
.am-tb-fixed td {
  line-height: 20px;
  padding: 9px 15px;
  font-size: 14px;
  border: 1px solid #e9e9e9;
  word-break: break-all;
  word-wrap: break-word;
}
.am-tb-fixed td {
  border-bottom: 1px solid #e9e9e9;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}
.am-tb-fixed tr.tr-hover > td {
  background: #ecf6fd;
}
.am-tb-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.am-tb-bd {
  overflow: auto;
}
/*冻结列 end*/
/*冻结表头*/
.am-tb-fixed-hd,
.am-tb-fixed-bd {
  overflow-x: auto;
  overflow-y: scroll;
}
.am-tb-fixed-bd td {
  border-top: none;
}
/*冻结表头 end*/
.am-sort-th {
  background: #eaeaea !important;
}
.am-sort {
  margin-left: 4px;
  display: inline-block;
  width: 12px;
  height: 14px;
  vertical-align: middle;
  text-align: center;
}
.am-sort i {
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  cursor: pointer;
}
.am-sort i.up {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #A5A5A5 transparent;
}
.am-sort i.up:hover {
  border-color: transparent transparent #333 transparent;
}
.am-sort i.up.active {
  border-color: transparent transparent #3da7f3 transparent;
}
.am-sort i.down {
  margin-top: 2px;
  border-width: 5px 4px 0 4px;
  border-color: #A5A5A5 transparent transparent transparent;
}
.am-sort i.down:hover {
  border-color: #333 transparent transparent transparent;
}
.am-sort i.down.active {
  border-color: #3da7f3 transparent transparent transparent;
}
.page {
  padding: 20px 0;
  display: none;
  font-size: 0;
  text-align: center;
}
.page.last {
  padding-bottom: 0;
}
.page > a {
  display: inline-block;
  vertical-align: middle;
  min-width: 30px;
  line-height: 28px;
  padding: 0 5px;
  border: 1px solid #E5E5E5;
  text-align: center;
  color: #333333;
  font-size: 14px;
  margin-left: 10px;
  border-radius: 2px;
  background: #fff;
}
.page > a:hover {
  color: #3da7f3;
  border-color: #3da7f3;
}
.page > a.active {
  color: #fff;
  background: #3da7f3;
  border-color: #3da7f3;
}
.page .pre,
.page .next,
.page .ellipsis {
  font-family: monospace;
}
.page .pre {
  background-image: url(../image/i-page-pre.png);
}
.page .pre:hover {
  background-image: url(../image/i-page-pre-hover.png);
}
.page .pre.disabled {
  background-image: url(../image/i-page-pre-disabled.png);
}
.page .next {
  background-image: url(../image/i-page-next.png);
}
.page .next:hover {
  background-image: url(../image/i-page-next-hover.png);
}
.page .next.disabled {
  background-image: url(../image/i-page-next-disabled.png);
}
.page .start {
  margin-left: 0;
  background-image: url(../image/i-page-start.png);
}
.page .start:hover {
  background-image: url(../image/i-page-start-hover.png);
}
.page .start.disabled {
  background-image: url(../image/i-page-start-disabled.png);
}
.page .end {
  background-image: url(../image/i-page-end.png);
}
.page .end:hover {
  background-image: url(../image/i-page-end-hover.png);
}
.page .end.disabled {
  background-image: url(../image/i-page-end-disabled.png);
}
.page .pre,
.page .next,
.page .start,
.page .end {
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  font-size: 0;
}
.page .pre.disabled,
.page .next.disabled,
.page .start.disabled,
.page .end.disabled {
  color: #d2d2d2;
  cursor: not-allowed;
}
.page .pre.disabled:hover,
.page .next.disabled:hover,
.page .start.disabled:hover,
.page .end.disabled:hover {
  border-color: #E5E5E5;
}
.page .ellipsis {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 14px;
  margin-left: 10px;
  color: #666;
}
.page .cont {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 30px;
  padding-left: 20px;
}
.page .cont .am-input-unit {
  margin-left: 7px;
}
.page .cont .am-input-unit .input-text {
  vertical-align: top;
}
.page .cont .am-ctr-sel {
  width: 100px;
  vertical-align: top;
  text-align: left;
}
.page .cont .am-ctr-sel a {
  margin-left: 0;
}
.i-angle {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background: url(../image/i-angle.png) no-repeat center center;
}
.i-angle-t {
  background: url(../image/i-angle-t.png) no-repeat center center;
}
.i-angle-r {
  background: url(../image/i-angle-r.png) no-repeat center center;
}
.i-angle-l {
  background: url(../image/i-angle-l.png) no-repeat center center;
}
.i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.i-end {
  width: 9px;
  height: 9px;
  background: url("../image/i-close.svg") center no-repeat;
}
.i-hospital {
  width: 14px;
  height: 14px;
  background: url("../image/i-hospital.svg") no-repeat;
}
.i-msg {
  width: 20px;
  height: 14px;
  background: url("../image/i-msg.svg") no-repeat;
}
.i-add {
  width: 10px;
  height: 14px;
  background: url("../image/i-add.png") no-repeat;
}
.i-add-white {
  width: 10px;
  height: 14px;
  background: url("../image/i-add-white.svg") no-repeat;
}
.i-suc {
  width: 34px;
  height: 34px;
  background: url("../image/i-suc.svg") no-repeat;
}
.i-suc-m {
  width: 22px;
  height: 22px;
  background: url("../image/i-suc-m.svg") no-repeat;
}
.i-suc-lg {
  width: 80px;
  height: 70px;
  background: url("../image/i-suc-large1.svg") no-repeat;
}
.i-delete {
  width: 16px;
  height: 16px;
  background: url("../image/i-delete.svg") no-repeat;
}
.i-load {
  width: 18px;
  height: 18px;
  background: url("../image/i-load.svg") no-repeat;
}
.i-close {
  width: 12px;
  height: 12px;
  background: url("../image/i-close.svg") no-repeat;
}
.i-edit {
  width: 16px;
  height: 17px;
  background: url("../image/i-edit.png") no-repeat;
}
.i-specialist1 {
  width: 80px;
  height: 70px;
  background: url("../image/i-specialist1.svg") no-repeat center;
}
.i-specialist2 {
  width: 80px;
  height: 70px;
  background: url("../image/i-specialist2.svg") no-repeat center;
}
.i-index-notice {
  width: 24px;
  height: 24px;
  background: url("../image/i-index-notice.svg") no-repeat;
}
.i-index-link {
  width: 24px;
  height: 24px;
  background: url("../image/i-index-link.svg") no-repeat;
}
.i-change-user {
  width: 24px;
  height: 24px;
  background: url("../image/i-changeUser.svg") no-repeat;
}
.i-reg {
  margin-left: 5px;
  margin-right: 0;
  width: 19px;
  height: 19px;
  background: url("../image/i-reg.svg") no-repeat;
}
.i-finish {
  width: 14px;
  height: 14px;
  background: url("../image/i-finish.svg") no-repeat;
}
.i-new {
  width: 26px;
  height: 14px;
  background: url("../image/i-new.svg") no-repeat;
}
/*tab  icon*/
.i-project-info {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg8.svg") no-repeat;
}
.i-demo {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg4.svg") no-repeat;
}
.i-publish {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg1.svg") no-repeat;
}
.i-unpublish {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg2.svg") no-repeat;
}
.i-hospital-1 {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg5.svg") no-repeat;
}
.i-result {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg6.svg") no-repeat;
}
.i-notice {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg7.svg") no-repeat;
}
.i-article {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg3.svg") no-repeat;
}
.i-user {
  width: 14px;
  height: 14px;
  background: url("../image/i-user.svg") no-repeat;
}
.i-user-h {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg9.svg") no-repeat;
}
.i-user-p {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg10.svg") no-repeat;
}

.i-expert-listen-p {
  width: 14px;
  height: 14px;
  background: url("../image/i-expert-listen-p.svg") no-repeat;
}

.i-hospital-2 {
  width: 14px;
  height: 14px;
  background: url("../image/i-hospital.svg") no-repeat;
}
.strip-bo li:hover .i-project-info,
.strip-bo li.active .i-project-info {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg8-hover.svg") no-repeat;
}
.strip-bo li:hover .i-demo,
.strip-bo li.active .i-demo {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg4-hover.svg") no-repeat;
}
.strip-bo li:hover .i-publish,
.strip-bo li.active .i-publish {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg1-hover.svg") no-repeat;
}
.strip-bo li:hover .i-unpublish,
.strip-bo li.active .i-unpublish {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg2-hover.svg") no-repeat;
}
.strip-bo li:hover .i-hospital-1,
.strip-bo li.active .i-hospital-1 {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg5-hover.svg") no-repeat;
}
.strip-bo li:hover .i-result,
.strip-bo li.active .i-result {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg6-hover.svg") no-repeat;
}
.strip-bo li:hover .i-notice,
.strip-bo li.active .i-notice {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg7-hover.svg") no-repeat;
}
.strip-bo li:hover .i-article,
.strip-bo li.active .i-article {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg3-hover.svg") no-repeat;
}
.strip-bo li:hover .i-user-h,
.strip-bo li.active .i-user-h {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg9-hover.svg") no-repeat;
}
.strip-bo li:hover .i-expert-listen-p,
.strip-bo li.active .i-expert-listen-p {
  width: 14px;
  height: 14px;
  background: url("../image/i-expert-listen-p-hover.svg") no-repeat;
}
.strip-bo li:hover .i-user-p,
.strip-bo li.active .i-user-p {
  width: 14px;
  height: 14px;
  background: url("../image/i-tabbg10-hover.svg") no-repeat;
}
.strip-bo li:hover .i-hospital-2,
.strip-bo li.active .i-hospital-2 {
  width: 14px;
  height: 14px;
  background: url("../image/i-hospital-hover.svg") no-repeat;
}
.strip-half-cont {
  position: relative;
  border-bottom: 1px solid #D2D2D2;
}
.strip-half {
  font-size: 0;
}
.strip-half li {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  cursor: pointer;
}
.strip-half li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.strip-half li:hover {
  color: #0367d0;
}
.strip-half li.active {
  color: #0367d0;
}
.strip-half li.active:before {
  border-bottom: 3px solid #3da7f3;
}
.strip-bo-cont {
  position: relative;
}
.strip-bo {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.strip-bo li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  margin: 0 24px 0 0;
  cursor: pointer;
  padding: 0 20px;
}
.strip-bo li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.strip-bo li:hover {
  color: #0367d0;
}
.strip-bo li.active {
  color: #0367d0;
}
.strip-bo li.active:before {
  border-bottom: 2px solid #0367d0;
}
.strip-card {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  border-right: 1px solid #cecece;
}
.strip-card li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  border: 1px solid #cecece;
  border-right: none;
  padding: 0 20px;
  background: #f7f7f7;
  cursor: pointer;
  min-width: 80px;
}
.strip-card li:before,
.strip-card li:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}
.strip-card li:before {
  top: -1px;
}
.strip-card li:after {
  bottom: -1px;
}
.strip-card li:hover {
  background: #fff;
  color: #3da7f3;
}
.strip-card li.active {
  background: #fff;
  color: #3da7f3;
}
.strip-card li.active:before {
  border-top: 2px solid #3da7f3;
}
.strip-card li.active:after {
  border-bottom: 1px solid #fff;
}
.tab-slide-cont {
  position: relative;
  padding-right: 50px;
}
.tab-slide-cont ul {
  white-space: nowrap;
  transition: margin-left 0.35s;
}
.tab-slide-cont .inner {
  overflow: hidden;
}
.tab-slide {
  display: none;
  position: absolute;
  right: 0;
  top: 5px;
}
.i-tab-pre,
.i-tab-next {
  float: left;
  display: block;
  width: 25px;
  height: 30px;
  opacity: 0.7;
  cursor: pointer;
}
.i-tab-pre:hover,
.i-tab-next:hover {
  opacity: 1;
}
.i-tab-pre.disabled,
.i-tab-next.disabled {
  opacity: 0.3;
  cursor: no-drop;
}
.i-tab-pre {
  background: url(../image/i-tab-pre.png) no-repeat center center;
}
.i-tab-next {
  background: url(../image/i-tab-next.png) no-repeat center center;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h1,
.h1 {
  font-size: 38px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 18px;
  font-weight: bold;
}
h5,
.h5 {
  font-size: 16px;
  font-weight: bold;
}
h6,
.h6 {
  font-size: 12px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}
.h4 .small,
.h4 small,
h4 .small,
h4 small {
  font-size: 75%;
}
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 85%;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #9b9b9b;
}
.aj-header {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px #f0f1f2;
  box-shadow: 0 2px 8px #f0f1f2;
  position: relative;
  z-index: 10;
}
.aj-header:before,
.aj-header:after {
  content: "";
  display: table;
}
.aj-header:after {
  clear: both;
}
.aj-logo {
  overflow: hidden;
  padding-left: 40px;
  float: left;
  height: 64px;
  line-height: 64px;
  text-decoration: none;
  white-space: nowrap;
  font-size: 16px;
  color: #333333;
}
.aj-logo img {
  margin-top: 15px;
  margin-right: 16px;
}
.index-wrap {
  background: #fff;
  padding: 40px 0 0;
  position: relative;
}
.aj-submenu-title {
  position: relative;
  padding: 0 34px 0 40px;
  line-height: 40px;
  height: 40px;
}
.aj-submenu-title > h4 {
  font-size: 14px;
  margin: 0;
}
.aj-submenu-title .i-angle {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -5px;
}
.aj-submenu-group-title {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 16px 8px 56px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.aj-menu-item {
  position: relative;
  padding: 0 16px 0 40px;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aj-menu-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  -webkit-transform: scaleY(0.0001);
  -ms-transform: scaleY(0.0001);
  transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.aj-menu-item a {
  display: block;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #314659;
}
.aj-menu-item a:hover {
  color: #3da7f3;
}
.aj-menu-item a:before {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
}
.aj-menu-item span {
  padding-left: 5px;
}
.aj-item-active {
  background-color: #e6f7ff;
}
.aj-item-active:after {
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.aj-item-list > .aj-menu-item {
  padding-left: 80px;
}
.main-menu {
  width: 100%;
  border-right: 1px solid #E5E5E5;
}
.main-cont {
  padding: 0 170px 50px 64px;
  background: #fff;
  min-height: 500px;
  border-left: 1px solid #ebedf0;
  position: relative;
  margin-left: -1px;
}
.main-cont-inner > h3 {
  padding-top: 20px;
}
.main-cont-inner > p {
  margin-bottom: 0;
  line-height: 2;
}
.typo-box {
  height: 200px;
  width: 200px;
  position: relative;
  border: 1px solid #E5E5E5;
  font-size: 40px;
  color: #1f2d3d;
  text-align: center;
  line-height: 162px;
  padding-bottom: 36px;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 17px;
  border-radius: 4px;
}
.typo-box .name {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  border-top: 1px solid #eaeefb;
  font-size: 14px;
  color: #8492a6;
  line-height: 35px;
  text-align: left;
  text-indent: 10px;
  font-family: Helvetica Neue;
}
.typo-PingFang {
  font-family: PingFang SC;
}
.typo-Hiragino {
  font-family: Hiragino Sans GB;
}
.typo-Microsoft {
  font-family: Microsoft YaHei;
}
code {
  margin: 0 1px;
  background: #f2f4f5;
  padding: .2em .4em;
  border-radius: 3px;
  font-size: .9em;
  border: 1px solid #eee;
}
.pre-code {
  display: block;
  line-height: 1.8;
  font-family: Menlo,Monaco,Consolas,Courier,monospace;
  font-size: 12px;
  padding: 18px 24px;
  background-color: #fafafa;
  border: 1px solid #eaeefb;
  margin-bottom: 25px;
  border-radius: 4px;
  -webkit-font-smoothing: auto;
}
.aj-tb {
  width: 100%;
}
.aj-tb td {
  padding: 15px;
  border-bottom: 1px solid #E5E5E5;
}
.aj-tb tr td:first-child {
  padding-left: 10px;
}
.aj-tb h1,
.aj-tb h2,
.aj-tb h3,
.aj-tb h4,
.aj-tb h5,
.aj-tb h6 {
  margin: 0;
  line-height: 1;
}
.aj-list li {
  list-style-type: circle;
  margin-left: 20px;
  padding-left: 4px;
}
.aj-list li p {
  margin: 0.2em 0;
}
.aj-icon-list:before,
.aj-icon-list:after {
  content: "";
  display: table;
}
.aj-icon-list:after {
  clear: both;
}
.aj-icon-list li {
  float: left;
  width: 16.66667%;
  text-align: center;
  height: 50px;
}
.aj-icon-list li:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.aj-color-box {
  border-radius: 4px;
  padding: 20px;
  height: 74px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
}
.aj-color-box .value {
  font-size: 12px;
  opacity: .69;
  line-height: 24px;
}
.aj-box-demo {
  border: 1px solid #ebedf0;
  border-radius: 2px;
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0 0 16px;
  -webkit-transition: all .2s;
  transition: all .2s;
  padding: 20px;
}
.aj-box-demo h5 {
  margin: 10px 0 0 0;
  line-height: 2;
}
.bg-primary {
  background: #2C81FF;
  color: #fff;
}
.bg-success {
  background: #19AF63;
  color: #fff;
}
.bg-warn {
  background: #F6A623;
  color: #fff;
}
.bg-danger {
  background: #F4333C;
  color: #fff;
}
.header {
  background: #3361CB;
  height: 50px;
}
.header .logo {
  float: left;
  height: 50px;
  width: 50px;
  background: url(../images/logo.png) no-repeat center center;
  border-right: 1px solid #2650B3;
}
.header .logo-txt {
  float: left;
  padding-left: 17px;
}
.header .logo-txt h4 {
  font-size: 16px;
  margin: 7px 0 0 0;
  line-height: 22px;
  color: #fff;
}
.header .logo-txt p {
  color: #98afe4;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
  font-size: 12px;
}
.am-btn {
  min-width: 90px;
  display: inline-block;
  vertical-align: top;
  padding: 4px 16px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  outline: none;
}
.am-btn-plain-primary {
  color: #3da7f3;
  background-color: #fff;
  border-color: #3da7f3;
}
.am-btn-plain-primary:hover {
  color: #0d82d6;
  border-color: #0d82d6;
}
.detection-wrap {
  width: 1180px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
.detection-wrap:before,
.detection-wrap:after {
  content: "";
  display: table;
}
.detection-wrap:after {
  clear: both;
}
.detection-wrap .detection-panel {
  float: left;
  width: 50%;
}
.detection-wrap > .detection-panel > .inner {
  margin: 0 10px;
}
.detection-wrap img {
  margin-top: 47px;
}
.detection-wrap h4 {
  text-align: center;
  font-size: 18px;
  margin-top: 7px;
}
.detection-wrap .am-btn {
  margin-top: 67px;
}
.btn-plain-list {
  margin-top: 30px;
}
.btn-plain-list li {
  float: left;
  margin: 0 5px;
  width: 170px;
}
.btn-plain-list a {
  display: block;
  border: 1px solid #eee;
  color: #555;
  padding: 15px 0;
  min-height: 70px;
}
.btn-plain-list a:hover {
  color: #3D71E4;
}
.btn-plain-list li.active a {
  border-color: #3D71E4;
  color: #3D71E4;
}
.i-btn-plus {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  background: url(../images/i-btn-plus.png) no-repeat center center;
}
.muted-line-txt {
  margin: 0 10px;
  font-family: monospace, monospace;
  color: #D2D2D2;
}
.footer {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #D9DEE4;
  font-size: 12px;
  text-align: center;
  color: #777;
  padding: 15px 0 12px 0;
  background: #fff;
}
.footer p {
  margin-bottom: 0;
  padding-bottom: 4px;
}
.footer .last {
  padding-top: 4px;
}
.gn-bd {
  padding-bottom: 92px;
}
.page-cover {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#66000000", endColorstr="#66000000");
  background-color: rgba(0, 0, 0, 0.4);
}
.creation-pop {
  position: absolute;
  z-index: 1001;
  left: 50%;
  top: 50%;
  width: 640px;
  height: 360px;
  margin-left: -320px;
  margin-top: -180px;
  background: #fff;
  text-align: center;
}
.creation-pop img {
  margin-top: 62px;
}
.creation-pop h4 {
  margin-top: 25px;
  font-size: 16px;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}