/* ==========================================================================
   Component: Grid
 ============================================================================ */
.am-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  max-width: 1200px;
}

/* ==========================================================================
   Component: Thumbnail
 ============================================================================ */
.am-thumbnail {
  display: block;
  padding: 2px;
  margin-bottom: 2rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.am-thumbna {
  display: block;
  padding: 3px;
  margin-bottom: 0rem;
  /* background-color: #fff; */
  border: 0px solid #ddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.am-thumbnail > img,
.am-thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.am-thumbnail a.am-thumbnail:hover,
.am-thumbnail a.am-thumbnail:focus,
.am-thumbnail a.am-thumbnail.active {
  border-color: #0e90d2;
  background-color: #fff;
}
img.am-thumbnail,
.am-thumbnail > img,
.am-thumbnail a > img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   Component: AVG Grid
 ============================================================================ */
[class*="am-avg-"] {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
[class*="am-avg-"]:before,
[class*="am-avg-"]:after {
  content: " ";
  display: table;
}
[class*="am-avg-"]:after {
  clear: both;
}
[class*="am-avg-"] > li {
  display: block;
  height: auto;
  float: left;
}
@media only screen {
  .am-avg-sm-1 > li {
    width: 100%;
  }
  .am-avg-sm-1 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .am-avg-sm-2 > li {
    width: 50%;
  }
  .am-avg-sm-2 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .am-avg-sm-3 > li {
    width: 33.33333333%;
  }
  .am-avg-sm-3 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .am-avg-sm-4 > li {
    width: 25%;
  }
  .am-avg-sm-4 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
  .am-avg-sm-5 > li {
    width: 20%;
  }
  .am-avg-sm-5 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }
  .am-avg-sm-6 > li {
    width: 16.66666667%;
  }
  .am-avg-sm-6 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }
  .am-avg-sm-7 > li {
    width: 14.28571429%;
  }
  .am-avg-sm-7 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }
  .am-avg-sm-8 > li {
    width: 12.5%;
  }
  .am-avg-sm-8 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }
  .am-avg-sm-9 > li {
    width: 11.11111111%;
  }
  .am-avg-sm-9 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }
  .am-avg-sm-10 > li {
    width: 10%;
  }
  .am-avg-sm-10 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }
  .am-avg-sm-11 > li {
    width: 9.09090909%;
  }
  .am-avg-sm-11 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }
  .am-avg-sm-12 > li {
    width: 8.33333333%;
  }
  .am-avg-sm-12 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width:641px) {
  .am-avg-md-1 > li {
    width: 100%;
  }
  .am-avg-md-1 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .am-avg-md-2 > li {
    width: 50%;
  }
  .am-avg-md-2 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .am-avg-md-3 > li {
    width: 33.33333333%;
  }
  .am-avg-md-3 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .am-avg-md-4 > li {
    width: 25%;
  }
  .am-avg-md-4 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
  .am-avg-md-5 > li {
    width: 20%;
  }
  .am-avg-md-5 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }
  .am-avg-md-6 > li {
    width: 16.66666667%;
  }
  .am-avg-md-6 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }
  .am-avg-md-7 > li {
    width: 14.28571429%;
  }
  .am-avg-md-7 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }
  .am-avg-md-8 > li {
    width: 12.5%;
  }
  .am-avg-md-8 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }
  .am-avg-md-9 > li {
    width: 11.11111111%;
  }
  .am-avg-md-9 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }
  .am-avg-md-10 > li {
    width: 10%;
  }
  .am-avg-md-10 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }
  .am-avg-md-11 > li {
    width: 9.09090909%;
  }
  .am-avg-md-11 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }
  .am-avg-md-12 > li {
    width: 8.33333333%;
  }
  .am-avg-md-12 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width:1025px) {
  .am-avg-lg-1 > li {
    width: 100%;
  }
  .am-avg-lg-1 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .am-avg-lg-2 > li {
    width: 50%;
  }
  .am-avg-lg-2 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .am-avg-lg-3 > li {
    width: 33.33333333%;
  }
  .am-avg-lg-3 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .am-avg-lg-4 > li {
    width: 25%;
  }
  .am-avg-lg-4 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
  .am-avg-lg-5 > li {
    width: 20%;
  }
  .am-avg-lg-5 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }
  .am-avg-lg-6 > li {
    width: 16.66666667%;
  }
  .am-avg-lg-6 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }
  .am-avg-lg-7 > li {
    width: 14.28571429%;
  }
  .am-avg-lg-7 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }
  .am-avg-lg-8 > li {
    width: 12.5%;
  }
  .am-avg-lg-8 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }
  .am-avg-lg-9 > li {
    width: 11.11111111%;
  }
  .am-avg-lg-9 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }
  .am-avg-lg-10 > li {
    width: 10%;
  }
  .am-avg-lg-10 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }
  .am-avg-lg-11 > li {
    width: 9.09090909%;
  }
  .am-avg-lg-11 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }
  .am-avg-lg-12 > li {
    width: 8.33333333%;
  }
  .am-avg-lg-12 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}

/* AMUI Base
   ========================================================================== */
/**
 * `font-size` is set in `html` element to support the `rem` unit for font-sizes
 * NOTE: IE9 & IE10 do not recognize `rem` units when used with the
   `font` shorthand property.
 */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  position: relative;
  background: #fff;
  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
  font-weight: normal;
  line-height: 1.6;
  color: #333333;
  font-size: 1.6rem;
}
/**