body.lock {
  overflow: hidden;
}

.section-container {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}

.section--full-container {
  width: 100%;
}

.left,
.align-left,
.text-align-left {
  text-align: left;
}

.center,
.align-center,
.text-align-center {
  text-align: center;
}

.right,
.align-right,
.text-align-right {
  text-align: right;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.title-1 {
}

.title-2 {
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  line-height: 44px;
}

.title-3 {
}

.title-4 {
}

.title-5 {
}

.title-6 {
}

.text {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
}

/* 移动端 */
@media (max-width: 768px) {
  .width-w-80,
  .margin-80,
  .width-full,
  .width-960,
  .width-1280,
  .width-1440
   {
    margin: 0px ;
    width: 100%;
    max-width: unset;
  }
}



.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

/* 从左往右 */
.flex-left {
  flex-direction: row;
}

/* 从右往左 */
.flex-right {
  flex-direction: row-reverse;
}

.has-background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.width-w-20 {
  margin: 20px;
  width: unset;
  height: unset;
}

.width-w-40 {
  margin: 40px;
  width: unset;
  height: unset;
}

.width-w-60 {
  margin: 60px;
  width: unset;
  height: unset;
}

.width-w-80 {
  margin: 0px 80px;
  width: unset;
  max-width: calc(100% -160px);
}

.width-w-100 {
  margin: 100px;
  width: unset;
  height: unset;
}

/* 外边距80px 图片组合使用 */
.margin-80 {
  margin: 0px 80px;
  width: unset;
  max-width: calc(100% -160px);
}

.width-full {
  width: 100%;
  max-width: unset;
}

.width-960 {
  max-width: 960px;
  margin: 0 auto;
}

.width-1280 {
  max-width: 1280px;
  margin: 0 auto;
}

.width-1440 {
  max-width: 1440px;
  margin: 0 auto;
}

.height-280 {
  height: 280px;
}

.height-300 {
  height: 300px;
}

.height-480 {
  height: 480px;
}

.height-560 {
  height: 560px;
}

.height-640 {
  height: 640px;
}

.height-720 {
  height: 720px;
}

.margin-0 {
  margin: 0px;
}

.margin-4 {
  margin: 4px;
}

.margin-8 {
  margin: 8px;
}

.margin-12 {
  margin: 12px;
}

.margin-16 {
  margin: 16px;
}

.margin-20 {
  margin: 20px;
}

.margin-24 {
  margin: 24px;
}

.margin-28 {
  margin: 28px;
}

.flex-content-between {
  justify-content: space-between;
}

.flex-justify-center {
  justify-content: center;
}

.flex-align-center {
  align-items: center;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-all-center {
  justify-content: center;
  align-items: center;
}

.square-block {
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}

.font-size-14 {
  font-size: 14px;
  line-height: 20px;
}

.font-size-16 {
  font-size: 16px;
  line-height: 22px;
}

.font-size-18 {
  font-size: 18px;
  line-height: 24px;
}

.font-size-20 {
  font-size: 20px;
  line-height: 26px;
}

.font-size-22 {
  font-size: 22px;
  line-height: 28px;
}

.font-size-24 {
  font-size: 24px;
  line-height: 30px;
}

.font-size-26 {
  font-size: 26px;
  line-height: 32px;
}

.font-size-28 {
  font-size: 28px;
  line-height: 34px;
}

.font-size-30 {
  font-size: 30px;
  line-height: 36px;
}

.font-size-32 {
  font-size: 32px;
  line-height: 38px;
}

.font-size-34 {
  font-size: 34px;
  line-height: 40px;
}

.font-size-36 {
  font-size: 36px;
  line-height: 42px;
}

.font-size-38 {
  font-size: 38px;
  line-height: 44px;
}

.font-size-40 {
  font-size: 40px;
  line-height: 46px;
}

.country-flag-af {
  background-position: 0 0 !important;
}
.country-flag-sq {
  background-position: 0 -16px !important;
}
.country-flag-ar {
  background-position: 0 -32px !important;
}
.country-flag-hy {
  background-position: 0 -48px !important;
}
.country-flag-az {
  background-position: 0 -64px !important;
}
.country-flag-eu {
  background-position: 0 -80px !important;
}
.country-flag-be {
  background-position: 0 -96px !important;
}
.country-flag-bg {
  background-position: 0 -114px !important;
}
.country-flag-ca {
  background-position: 0 -128px !important;
}
.country-flag-zh {
  background-position: 0 -144px !important;
}
.country-flag-zh-tw {
  background-position: 0 -160px !important;
}
.country-flag-hr {
  background-position: 0 -176px !important;
}
.country-flag-cs {
  background-position: 0 -192px !important;
}
.country-flag-da {
  background-position: 0 -208px !important;
}
.country-flag-nl {
  background-position: 0 -240px !important;
}
.country-flag-en {
  background-position: 0 -1392px !important;
}
.country-flag-et {
  background-position: 0 -272px !important;
}
.country-flag-tl {
  background-position: 0 -288px !important;
}
.country-flag-fi {
  background-position: 0 -304px !important;
}
.country-flag-fr {
  background-position: 0 -320px !important;
}
.country-flag-gl {
  background-position: 0 -336px !important;
}
.country-flag-ka {
  background-position: 0 -352px !important;
}
.country-flag-de {
  background-position: 0 -368px !important;
}
.country-flag-el {
  background-position: 0 -384px !important;
}
.country-flag-ht {
  background-position: 0 -400px !important;
}
.country-flag-iw {
  background-position: 0 -416px !important;
}
.country-flag-hi,
.country-flag-te,
.country-flag-kn,
.country-flag-ta,
.country-flag-gu {
  background-position: 0 -432px !important;
}
.country-flag-hu {
  background-position: 0 -448px !important;
}
.country-flag-is {
  background-position: 0 -464px !important;
}
.country-flag-id {
  background-position: 0 -480px !important;
}
.country-flag-ga {
  background-position: 0 -496px !important;
}
.country-flag-it {
  background-position: 0 -514px !important;
}
.country-flag-ja {
  background-position: 0 -528px !important;
}
.country-flag-ko {
  background-position: 0 -544px !important;
}
.country-flag-la {
  background-position: 0 -560px !important;
}
.country-flag-lv {
  background-position: 0 -576px !important;
}
.country-flag-lt {
  background-position: 0 -592px !important;
}
.country-flag-mk {
  background-position: 0 -608px !important;
}
.country-flag-ms {
  background-position: 0 -624px !important;
}
.country-flag-mt {
  background-position: 0 -640px !important;
}
.country-flag-no {
  background-position: 0 -656px !important;
}
.country-flag-fa {
  background-position: 0 -672px !important;
}
.country-flag-pl {
  background-position: 0 -688px !important;
}
.country-flag-pt {
  background-position: 0 -704px !important;
}
.country-flag-ro {
  background-position: 0 -720px !important;
}
.country-flag-ru {
  background-position: 0 -736px !important;
}
.country-flag-sr {
  background-position: 0 -752px !important;
}
.country-flag-sk {
  background-position: 0 -768px !important;
}
.country-flag-sl {
  background-position: 0 -784px !important;
}
.country-flag-es {
  background-position: 0 -800px !important;
}
.country-flag-sw {
  background-position: 0 -816px !important;
}
.country-flag-sv {
  background-position: 0 -832px !important;
}
.country-flag-th {
  background-position: 0 -848px !important;
}
.country-flag-tr {
  background-position: 0 -864px !important;
}
.country-flag-uk {
  background-position: 0 -880px !important;
}
.country-flag-ur {
  background-position: 0 -896px !important;
}
.country-flag-vi {
  background-position: 0 -914px !important;
}
.country-flag-cy {
  background-position: 0 -928px !important;
}
.country-flag-yi {
  background-position: 0 -944px !important;
}
.country-flag-bn {
  background-position: 0 -960px !important;
}
.country-flag-eo {
  background-position: 0 -976px !important;
}
.country-flag-hy {
  background-position: 0 -1408px;
}
.country-flag-bs {
  background-position: 0 -1424px;
}
.country-flag-ceb {
  background-position: 0 -1440px;
}
.country-flag-ny {
  background-position: 0 -1456px;
}
.country-flag-ha {
  background-position: 0 -1472px;
}
.country-flag-hmn {
  background-position: 0 -1488px;
}
.country-flag-ig {
  background-position: 0 -1504px;
}
.country-flag-jw {
  background-position: 0 -1520px;
}
.country-flag-kk {
  background-position: 0 -1536px;
}
.country-flag-km {
  background-position: 0 -1552px;
}
.country-flag-lo {
  background-position: 0 -1568px;
}
.country-flag-la {
  background-position: 0 -1584px;
}
.country-flag-mg {
  background-position: 0 -1600px;
}
.country-flag-ml {
  background-position: 0 -1616px;
}
.country-flag-mi {
  background-position: 0 -1632px;
}
.country-flag-mr {
  background-position: 0 -1648px;
}
.country-flag-mn {
  background-position: 0 -1664px;
}
.country-flag-my {
  background-position: 0 -1680px;
}
.country-flag-ne {
  background-position: 0 -1696px;
}
.country-flag-pa {
  background-position: 0 -1714px;
}
.country-flag-st {
  background-position: 0 -1728px;
}
.country-flag-si {
  background-position: 0 -1744px;
}
.country-flag-so {
  background-position: 0 -1760px;
}
.country-flag-su {
  background-position: 0 -1776px;
}
.country-flag-tg {
  background-position: 0 -1792px;
}
.country-flag-uz {
  background-position: 0 -1808px;
}
.country-flag-yo {
  background-position: 0 -1824px;
}
.country-flag-zu {
  background-position: 0 -1840px;
}

/* 全局设置 全局颜色class提取命名  对应  view/theme10007/color.html 中颜色设置 */
.color-page-btn {
  color: var(--pageBtn);
}
/* 通用 */
/* 背景 */
.color-common-background {
  background-color: var(--commonBackground);
}
/* 层次背景 */
.color-common-background2 {
  background: var(--commonBackground2);
}
/* 按钮 */
.color-common-button {
  color: var(--commonButtonText);
  background: var(--commonButton);
}
.color-common-button:hover {
  background: var(--commonHover);
  color: var(--commonButtonText);
}
.color-common-button-background {
  background: var(--commonButton);
}
/* 按钮文字 */
.color-common-button-text {
  color: var(--commonButtonText);
}
/* 按钮Hover 这里参考之前的代码  hover 有两个地方 一个是color 一个是background */
.color-common-hover:hover {
  color: var(--commonHover);
}
.color-common-hover-background:hover {
  background: var(--commonHover);
  color: var(--commonButtonText);
}
/* 标题 */
.color-common-title {
  color: var(--commonTitle);
}
/* 文字 */
.color-common-word {
  color: var(--commonWord);
}
/* 正文 */
.color-common-content {
  color: var(--commonContent);
}
/* 线框 这里 line 边框   这里参考之前的代码  有两个地方 一个是border   一个是border-bottom */
.color-common-line {
  border: 1px solid var(--commonLine);
}
.color-common-line-bottom {
  border-bottom: 1px dashed var(--commonLine);
}
/* 价格 */
.color-common-price {
  color: var(--commonPrice);
}
/* 热销标签 */
.color-common-hot {
  background: var(--commonHot);
}
/* 图标 */
.color-common-icon {
  color: var(--commonIcon);
}
/* 公告 */
/* 背景 */
.color-top-background {
  background: var(--topBackground);
}
/* 文字 */
.color-top-background-text {
  color: var(--topBackgroundText);
}
/* 图标 */
.color-top-icon {
  color: var(--topIcon);
}
/* 页头 */
/* 背景 */
.color-head-background {
  background: var(--headBackground);
}
/* 文字 */
.color-head-background-text {
  color: var(--headBackgroundText);
}
/* 图标 */
.color-head-icon {
  color: var(--headIcon);
}
/* 页尾 */
/* 背景 */
.color-foot-background {
  background: var(--footBackground) none repeat scroll 0 0;
}
/* 标题 */
.color-foot-background-title {
  color: var(--footBackgroundTitle);
}
/* 文字 */
.color-foot-background-text {
  color: var(--footBackgroundText);
}
/* 图标 */
.color-foot-icon {
  color: var(--footIcon);
}
/* 边框 */
.color-foot-line {
  color: var(--footLine);
}
/* 富文本重置样式 */

.rich-text-style-reset *:not(iframe) {
  all: revert;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  font-family: sans-serif;
}

.rich-text-style-reset *[style*="color"] * {
  color: inherit;
}

.rich-text-style-reset *[style*="font-size"] * {
  font-size: inherit;
}

.rich-text-style-reset strong {
  font-weight: 700;
}

.rich-text-style-reset img {
  width: 100%;
  height: auto;
}

img.image-src-error {

}

::-ms-reveal {
  display: none;
}