/**
 * 公共
 */
* { outline:none !important; }
ul { list-style: none; }
html input[disabled] { cursor: default !important; color: #999 !important; background: #f9f9f9 !important; }
html { font-size: var(--html-body-size); }
body{ background: var(--body-bg-color); color: #333; }
.none { display:none !important; }
.block { display:block !important; }
.text-deco-none { text-decoration: none !important; }
.text-deco-line { text-decoration: underline !important; }
.am-wh-auto { width: 100% !important; }
.am-max-wh-auto { max-width: 100% !important; }
.am-ht-auto { height: 100% !important; }
.am-max-ht-auto { max-height: 100% !important; }
.am-color-main { color: var(--color-main) !important; }
.am-color-main:hover { color: var(--color-main-hover) !important; }
.am-color-price { color: #E22C08 !important; }
.am-color-red { color: var(--color-red) !important; }
.am-color-blue { color: var(--color-blue) !important; }
.am-color-green { color: var(--color-green) !important; }
.am-color-yellow { color: var(--color-yellow) !important; }
.am-background-main { background: var(--color-main) !important; }
.am-background-red { background: var(--color-red) !important; }
.am-background-yellow { background: var(--color-yellow) !important; }
.am-background-blue { background: var(--color-blue) !important; }
.am-background-green { background: var(--color-green) !important; }
.am-background-white { background: #FFFFFF !important; }
.am-background-grey { background: #fafafa !important; }
.am-background-grey-light { background: #CCCCCC !important; }
.am-margin-top-main { margin-top: 2rem; }
.am-margin-bottom-main { margin-bottom: 2rem; }
.am-padding-top-main { padding-top: 2rem; }
.am-padding-bottom-main { padding-bottom: 2rem; }
.am-radius { border-radius: var(--border-radius); }
.am-radius-sm { border-radius: var(--border-radius-sm); }
.am-radius-lg { border-radius: var(--border-radius-lg); }
.am-border-main { border: 0.1rem solid var(--color-main); }
.am-border-grey { border: 0.1rem solid #EEEEEE; }
.am-border-bottom-grey { border-bottom: 0.1rem solid #EEEEEE; }
.am-radius-top-left { border-top-left-radius: var(--border-radius); }
.am-radius-top-right { border-top-right-radius: var(--border-radius); }
.am-radius-bottom-left { border-bottom-left-radius: var(--border-radius); }
.am-radius-bottom-right { border-bottom-right-radius: var(--border-radius); }
.am-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-text-truncate-2 { font-size: 1.4rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 2rem; height: 4rem; white-space: initial !important; }
.am-flex { display: -webkit-flex; display: flex; }
.am-flex-col { -webkit-flex-direction: column; flex-direction: column; }
.am-flex-items-center { -webkit-align-items: center; align-items: center; }
.am-block { display: block; }
.am-fl { float: left; }
.am-fr { float: right; }
.am-nbfc { overflow: hidden; }
.am-cf:before,
.am-cf:after { content: " "; display: table; }
.am-cf:after { clear: both; }
.am-hide { display: none !important; }
.am-show-sm-only { display: none !important; }
@media only screen and (max-width: 640px) {
  .am-hide-sm-only { display: none !important; }
  .am-show-sm-only { display: block !important; }
}
.am-hide-md-only { display: block; }
@media only screen and (max-width: 1024px) {
  .am-hide-md-only { display: none !important; }
}
.am-show-md-only { display: none; }
@media only screen and (max-width: 1024px) {
  .am-show-md-only { display: block !important; }
}
.am-vertical-align-middle { vertical-align: middle; }
.am-text-center { text-align: center; }
.am-text-left { text-align: left; }
.am-text-right { text-align: right; }
.am-text-xs { font-size: 1.2rem; }
.am-text-sm { font-size: 1.4rem; }
.am-text-md { font-size: 1.6rem; }
.am-text-lg { font-size: 1.8rem; }
.am-text-xl { font-size: 2.2rem; }
.am-text-success { color: #5eb95e; }
.am-text-danger { color: #dd514c; }
.am-text-warning { color: #F37B1D; }
.am-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-margin-right-xs { margin-right: 0.6rem; }
.am-margin-left-sm { margin-left: 1rem; }
.am-margin-right-sm { margin-right: 1rem; }
.am-margin-top-sm { margin-top: 1rem; }
.am-margin-bottom-sm { margin-bottom: 1rem; }
.am-margin-top { margin-top: 1.2rem; }
.am-margin-bottom { margin-bottom: 1.2rem; }
.am-padding-sm { padding: 1rem; }
.am-padding-xs { padding: 0.6rem; }
.am-width { width: 100%; }
.am-height { height: 100%; }
.am-round { border-radius: 100rem; }
.am-badge { display: inline-block; min-width: 1rem; padding: .3rem .6rem; font-size: 1.2rem; font-weight: 400; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999; border-radius: .2rem; }
.am-badge-tips { position: absolute; top: -.6rem; right: -.4rem; padding: .2rem .4rem; font-size: 1rem; }
.am-btn-xs { padding: .3rem .6rem; font-size: 1.2rem; }
.am-btn-sm { padding: .4rem .8rem; font-size: 1.3rem; }
.am-btn { display: inline-block; margin-bottom: 0; padding: .5em 1em; vertical-align: middle; font-size: 1.4rem; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; background-image: none; border: .1rem solid transparent; border-radius: 0; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 300ms ease-out,border-color 300ms ease-out; transition: background-color 300ms ease-out,border-color 300ms ease-out; }
.am-btn-primary { color: var(--color-button-primary-text); background-color: var(--color-button-primary); border-color: var(--color-button-primary-border); }
.am-btn-primary:hover { color: var(--color-button-primary-hover-text); background-color: var(--color-button-primary-hover); border-color: var(--color-button-primary-hover-border); }
.am-btn-secondary { color: var(--color-button-secondary-text); background-color: var(--color-button-secondary); border-color: var(--color-button-secondary-border); }
.am-btn-secondary:hover { color: var(--color-button-secondary-hover-text); background-color: var(--color-button-secondary-hover); border-color: var(--color-button-secondary-hover-border); }
.am-btn-warning { color: #fff; background-color: #F37B1D; border-color: #F37B1D; }
.am-btn-danger { color: #fff; background-color: #dd514c; border-color: #dd514c; }
.am-btn-default { color: var(--color-button-default-text); background-color: var(--color-button-default); border-color: var(--color-button-default-border); }
.am-btn-default:hover { color: var(--color-button-default-hover-text); background-color: var(--color-button-default-hover); border-color: var(--color-button-default-hover-border); }
.am-btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }
.am-btn-xs { padding: .3rem .6rem; font-size: 1.2rem; }
.am-btn-sm { padding: .4rem .8rem; font-size: 1.3rem; }
.am-btn-lg { padding: .6rem 1.2rem; font-size: 1.6rem; }
.am-topbar { position: relative; min-height: 4rem; margin-bottom: 0; border: 0; background: #fff; }
.am-topbar .am-container { position: relative; }
.am-topbar-nav { margin: 0; padding: 0; list-style: none; }
.am-topbar-nav > li { float: left; position: relative; }
.am-topbar-nav > li > a { display: block; padding: 0 1.2rem; color: #333; line-height: 4rem; font-size: 1.4rem; }
.am-topbar-nav > li > a:hover,
.am-topbar-nav > li > a:focus { color: var(--color-main); text-decoration: none; }
.am-topbar-nav > li.am-active > a { color: var(--color-main); }
.am-nav-pills > li { float: left; }
.am-nav-pills > li > a { display: block; padding: 0 1.2rem; color: #333; line-height: 4rem; }
.am-nav-pills > li > a:hover { color: var(--color-main); }
.am-topbar-btn { margin-top: .4rem; margin-bottom: .4rem; }
.am-topbar-toggle { position: absolute; right: 0; top: 0; }
.am-collapse { display: none; }
.am-collapse.am-in { display: block; }
@media only screen and (min-width: 1025px) {
  .am-topbar-collapse { display: block !important; }
}
.am-input-group { position: relative; display: table; border-collapse: separate; width: 100%; }
.am-input-group .am-form-field { display: table-cell; width: 100%; position: relative; z-index: 2; float: left; margin-bottom: 0; }
.am-input-group-sm > .am-form-field { height: 3.1rem; font-size: 1.2rem; }
.am-input-group-btn { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; }
.am-input-group-btn > .am-btn { height: 3.1rem; }
.am-form-inline .am-form-field { display: inline-block; width: auto; }
.am-form-field { display: block; width: 100%; padding: .5rem; font-size: 1.4rem; line-height: 1.2; color: #555; background-color: #fff; background-image: none; border: .1rem solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.075); box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.am-form select, .am-form textarea, .am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="number"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"], .am-form-field { line-height: 1.44rem; }
.am-form input[type="text"],
.am-form input[type="password"],
.am-form input[type="number"],
.am-form input[type="email"],
.am-form input[type="search"],
.am-form input[type="tel"] { height: 3.1rem; }
.am-dropdown { position: relative; }
.am-dropdown-toggle:focus { outline: 0; }
.am-dropdown-content { display: none; position: absolute; top: 100%; left: 0; z-index: 1020; min-width: 16rem; padding: .5rem 0; margin: 0; list-style: none; background-color: #fff; background-clip: padding-box; border: .1rem solid #ddd; border-radius: .2rem; -webkit-box-shadow: 0 .2rem 1rem rgba(136,136,136,.4); box-shadow: 0 .2rem 1rem rgba(136,136,136,.4); }
.am-dropdown-content > li > a { display: block; padding: .8rem 1.1rem; color: #333; }
.am-dropdown-content > li > a:hover { background-color: #f2f2f2; }
.am-dropdown.am-active .am-dropdown-content { display: block; }
.am-dropdown .am-dropdown-toggle .am-icon-caret-down:before { content: "\f0d7"; }
.am-icon-angle-down:before { content: "\f107"; }
.am-icon-caret-down:before { content: "\f0d7"; }
.am-icon-search:before { content: "\f002"; }
.am-icon-refresh:before { content: "\f021"; }
.am-icon-times-circle:before { content: "\f057"; }
.am-icon-check-circle:before { content: "\f058"; }
.am-icon-close:before,
.am-close:before { content: "\f00d"; }
.am-close { float: right; font-size: 2rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 .1rem 0 #fff; opacity: .2; }
.am-close:hover { opacity: .5; }
.am-close-alt { position: absolute; right: 1rem; top: 1rem; }
.am-gallery { margin: 0; padding: 0; list-style: none; }
.am-gallery > li { padding: .6rem; }
.am-gallery-item { position: relative; }
.am-gallery-overlay > li { padding: .6rem; }
.am-slider { margin: 0; padding: 0; list-style: none; position: relative; overflow: hidden; }
.am-slider .am-slides > li { display: none; -webkit-backface-visibility: hidden; }
.am-slider .am-slides > li:first-child { display: list-item; }
.am-slider-default { -webkit-box-shadow: 0 .1rem .1rem rgba(0,0,0,.05); box-shadow: 0 .1rem .1rem rgba(0,0,0,.05); }
.am-slider-a1 { -webkit-box-shadow: none; box-shadow: none; }
.am-control-nav { position: absolute; bottom: 1rem; width: 100%; text-align: center; }
.am-control-nav > li { display: inline-block; margin: 0 .4rem; }
.am-control-nav > li > a { display: block; width: 1rem; height: 1rem; background-color: rgba(0,0,0,.25); border-radius: 50%; text-indent: -999.9rem; }
.am-control-nav > li > a.am-active { background-color: var(--color-main); }
.am-panel { margin-bottom: 1.6rem; background-color: #fff; border: .1rem solid transparent; border-radius: 0; -webkit-box-shadow: 0 .1rem .1rem rgba(0,0,0,.05); box-shadow: 0 .1rem .1rem rgba(0,0,0,.05); }
.am-panel-hd { padding: 1rem 1.25rem; border-bottom: .1rem solid transparent; }
.am-panel-default { border-color: #eee; }
.am-panel-default > .am-panel-hd { color: #333; background-color: #fbfbfb; border-color: #eee; }
.am-tabs-default .am-tabs-nav > .am-active a { background-color: var(--color-main-light); color: var(--color-main); }
.am-tabs-nav > li.am-active > a { color: var(--color-main); }
.am-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: -100%; z-index: 1000; width: 26rem; max-width: 80%; background: #333; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.am-offcanvas-bar.am-offcanvas-bar-active { left: 0; }
.am-offcanvas-content { padding: 2rem; color: #ccc; }
.am-img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: .4rem; line-height: 1.6; background-color: #fff; border: .1rem solid #ddd; border-radius: 0; }
.am-nav { margin: 0; padding: 0; list-style: none; }
.am-nav > li > a { display: block; position: relative; padding: .8rem 1.2rem; }
.am-nav > li.am-active > a { color: var(--color-main); background-color: transparent; }
.am-nav-tabs > li { float: left; }
.am-nav-tabs > li > a { display: block; padding: .8rem 1.2rem; margin-right: .2rem; line-height: 1.6; border: .1rem solid transparent; border-radius: .2rem .2rem 0 0; }
.am-nav-tabs > li.am-active > a { border-color: #ddd; border-bottom-color: transparent; }
.am-table { width: 100%; max-width: 100%; margin-bottom: 1.6rem; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.am-table > thead > tr > th,
.am-table > tbody > tr > th,
.am-table > tfoot > tr > th,
.am-table > thead > tr > td,
.am-table > tbody > tr > td,
.am-table > tfoot > tr > td { padding: .8rem; line-height: 1.6; vertical-align: top; border-top: .1rem solid #ddd; }
.am-table-striped > tbody > tr:nth-child(odd) > td,
.am-table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
.am-progress { height: 1.6rem; margin-bottom: 1.6rem; overflow: hidden; background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: inset 0 .1rem .2rem rgba(0,0,0,.1); box-shadow: inset 0 .1rem .2rem rgba(0,0,0,.1); }
.am-popup { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1110; }
.am-popup-inner { position: absolute; top: 2rem; left: 2rem; right: 2rem; bottom: 2rem; background: #fff; border: .1rem solid #e8e6e6; }
.am-popup-hd { padding: 1rem; border-bottom: .1rem solid #eee; }
.am-popup-bd { padding: 1rem; overflow: auto; height: calc(100% - 5rem); }
.am-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1110; }
.am-modal-dialog { position: relative; margin: 0 auto; max-width: 52rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.am-modal-hd { padding: 1rem; }
.am-modal-bd { padding: 1rem; }
.am-modal-no-btn .am-modal-hd { border-bottom: .1rem solid #eee; }
.am-modal-confirm { font-size: 1.6rem; }
[data-am-widget="footer"] { margin-top: 2rem; }
.am-footer-default { border-top: .1rem solid #eee; background: #fff; }
.am-footer-miscs { padding: 1rem 0 .5rem; }
.am-footer-miscs p { margin: 0; line-height: 2.4rem; }
.am-footer-default .am-footer-miscs p { color: #888; }
.am-gallery-item > a { display: block; }
.original-price { color: #999; text-decoration: line-through; font-family: Verdana,Tahoma,arial; }
.price { color: var(--color-price); }
.price strong { color: var(--color-price); }
.line-price { color: #3c3c3c; font-weight: 700; font-family: Verdana,Tahoma,arial; }
@media only screen and (min-width: 641px) {
  .am-container { padding-left: 1.5rem; padding-right: 1.5rem; max-width: 100rem; }
  .am-u-md-8 { width: 66.66666667%; float: left; }
  .am-u-md-4 { width: 33.33333333%; float: left; }
  .am-u-lg-9 { width: 75%; float: left; }
  .am-u-lg-3 { width: 25%; float: left; }
  .am-avg-md-4 > li { width: 25%; float: left; }
  .am-avg-md-4 > li:nth-of-type(4n+1) { clear: both; }
}
@media only screen and (min-width: 1025px) {
  .am-container { max-width: 100rem; padding-left: 0; padding-right: 0; }
  .am-avg-lg-4 > li { width: 25%; float: left; }
  .am-avg-lg-4 > li:nth-of-type(4n+1) { clear: both; }
  .am-hide-sm-only { display: block; }
}
@media only screen and (min-width: 1260px) {
  .am-container { max-width: 120rem; }
}
@media only screen and (min-width: 1600px) {
  .am-container { max-width: 150rem; }
}