@charset "UTF-8";

:root {
  --gutter: 16px;
  --gutter-medium: 16px;
  --gutter-large: 16px;
  --gutter-xLarge: 16px;
  --gutter-largeNoSpace: 0;
  --wrapper-gutter: 16px;
  --wrapper-gutter-medium: 16px;
  --wrapper-gutter-large: 16px;
  --wrapper-gutter-largeNoSpace: 0;
  --wrapper-gutter-largeNoSpace_paddrl: 0;
  --wrapper-gutter-noSpace: 0px;
  --wrapper-gutter-xlarge: 0px;
  --wrapper-horizontal-padding: 32px;
  --wrapper-horizontal-margin: 72px;
  --slot-horizontal-padding: 16px;
  --hero-width: 100vw;
  --scrollbar-width: 0px;
  --sliding-underline-weight: 3px;
  --header-height: 75px;
  --promobar-height: 40px;
  --promobar-height-sticky-mod: 0px;
  --editorialbar-height: 0px;
  --editorialbar-height-sticky-mod: 0px;
  --viewport-height: 100vh;
}

@media(hover:none)and (pointer:coarse) {
  :root {
    --viewport-height: calc(var(--vh, 1vh)*100)
  }
}

@media(min-width:1024px) {
  :root {
    --gutter: 32px;
    --gutter-medium: 64px;
    --gutter-large: 48px;
    --gutter-xLarge: 48px;
    --gutter-largeNoSpace: 48px;
    --wrapper-gutter: 32px;
    --wrapper-gutter-medium: 64px;
    --wrapper-gutter-large: 96px;
    --wrapper-gutter-largeNoSpace: 96px;
    --wrapper-gutter-largeNoSpace_paddrl: 96px;
    --wrapper-gutter-noSpace: 0px;
    --wrapper-horizontal-padding: 72px;
    --wrapper-horizontal-margin: 96px
  }
}

@media(min-width:1025px) {
  :root {
    --header-height: 150px;
    --wrapper-gutter-xlarge: 96px
  }
}

@media(min-width:1280px) {
  :root {
    --gutter-large: 96px;
    --gutter-largeNoSpace: 96px;
    --gutter-xLarge: 96px
  }
}

@media(min-width:1920px) {
  :root {
    --gutter-xLarge: 144px;
    --wrapper-gutter-xlarge: 144px
  }
}

@media(min-width:1921px) {
  :root {
    --wrapper-gutter: calc(50vw - 928px);
    --wrapper-gutter-medium: calc(50vw - 896px);
    --wrapper-gutter-large: calc(50vw - 864px);
    --wrapper-gutter-xlarge: calc(50vw - 816px);
    --wrapper-gutter-largeNoSpace: calc(50vw - 864px);
    --wrapper-gutter-largeNoSpace_paddrl: calc(50vw - 864px);
    --wrapper-gutter-noSpace: calc(50vw - 960px);
    --hero-width: 1920px
  }
}

.hide {
  display: none;
}

.block_tz_fq_class {
  max-width: 100% !important;
}

.blockBtnBlack {
  background-color: #000 !important;
  color: #fff !important;
}

.blockBtnWhite {
  background-color: #fff !important;
  border: solid 1px #000 !important;
  color: #000 !important;
}

.block .jiantouprev {
  width: 40px;
  height: 40px;
  left: 30px;
  background-image: url(../../img/block/jt_left.png);
  background-size: 100% 100%;
  z-index: 1;
  outline: none;
}

.jiantounext {
  position: absolute;
  top: 50%;
}

.jiantouprev {
  position: absolute;
  top: 50%;
}

.block .jiantounext {
  right: 30px;
  width: 40px;
  height: 40px;
  background-image: url(../../img/block/jt_right.png);
  background-size: 100% 100%;
  z-index: 1;
  outline: none;
}

@media (max-width:1025px) {
  .block .jiantouprev {
    width: 40px;
    height: 40px;
    left: 16px;
    background-image: url(../../img/block/jt_left.png);
    background-size: 100% 100%;
    z-index: 1;
    outline: none;
  }

  .block .jiantounext {
    right: 16px;
    width: 40px;
    height: 40px;
    background-image: url(../../img/block/jt_right.png);
    background-size: 100% 100%;
    z-index: 1;
    outline: none;
  }
}

.block .jiantounext:after,
.block .swiper-container-rtl .jiantouprev:after {
  content: '' !important;
}

.block .swiper-pagination {
  bottom: 0;
  left: 0;
  width: 100%;
}

.block .swiper-pagination span {
  margin-left: 5px;
}

.block_swiperlist_mob .swiper-pagination span {
  margin-left: 8px;
  margin-right: 8px;
  width: 10px;
  height: 10px;
}

.block_swiperlist_mob .swiper-pagination {
  bottom: 16px;
  left: 0;
  width: 100%;
  font-size: 0px;
}

.block .plp_mouse_hover .swiper-pagination span {
  margin-left: 0px;
}

.block .works_click_front .swiper-pagination span {
  margin-left: 0px;
}


.block .jiantouprev:after,
.block .swiper-container-rtl .jiantounext:after {
  content: '' !important;
}

.block .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0) !important;
  border: solid 1px #FFFFFF !important;
}

.block .swiper-pagination-bullet-active {
  background: #FFFFFF !important;
  border: solid 1px #FFFFFF !important;
}

.block_red_swiper_spot_bg .swiper-pagination-bullet {
  background: #D8D8D8 !important;
  border: none !important;
}

.block_red_swiper_spot_bg .swiper-pagination-bullet-active {
  background: #C10016 !important;
  border: none !important;
}

.block_black_swiper_spot_bg .swiper-pagination-bullet {
  background: #D8D8D8 !important;
  border: none !important;
}

.block_black_swiper_spot_bg .swiper-pagination-bullet-active {
  background: #333333 !important;
  border: none !important;
}



.block_swiper_pc video {
  width: 100%;
  box-sizing: border-box;
}

.block_swiper_pc block {
  width: 100%;
}

.block_swiperlist_mob video {
  width: 100%;
  box-sizing: border-box;
}

.block_swiper_mob_nav_under {
  z-index: 0;
  top: -66px;
}



.block_swiperlist_mob .swiper-pagination-bullet {
  background: #D8D8D8;
  border: none;
}

.block_swiperlist_mob .swiper-pagination-bullet-active {
  background: #333333;
  border: none;
}


.block_swiperlist_mob img {
  padding: 0px;
  vertical-align: top;
}

.block_swiperlist_mob .title_inside {
  position: absolute;
  bottom: 44px;
  z-index: 2;
}


@media (min-width: 1025px) {

  .dual_text_img_con .dual_text_img_con_r h2 {
    line-height: 40px;
    margin-bottom: 24px;
  }
}

.dual_text_img_con .dual_text_img_con_r p {
  margin-bottom: 38px;
}


.swiper_three_grouping .swiper_three_img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper_three_grouping .swiper_three_img div {
  overflow: hidden;

}

.swiper_banner_grouping .swiper_three_img {
  display: flex;
  justify-content: center;
  align-items: center;

}

.swiper_banner_grouping .swiper {
  padding-bottom: 43px;
}

.swiper_banner_grouping .swiper .swiper-pagination {
  bottom: 0px;
}

.swiper_banner_grouping .swiper-pagination-bullet-active {
  background: #333333;
}

.swiper_banner_grouping .text_content {
  width: 100%;
  padding: 0px 20%;
  box-sizing: border-box;
}

.swiper_banner_grouping .text_content .swiper_banner_grouping_list_title {
  width: 100%;
  word-break: break-all;
  text-align: center;
}

.swiper_banner_grouping .text_content .swiper_banner_grouping_list_detail {
  width: 100%;
  word-break: break-all;
}

.block_three_custom_back .toConfigure_img {
  margin-left: 8px;
  margin-right: 8px;
  padding: 55px 12px;
  background-repeat: no-repeat;
  background-size: cover;
}


.block_three_custom_back .toConfigure_img div {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}


.three_img_completely_fill {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
}

.three_img_completely_fill .toConfigure_img {
  margin-left: 8px;
  margin-right: 8px;
}

.multiStoreyTransverse {
  padding: 57px 0px;
}

.tabManyModel .top .left_right img {
  box-sizing: border-box;
}

.tabManyModel .topTab {
  margin-bottom: 15px;
  width: auto;
}


.tabManyModel .topTab .listEveryLast {
  font-weight: 600;
  padding-top: 8px;
  text-align: center;
  color: #767676;
}

.tabManyModel .topTab .listEveryLast div {
  width: 0%;
  border-bottom: solid 3px #C10016;
  margin-top: 8px;
  transition: width 0.5s;
}

.tabManyModel .topTab .listEveryLast .listEveryLastDiv {
  width: 100%;
}

.tabManyModel .topTab .listEveryLast_color {
  color: #000000;
  font-size: 1.125rem;
}

.tabManyModel .topTab .listEveryLast:hover div {
  width: 100%;
}

.titlePText {
  margin-top: 20px;
}

@media (max-width: 1025px) {
  .cartierTitle a {
    margin-top: 0px;
  }

  .cartierTitle .block_fl_column>.buttoncontrol {
    margin-top: 20px;
  }

  .cartierTitle .button2 a {
    margin-top: 0px;
  }

  .dual_text_img_con .dual_text_img_con_r p {
    margin-bottom: 0px;
  }

  .dual_text_img_con .dual_text_img_con_r h2 {
    /* line-height: 0px; */
    margin-bottom: 0px;
  }

  .block_imgText_lr .dual_text_img_con_r p {
    margin-bottom: 0px;
  }

  .tabManyModel .topTab .listEveryLast:hover div {
    width: 100%;
  }

  .tabManyModel .topTab {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .tabManyModel .topTab .listEveryLast {
    margin: 0px;
    flex: 1;
    text-align: center;
  }

  .tabManyModel .topTab .listEveryLast div {
    margin-top: 0px;
  }
}

.tabManyModel .swiper_banner_groupingTtabManyModel {
  padding-top: 57px;
  padding-bottom: 32px;
}

.tabManyModel .swiper_banner_groupingTtabManyModel .swiper_three_img {
  padding: 44px 0px 62px 0px;
}

.tabManyModel .swiper_banner_groupingTtabManyModel .swiper_three_img div {
  overflow: hidden;
}

.tabManyModel .swiper_banner_groupingTtabManyModel .swiper5 {
  padding-bottom: 43px;
}

.tabManyModel .swiper_banner_groupingTtabManyModel .swiper5 .swiper-pagination {
  bottom: 0px;
}

.tabManyModel .swiper_banner_groupingTtabManyModel .swiper-pagination-bullet-active {
  background: #333333;
}

@media (max-width: 1025px) {
  .tabManyModel .tabManyModel_pc {
    display: none;
  }

  .tabManyModel .tabManyModel_mob {
    display: block;
  }

  .tabManyModel .tabManyModel_mob .top .topTab {
    padding: 64px 0px 32px 0px;
    margin: 0px;
  }

  .tabManyModel .tabManyModel_mob .top .topTab .listEveryLast {
    margin: 0px;
  }

  .tabManyModel .tabManyModel_mob .top .topTab .listEveryLast div {
    border-bottom: solid 2px #C10016;
  }

  .tabManyModel .tabManyModel_mob .bottom .topTab {
    padding-top: 16px;
    margin: 0px;
  }

  .tabManyModel .tabManyModel_mob .bottom .topTab .listEveryLast {
    margin: 0px;
    padding-top: 16px;
  }

  .tabManyModel .tabManyModel_mob .bottom .topTab .listEveryLast div {
    margin-top: 16px;
    border-bottom: solid 2px #C10016;
  }

  .tabManyModel .tabManyModel_mob .bottom .swiper_banner_groupingTtabManyModel {
    padding: 0px;
  }

  .tabManyModel .tabManyModel_mob .bottom .swiper_banner_groupingTtabManyModel .swiper_three_img {
    padding: 0px;
    margin: 0px;
    background: none;
  }

  .tabManyModel .tabManyModel_mob .bottom .swiper_banner_groupingTtabManyModel .title {
    bottom: 36px;
  }

  .tabManyModel .tabManyModel_mob .bottom .swiper_banner_groupingTtabManyModel .title h2 {
    text-decoration: underline;
  }

  .tabManyModel .tabManyModel_mob .bottom .swiper_banner_groupingTtabManyModel .swiper-container .swiperlistCopywriting {
    position: absolute;
    top: 16px;
    margin: 0px;
  }

  .tabManyModel .tabManyModel_mob .bottom .swiper_banner_groupingTtabManyModel .swiper-container .bottom_img {
    box-sizing: border-box;
  }
}


.lateralSmooth .scroll_k {
  height: 5px;
  padding: 0px 220px 0px 124px;
}

.lateralSmooth .scroll_k .scroll {
  height: 100%;
  border-radius: 10px;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);

}

.lateralSmooth .padd_96_l {
  margin: 20px 0px;
}

.lateralSmooth .swiper_three_img {
  padding: 55px 12px;
  width: 100%;

}

.lateralSmooth .swiper_three_img div {
  overflow: hidden;
}

.option {
  opacity: 0.2;
}

.lateralSmooth .swiper-scrollbar-drag {
  height: 100% !important;
}


@media (max-width: 1025px) {

  .lateralSmooth {
    display: block;
  }

  .lateralSmooth .scroll_k {
    height: 3px;
    padding: 0px 24px;
  }

  .lateralSmooth .scroll_k .swiper-scrollbar {
    height: 100%;
  }

  .lateralSmooth .swiper-scrollbar-drag {
    height: 100% !important;
  }
}




.copyPositionControl .multiStoreyTransverseCpc {
  padding-top: 57px;
  padding-bottom: 58px;
  background-color: #F9F9F9;
}

.copyPositionControl .imgList {
  flex: 0 0 21%;
}

.copyPositionControl .imgList {
  margin-left: 29px;
  margin-right: 29px;
}

.copyPositionControl .imgList div {
  margin-bottom: 64px;
}

.copyPositionControl .title_control {
  display: flex;
  justify-content: center;
}

.copyPositionControl .copywritingTopInside {
  background-color: #F9F9F9;
}

@media (max-width: 1025px) {
  .copyPositionControl .title_control {
    display: block;

  }

  .copyPositionControl .multiStoreyTransverseCpc {
    padding-bottom: 0px;
  }

  .copyPositionControl .copyPositionControlpad {
    padding: 88px;
    box-sizing: border-box;
  }

  .copyPositionControl .copyPositionControlpad a {
    width: 100%;
    height: 100%;
  }

  .copyPositionControl .copyPositionControlpad img {
    width: 100%;
    height: 100%;
  }

  .copyPositionControl .copywritingTopInside .copyPositionControlpad {
    padding-top: 0px !important;
  }

  /* .copyPositionControl .copywritingTopInside .swiper-button-prev{top:calc(50% - 88px)} */
  .copyPositionControl .copywritingTopInside {
    padding: 0px;
  }

  .copyPositionControl .copywritingTopInside .swiper-slide {
    box-sizing: border-box;
    width: 100%;
  }

  .copyPositionControl .copywritingTop .swiper_banner_groupingTtabManyModel {
    padding: 0px;
  }

  .copyPositionControl .copywritingTop .swiper_banner_groupingTtabManyModel .swiper_three_img {
    padding: 0px;
    margin: 0px;
    background: none;
  }

  .copyPositionControl .copywritingTop .swiper_banner_groupingTtabManyModel .title {
    bottom: 36px;
  }

  .copyPositionControl .copywritingTop .swiper_banner_groupingTtabManyModel .title h2 {
    text-decoration: underline;
  }

  .copyPositionControl .copywritingTop .swiper_banner_groupingTtabManyModel .swiper-container .swiperlistCopywriting {
    position: absolute;
    top: 16px;
    margin: 0px;
  }

  .copyPositionControl .title_content {
    width: 90%;
    margin-left: 5%;
  }

  .copyPositionControl .copywritingTop .swiper_banner_groupingTtabManyModel .swiper-container .bottom_img {
    /* padding: 88px; */
    box-sizing: border-box;
  }

  .copyPositionControl .copywritingBottom .swiper_banner_groupingTtabManyModel {
    padding: 0px;
  }

  .copyPositionControl .copywritingBottom .swiper_banner_groupingTtabManyModel .swiper_three_img {
    padding: 0px;
    margin: 0px;
    background: none;
  }

  .copyPositionControl .copywritingBottom .swiper_banner_groupingTtabManyModel .title {
    bottom: 36px;
  }

  .copyPositionControl .copywritingBottom .swiper_banner_groupingTtabManyModel .title h2 {
    text-decoration: underline;
  }

  .copyPositionControl .copywritingBottom .swiperlistCopywriting {
    background-color: #ffffff;
  }

  .copyPositionControl .copywritingBottom .bottom_img {
    box-sizing: border-box;
  }
}

.purchaseGoods {
  width: 100%;
}

.purchaseGoods .pgList {
  margin-bottom: 38px;
}

.purchaseGoods .shoppingCarCircular {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  right: 16px;
  overflow: hidden;
  transition: 0.3s;
}

.purchaseGoods .shoppingCarCircular:hover {
  width: 145px;
  border-radius: 21px;
}

.purchaseGoods .shoppingCarCircular img {
  width: 19px;
  height: 19px;
}

.purchaseGoods .shoppingCarCircular .text {
  display: none;
  transform: translateX(100%);
  color: #fff;
}

.purchaseGoods .shoppingCarCircular:hover img {
  transform: translateX(0%);
  margin-right: 15px;

}

.purchaseGoods .shoppingCarCircular:hover .text {
  transform: translateX(0%);
  display: flex;
  justify-content: center;
  align-items: center;
}


.purchaseGoods .shopingCarSquareRedEdge {
  width: 50px;
  height: 42px;
  right: 8px;
  transition: 0.3s;
  overflow: hidden;

}

.purchaseGoods .shopingCarSquareRedEdge img {
  /* transform: translateY(50%); */
  transition: 0.3s;
  position: absolute;
  left: 10px;
  top: 10px;

}

@media all and (-ms-high-contrast:active),
all and (-ms-high-contrast:none) {
  .purchaseGoods .shopingCarSquareRedEdge img {
    transform: translateY(50%);
    transition: 0.3s;
    position: absolute;
    left: 50%;
    top: 50%;
  }
}

.purchaseGoods .shopingCarSquareRedEdge .text {
  width: auto;
  height: 42px;
  right: -10px;
  transform: translateX(100%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: 0.3s;

}

.purchaseGoods .shopingCarSquareRedEdge:hover {
  width: 144px;
}

.purchaseGoods .shopingCarSquareRedEdge:hover .text {
  transform: translateX(0%);
}

.purchaseGoods .shopingCarSquareRedEdge:hover img {
  transform: translateX(0%);
  margin-right: 16px;
}

.purchaseGoods .shopingCarSquareRedEdge .rad {
  width: 8px;
  height: 100%;
  background-color: #C10016;
}

.purchaseGoods .shopingCarSquareRedEdge img {
  width: 22px;
  height: 22px;
}



.purchaseGoods .shopingCarRadText {
  width: 144px;
  height: 42px;
  right: 0px;
  color: #FFFFFF;
}

.purchaseGoods .shopingCarRadText .rad {
  width: 8px;
  height: 100%;
  background-color: #C10016;
}

.purchaseGoods .shopingCarRadText img {
  width: 22px;
  height: 22px;
  margin-right: 16px;
}

.purchaseGoods .posShopping {
  background-color: #000000;
  position: absolute;
  transform: translateY(-50%);
  bottom: 0px;
  z-index: 4;
}

@media (max-width: 1025px) {
  .purchaseGoods .pgList {
    margin-bottom: 0px;
  }

  .purchaseGoods .shopingCarSquareRedEdge:hover img {
    transform: translateX(0%);
    margin-right: 0px;
  }

  .purchaseGoods .shopingCarSquareRedEdge img {
    transform: translateX(0%);
    margin-right: 0px;

  }

  .purchaseGoods .shopingCarSquareRedEdge:hover {
    width: 32px;
  }

  .purchaseGoods .shopingCarSquareRedEdge .text {
    transform: translateX(200%);
    display: none;
  }

  .purchaseGoods .shopingCarSquareRedEdge:hover .text {
    transform: translateX(200%);
  }


  .purchaseGoods .shoppingCarCircular:hover {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }

  .purchaseGoods .shoppingCarCircular img {
    transform: translateX(0%);
    margin-right: 0px;
  }

  .purchaseGoods .shoppingCarCircular .text {
    transform: translateX(100%);
    display: none;
  }

  .purchaseGoods .shoppingCarCircular:hover img {
    transform: translateX(0%);
    margin-right: 0px;

  }

  .purchaseGoods .shoppingCarCircular:hover .text {
    transform: translateX(100%);
  }




  .purchaseGoods {
    flex-direction: column !important;
  }

  .purchaseGoods .shoppingCarCircular {
    width: 24px;
    height: 24px;
    right: 8px;
  }

  .purchaseGoods .shoppingCarCircular img {
    width: 16px;
    height: 16px;
  }

  .purchaseGoods .shopingCarSquareRedEdge {
    width: 32px;
    height: 24px;
    right: 0px;
  }

  .purchaseGoods .shopingCarSquareRedEdge .rad {
    width: 4px;
  }

  .purchaseGoods .shopingCarSquareRedEdge img {
    width: 16px;
    height: 16px;
  }

  .purchaseGoods .shopingCarRadText {
    width: 93px;
    height: 24px;
  }

  .purchaseGoods .shopingCarRadText .rad {
    width: 4px;
  }

  .purchaseGoods .shopingCarRadText img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }
}

.worksElasticLayer {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 20;
  top: 0px;
  left: 0px;
  justify-content: flex-end;
}

.worksElasticLayer .worksElasticLayerBackground {
  opacity: 0;
  transition: 0.5s;
  width: 100%;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.worksElasticLayer .worksElasticLayerBackgroundXs {
  opacity: 1;
  transition: 0.5s;
}

.worksElasticLayer .worksDetails {
  z-index: 11;
  transform: translateX(100%);
  transition: 0.5s;
  width: 500px;
  background-color: #FFFFFF;
}

.worksElasticLayer .worksDetails .title {
  width: 100%;
  padding: 24px 0px;
  border-bottom: solid 1px var(--border-color);
  margin-bottom: 31px;
  position: relative;
}

.worksElasticLayer .worksDetails .title img {
  position: absolute;
  right: 32px;
  top: calc(50%-16px);
  width: 16px;
  height: 16px;
}

.worksElasticLayer .worksDetails .worksPin {
  width: 400px;
}

.worksElasticLayer .worksDetails .worksPin .worksGoodsImg {
  width: 140px;
  height: 140px;
}

.worksElasticLayer .worksDetails .worksPin .worksGoodsImg img {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}

.worksElasticLayer .worksDetails .worksImgBig {
  height: 400px;
  margin-bottom: 48px;
}

.worksElasticLayer .worksDetails .worksText {
  margin-left: 24px;
}

.worksElasticLayer .worksDetails .worksText div:nth-child(1) {
  font-weight: 600;
  letter-spacing: 1px;
}

.worksElasticLayer .worksDetails .worksText div:nth-child(2) {
  line-height: 24px;
  color: #767676;
  margin: 4px 0px;
}

.worksElasticLayer .worksDetails .worksText div:nth-child(3) {
  font-weight: 600;
  color: #000000;
}

.worksElasticLayer .worksDetails .youCanBuyIt {
  width: 400px;
  padding: 14px 0px 48px 0px;
  border-bottom: solid 1px var(--border-color);
  justify-content: flex-end;
}

.worksElasticLayer .worksDetails .youCanBuyIt a {
  margin-right: 8px;
  letter-spacing: 1px;
}

.worksElasticLayer .worksDetails .SelectSeries {
  width: 400px;
  height: 35px;
  background-color: #000;
  color: #fff;
  margin-top: 31px;
}

.worksElasticLayer .worksDetailsXg {
  transform: translateX(0%);
  transition: 0.5s;
}

.worksElasticLayer .divosition {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}

@media (max-width: 1025px) {
  .worksElasticLayer .worksDetails {
    width: 100%;
    transform: translateY(100%);
  }

  .worksElasticLayer .worksDetails .worksPin {
    width: 100%;
  }

  .worksElasticLayer .worksDetails .worksPin .worksGoodsImg {
    width: 140px;
    height: 140px;
  }

  .worksElasticLayer .worksDetails .worksPin .worksGoodsImg img {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }

  .worksElasticLayer .worksDetails .worksPin_padd {
    padding: 0px 16px;
    box-sizing: border-box;
  }

  .worksElasticLayer .worksDetails .youCanBuyIt {
    width: 100%;
    padding-bottom: 48px;
    margin-top: 14px;
  }

  .worksElasticLayer .worksDetails .worksImgBig {
    margin-bottom: 48px;
  }

  .worksElasticLayer .worksDetails .worksText {
    display: block;
    margin-left: 24px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(1) {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(2) {
    line-height: 24px;
    color: #767676;
    margin: 4px 0px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(3) {
    font-weight: 600;
    color: #000000;
    margin-bottom: 4px;
    line-height: 24px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(4) {
    color: #767676;
    line-height: 24px;
  }

  .worksElasticLayer .worksDetailsXg {
    transform: translateY(0%);
  }
}



.bottomPopup {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
}

.bottomPopup .botPopupContent {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px 50px 0px 23px;
  transform: translateY(100%);
  transition: 5s;
}

.bottomPopup .botPopupContent .title {
  margin-top: 20px;
  color: #000;
}

.bottomPopup .botPopupContent div:nth-child(2) {
  margin-top: 14px;
  color: #000;
}

.bottomPopup .botPopupContent div:nth-child(3) {
  justify-content: flex-end;
  margin-top: 39px;
  margin-bottom: 24px;
}

.bottomPopup .botPopupContent div:nth-child(3) div:nth-child(1) {
  background-color: #000000;
  color: #FFFFFF;
}

.bottomPopup .botPopupContent div:nth-child(3) div:nth-child(2) {
  color: #000000;
  margin: 0px 32px;
}

.bottomPopup .botPopupContent div:nth-child(3) div {
  width: 278px;
  height: 33px;
  border: solid 1px #000;
}

.centerPopUp {
  display: none;
}

.centerPopUp .centerAll {
  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0px;
  left: 0px;
  padding-left: 96px;
  padding-right: 96px;
  padding-left: var(--wrapper-gutter-largeNoSpace_paddrl);
  padding-right: calc(var(--wrapper-gutter-largeNoSpace_paddrl) + var(--scrollbar-width));
  box-sizing: border-box;
  z-index: 999;
}

.centerPopUp .centerAll .centerBlock {
  width: 720px;
  min-height: 200px;
  background-color: #FFFFFF;
  margin: 72px auto;
}

.centerPopUp .centerAll .centerBlock .cerTitleFrame {
  width: 100%;
  background-color: #C10016;
  padding: 3px 0px;
}

.centerPopUp .centerAll .centerBlock .cerTitleText {
  padding: 24px 0px;
  border-bottom: solid 1px #E6E6E6;
}

.centerPopUp .centerAll .centerBlock .cerTitleText img {
  position: absolute;
  right: 31px;
  top: calc(50%-14px);
  width: 14px;
  height: 14px;
}

.centerPopUp .centerAll .centerBlock .content {
  padding: 48px 96px 72px 96px;
  padding: 48px var(--gutter-large) 72px var(--gutter-large);
}


.mob_about_swiper .swiper-slide {
  /* padding: 44px; */
}

.mob_about_swiper .swiper_banner_groupingTtabManyModel {
  padding-top: 57px;
  padding-bottom: 32px;
}

.mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper_three_img {
  padding: 44px 0px 62px 0px;
}

.mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper_three_img div {
  overflow: hidden;
}

.mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper5 {
  padding-bottom: 43px;
}

.mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper5 .swiper-pagination {
  bottom: 0px;
}

.mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper-pagination-bullet-active {
  background: #333333;
}

@media (max-width: 1025px) {
  .mob_about_swiper .swiper_banner_groupingTtabManyModel {
    padding: 0px;
  }

  .mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper_three_img {
    padding: 0px;
    margin: 0px;
    background: none;
  }

  .mob_about_swiper .swiper_banner_groupingTtabManyModel .title {
    bottom: 36px;
  }

  .mob_about_swiper .swiper_banner_groupingTtabManyModel .title h2 {
    text-decoration: underline;
  }

  .mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper-container .swiperlistCopywriting {
    position: absolute;
    top: 16px;
    margin: 0px;
  }

  .mob_about_swiper .swiper_banner_groupingTtabManyModel .swiper-container .bottom_img {
    box-sizing: border-box;
  }

  .mob_about_swiper .bg_img_top .bg_swiper {
    width: 100%;
  }
}

.titlePText {
  text-align: center;
}



.fl_ld {
  flex-flow: row wrap;
  align-content: flex-start;
}

.textDisplayFewLines {
  text-overflow: -o-ellipsis-lastline;
  /* overflow: hidden;*/
  text-overflow: ellipsis;
  display: -webkit-box;
  /*  -webkit-line-clamp   控制文字显示几行 */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.block_buttonstyle {
  /*消除button的默认样式*/
  /*这种写法是对所有的button标签同时生效*/
  padding: 0px;
  /*自定义边框*/
  border: 0;
  /*消除默认点击蓝色边框效果*/
  outline: none;
  background-color: transparent;
  background-color: #FFFFFF;
}



.block_width100 {
  max-width: 100%;
  max-height: 100%;
}

.swiperImgWidth {
  width: 100%;

}

.maxswiperImgWidth {
  max-width: 100%;

}

.block_div_hid {
  overflow: hidden;
}

.block_works {
  max-width: 100%;
  transform: scale(1);
  transition: 0.5s;
  max-height: 100%;
}

.block_works:hover {
  transform: scale(1.1);
}

.block_title_content h2 {
  margin-bottom: 14px;
}

.block_background_size {
  background-repeat: no-repeat;
  background-size: cover;
}

.block_fl_column {
  flex-direction: column;
}

.block_mar_96_bottom {
  margin-bottom: 16px;
  margin-bottom: var(--slot-horizontal-padding);
}

.block_padd_96_l {
  padding-left: 96px;
  padding-left: var(--wrapper-gutter-largeNoSpace_paddrl);

}

.block_padd_96_r {
  padding-right: 96px;
  padding-right: calc(var(--wrapper-gutter-largeNoSpace_paddrl) + var(--scrollbar-width));
}


.block_padd_96_l .jiantouprev {
  left: -60px !important;
}

.block_padd_96_l .jiantounext {
  right: -60px !important;
}





.block_line-h32 {
  /* line-height: 32px; */
}

.block_line-h22 {
  line-height: 22px;
}

.block_line-h26 {
  line-height: 26px;
}

.block_line-h17 {
  line-height: 17px;
}

@media (max-width:1024px) {
  .smblock_line-h22 {
    line-height: 22px;
  }
}




/* 模块grid */
.dual_text_img_con {
  display: flex;
}

.dual_text_img_con>div {
  flex: 0 0 50%;

}

@media (max-width:1024px) {
  .dual_text_img_con>div {
    flex: 0 0 100%;

  }
}

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

.dual_text_img_con_r {
  word-wrap: break-word;
  word-break: break-all;
}

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

.block_three_custom_back>div {
  flex: 0 0 33.333%;
}

.multiStoreyTransverse .block_cross_section_custom_back_list {
  display: flex;
  justify-content: center;
}

.multiStoreyTransverse .block_cross_section_custom_back_list>div {
  flex: 0 0 calc(25% - 58px);
  width: 25%;
}

.multiStoreyTransverse .block_cross_section_custom_back_list>h2 {
  word-wrap: break-word;
  word-break: break-all;
}

@media (max-width:1024px) {
  .dual_text_img_con {
    flex-direction: column;
  }

  .block_three_custom_back {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .multiStoreyTransverse .block_cross_section_custom_back_list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .dual_text_img_con {
    grid-template-columns: repeat(1, 1fr);
  }
}

*[click_url] {
  cursor: pointer;
}

/* 即刻选购 */
.onAddPurchase {
  cursor: pointer;
}

/* 标题block */
.cartierTitle {
  width: 100%;
  display: flex;
  justify-content: center;
}

.cartierTitle>div {
  width: 60%;

}

.block_astyle {
  text-decoration: underline;
}


.titleBtnExplore1 {
  width: 127px;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.titleBtnExplore2 {
  width: 126px;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width:1024px) {
  .cartierTitle>div {
    width: 80%;

  }

  .img_text_shoppingcar .block_fl_column {
    justify-content: center !important;
  }
}

.block_imgText_lr .titlePText {
  text-align: left;
}

.block_imgText_lr .block_fl_column {
  align-items: flex-start;
}



.block_imgText_rl .titlePText {
  text-align: left;
}

@media (min-width:1024px) {
  .block_imgText_rl .block_fl_column {
    align-items: flex-start;
  }
}


.block_imgText_rl .dual_text_img_con_r p {
  margin-bottom: 24px;
}

.block_two_imgTitle {
  display: flex;

}

.block_two_imgTitle>div:nth-child(1n) {
  margin-right: 8px;
  height: 100%;
}

.block_two_imgTitle>div:nth-child(2n) {
  margin-left: 8px;
  margin-right: 0px;
}

.img_text_shoppingcar .titlePText {
  text-align: left;
}

.img_text_shoppingcar .block_fl_column {
  align-items: flex-start;
}

.img_text_shoppingcar .titlePText {
  text-align: left;
}

.hand {
  cursor: pointer;
}

.bk_title_content {
  width: 100%;
}

.tabManyModel .swiperSmooth .swiper-wrapper {
  display: flex;
  justify-content: center;
}

.tabManyModel .swiperSmooth .swiper-slide {
  width: auto;
}

.tabManyModel .swiperSmooth .swiper-slide .tabclick {
  margin: 0 20px;
  font-size: 1.2rem;
  height: 37px;
  line-height: 37px;
  box-sizing: content-box;
}

.tabManyModel .swiperSmooth .swiper-slide .listEveryLast_color {
  font-size: 1.375rem;
  color: #000;
  height: 37px;
  border-bottom: #C10016 3px solid;
}

@media (max-width:1024px) {
  .block_imgText_rl .dual_text_img_con_r p {
    margin-bottom: 0px;
  }

  .img_text_shoppingcar .block_fl_column {
    align-items: center !important;
  }

  .block_imgText_lr .block_fl_column {
    align-items: center
  }

  .tabManyModel .swiperSmooth .swiper-wrapper {
    display: flex;
    justify-content: center;
  }

  .tabManyModel .swiperSmooth .swiper-slide {
    flex: 1;
  }

  .tabManyModel .swiperSmooth .swiper-slide .tabclick {
    margin: 0;
    width: 100%;
    font-size: 1.2rem;
    height: 37px;
    line-height: 37px;
    box-sizing: content-box;
  }

  .tabManyModel .swiperSmooth .swiper-slide .listEveryLast_color {
    font-size: 1.375rem;
    color: #000;
    height: 37px;
    border-bottom: #C10016 3px solid;
  }
}

@media (max-width:1024px) {
  .block_buttom_btn {
    width: 100%;
    padding: 30px 16px 32px 16px;

  }

  .worksElasticLayer .worksDetails .SelectSeries {
    width: 100%;
  }
}

/* 新tab切换 */
.block_new_tab {
  width: 100%;
  overflow: hidden;
}

.block_new_tab .block_new_tab_swiper {
  width: 100%;
  padding: 0px 96px;
  box-sizing: border-box;
  overflow: hidden;
}

.block_new_tab .block_new_tab_swiper .swiper {
  overflow: hidden;
}

.block_new_tab .block_new_tab_swiper img {
  width: 100%;
}

.block_new_tab .block_new_tab_swiper .swiper-scrollbar {
  bottom: 32px;
  width: 18%;
  left: 41%;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 10;
}

.block_new_tab .block_new_tab_swiper .swiper-scrollbar-drag {
  background-color: #fff;
  height: 100% !important;
  margin-top: 0px !important;
}

.block_new_tab .block_new_tab_title {
  width: 100%;
  padding: 60px 0px 32px 0px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  border-bottom: solid 1px #D0D0D0;
}

.block_new_tab .block_new_tab_title .swiper-slide {
  width: auto;
}

.block_new_tab .block_new_tab_title .swiper-container {
  margin: 0px;
  display: flex !important;
  width: 100%;
}

.block_new_tab .block_new_tab_title .swiper-container .swiper-wrapper {
  width: auto;
  height: 100% !important;
  display: flex;
  align-items: center;
}

.block_new_tab .block_new_tab_title .block_new_tab_text {
  margin: 0px 60px;
  font-size: 22px;
  color: #767676;
  padding-bottom: 8px;
  border-bottom: #FFFFFF solid 3px;
}

.block_new_tab .block_new_tab_title .block_select_text {
  border-bottom: #C10016 solid 3px;
  color: #000000;
}

.block_new_tab .block_new_tab_image_list_content {
  display: flex;
  width: 100%;
  padding: 0px 96px;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-top: 48px;
}

.block_new_tab .block_new_tab_image_list_content .block_new_tab_image_list {
  width: 33.3333%;
}

.block_new_tab .block_new_tab_image_list_content .block_new_tab_image_list .block_new_tab_image {
  width: 100%;
  font-size: 0;
}

.block_new_tab .newtabclick {
  cursor: pointer;
}

.block_new_tab .block_new_tab_btn_con {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 22px;
  margin-top: 80px;
}

.block_new_tab .block_new_tab_btn_con span {
  cursor: pointer;
  text-decoration: underline
}

@media (max-width:1024px) {
  .block_new_tab .block_new_tab_swiper {
    padding: 0px;
  }

  .block_new_tab .block_new_tab_swiper .swiper-scrollbar {
    bottom: 16px;
    width: 35.2%;
    left: 32.4%;
    background-color: rgba(255, 255, 255, 0.3);
  }

  .block_new_tab .block_new_tab_title .block_new_tab_text {
    margin-left: 40px;
    margin-right: 22px;
    font-size: 11px;
    padding-bottom: 4px;
  }

  .block_new_tab .block_new_tab_title {
    padding: 16px;
    border-bottom: solid 1px #FFFFFF;
  }

  .block_new_tab .block_new_tab_image_list_content {
    padding: 0px;
    margin-top: 0px;
  }

  .block_new_tab .block_new_tab_image_list_content .block_new_tab_image_list {
    width: 50%;
  }

  .block_new_tab .block_new_tab_btn_con {
    font-size: 11px;
    margin-top: 40px;
  }
}




/* 重构 */
.block_img_cg {
  width: 100%;
}

.block_works_cg {
  max-width: 100%;
}

/* 共用的左右内边距 */
.block_padd_96_l {
  padding-left: 96px;
  padding-left: var(--wrapper-gutter-largeNoSpace_paddrl);
  box-sizing: border-box;
}

.block_padd_96_r {
  padding-right: 96px;
  padding-right: calc(var(--wrapper-gutter-largeNoSpace_paddrl) + var(--scrollbar-width));
  box-sizing: border-box;
}

/* 共用的左右内边距结束 */

/* 左右swiper */
/* pc 左右swiper 箭头*/
.block_left_right_swiper .block_title_outer_layer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_left_right_swiper .block_title_outer_layer .title_content {
  width: 90%;
}

.block_left_right_swiper .swiper-button-prev {
  left: 31px;
}

.block_left_right_swiper .swiper-button-prev,
.block_left_right_swiper .swiper-button-next {
  width: 39px;
  height: 39px;
  background-color: #fff;
  color: #000;
  border: solid 1px #efefef;
  border-radius: 50%;
}

.block_left_right_swiper .swiper-button-next {
  right: 31px;
}

.block_left_right_swiper .swiper-button-prev::after,
.block_left_right_swiper .swiper-button-next::after {
  font-size: 16px;
}

/* 小点 */
/* 点大小 */
.block_left_right_swiper .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  margin: 0 6px !important;
  /* swiper的样式等级过高 */
  border-radius: 50%;
  padding: 0;
  opacity: 1;
}

/* 点距离下面的高度 */
.block_left_right_swiper .swiper-pagination {
  bottom: 32px;
}

/* 白色 */
.block_left_right_swiper .white .swiper-pagination-bullet {
  background-color: rgba(0, 0, 0, 0) !important;
  border: solid 1px #FFFFFF !important;
}

.block_left_right_swiper .white .swiper-pagination-bullet-active {
  background-color: #FFFFFF !important;
  border: solid 1px #FFFFFF !important;
}

/* 红色 */
.block_left_right_swiper .gules .swiper-pagination-bullet {
  background-color: #D8D8D8 !important;
  border: solid 1px #D8D8D8 !important;
}

.block_left_right_swiper .gules .swiper-pagination-bullet-active {
  background-color: #C10016 !important;
  border: solid 1px #C10016 !important;
}

/* 黑色 */
.block_left_right_swiper .black .swiper-pagination-bullet {
  background-color: #D8D8D8 !important;
  border: solid 1px #D8D8D8 !important;
}

.block_left_right_swiper .black .swiper-pagination-bullet-active {
  background-color: #333333 !important;
  border: solid 1px #333333 !important;
}

.block_left_right_swiper .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_left_right_swiper .block_img {
  width: 100%;
}

@media (max-width:1025px) {
  .block_left_right_swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 8px !important;
    /* swiper的样式等级过高 */
    border-radius: 50%;
    padding: 0;
    opacity: 1;
  }

  .block_left_right_swiper .swiper-pagination {
    bottom: 16px;
  }
}

/* 左右swiper结束 */


/* 左图右文 */
/* 左右两个div */
/* pc */
.block_imgText_lr {
  width: 100%;
  display: flex;
}

.block_imgText_lr .block_lr {
  width: 50%;
}

.block_imgText_lr .block_left {
  font-size: 0;
}

.block_imgText_lr .block_imgText_lr_img {
  max-width: 100%;
}

.block_imgText_lr .block_right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_imgText_lr .block_right .title_content {
  width: 60%;
}

.block_imgText_lr .block_left .block_videoImgcontent {
  width: 100%;
}

/*将a标签转成block*/
.block_imgText_lr .block_left .block_videoImgcontent .block_a {
  display: block;
  width: 100%;
  height: 100%;
}

/* pc */
/* mob */
@media (max-width:1025px) {
  .block_imgText_lr {
    flex-direction: column;
  }

  .block_imgText_lr .block_lr {
    width: 100%;
  }

  .block_imgText_lr .block_right {
    padding: 24px 0px;
  }

  .block_imgText_lr .block_shared_title .block_title_h2 {
    margin-top: 0px;
  }

  .block_imgText_lr .block_right .title_content {
    width: 80%;
  }
}

/* mob */
/* 左图右文结束 */



/* 右图左文 */
/* pc */
.block_imgText_rl {
  width: 100%;
  display: flex;
}

.block_imgText_rl .block_lr {
  width: 50%;
}

.block_imgText_rl .block_left {
  font-size: 0;
}

.block_imgText_rl .block_imgText_rl_img {
  width: 100%;
}

.block_imgText_rl .block_right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_imgText_rl .block_right .title_content {
  width: 60%;
}

.block_imgText_rl .block_left .block_videoImgcontent {
  width: 100%;
}

/* pc */
/* mob */
@media (max-width:1025px) {
  .block_imgText_rl {
    flex-direction: column;
  }

  .block_imgText_rl .block_lr {
    width: 100%;
  }

  .block_imgText_rl .block_right {
    padding: 24px 0px;
  }

  .block_imgText_rl .block_right .block_shared_title .block_title_h2 {
    margin-top: 0px;
  }

  .block_imgText_rl .block_right .title_content {
    width: 80%;
  }
}

/* mob */
/* 右图左文结束 */


/*加购按钮 左文右图*/
.block_imgtext_rl_addshopping {
  width: 100%;
  display: flex;
}

.block_imgtext_rl_addshopping .block_lr {
  width: 50%;
}

.block_imgtext_rl_addshopping .block_right .title_content {
  width: 60%;
}

.block_imgtext_rl_addshopping .block_right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_imgText_rl_img {
  width: 100%
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent {
  width: 100%;
}

/* 加购按钮  圆的 左文右图 */
.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_circular {
  transition: .3s;
  position: absolute;
  z-index: 3;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  bottom: 24px;
  right: 24px;
  background-color: #000000;
  color: #FFFFFF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_circular .block_icon_text {
  margin-left: 15px;
  transform: translateX(100%);
  position: absolute;
  right: -100px;
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_circular .block_icon_img {
  width: 18px;
  height: 19px;
}

@media (min-width:1025px) {

  .block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_circular:hover {
    width: 145px;
    border-radius: 21px;
  }

  .block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_circular:hover .block_icon_text {
    transform: translateX(0px);
    transition: .3s;
    position: static;
  }
}

/*方按钮*/
.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_square {
  position: absolute;
  display: flex;
  bottom: 25px;
  right: 0px;
  transition: .3s;
  z-index: 3;
}

@media (min-width:1025px) {

  .block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_square:hover .square {
    width: 136px;
    transition: .3s
  }

  .block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_square:hover .text {
    transform: translateX(0px);
    transition: .3s;
    position: static;
    transition: .3s
  }
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_square .square {
  overflow: hidden;
  width: 42px;
  height: 42px;
  background-color: #000000;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .3s
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_square .square .icon_img {
  float: left;
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_square .text {
  margin-left: 16px;
  transform: translateX(100%);
  position: absolute;
  right: -100px;
}

.block_imgtext_rl_addshopping .block_left .block_videoImgcontent .block_addshopping_square .rad {
  width: 8px;
  height: 42px;
  background-color: #C10016;
}

@media (max-width:1025px) {
  .block_imgtext_rl_addshopping {
    flex-direction: column;
  }

  .block_imgtext_rl_addshopping .block_lr {
    width: 100%;
  }

  .block_imgtext_rl_addshopping .block_right {
    margin-bottom: 20px;
  }

  .block_imgtext_rl_addshopping .block_right .title_content {
    width: 80%;
  }
}

/*加购按钮左文右图结束*/



/*加购按钮 左图右文*/
.block_imgtext_lr_addshopping {
  width: 100%;
  display: flex;
}

.block_imgtext_lr_addshopping .block_lr {
  width: 50%;
}

.block_imgtext_lr_addshopping .block_right .title_content {
  width: 60%;
}

.block_imgtext_lr_addshopping .block_right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_imgText_lr_img {
  width: 100%
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent {
  width: 100%;
}

/* 加购按钮  圆的 左文右图 */
.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_circular {
  transition: .3s;
  position: absolute;
  z-index: 3;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 21px;
  bottom: 24px;
  right: 24px;
  background-color: #000000;
  color: #FFFFFF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_circular .block_icon_text {
  margin-left: 15px;
  transform: translateX(100%);
  position: absolute;
  right: -100px;
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_circular .block_icon_img {
  width: 18px;
  height: 19px;
}

@media (min-width:1025px) {

  .block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_circular:hover {
    width: 145px;
    border-radius: 21px;
  }

  .block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_circular:hover .block_icon_text {
    transform: translateX(0px);
    transition: .3s;
    position: static;
  }
}

/*方按钮*/
.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_square {
  position: absolute;
  display: flex;
  bottom: 25px;
  right: 0px;
  transition: .3s;
  z-index: 3;
}

@media (min-width:1025px) {

  .block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_square:hover .square {
    width: 136px;
    transition: .3s
  }

  .block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_square:hover .text {
    transform: translateX(0px);
    transition: .3s;
    position: static;
    transition: .3s
  }
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_square .square {
  overflow: hidden;
  width: 42px;
  height: 42px;
  background-color: #000000;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .3s
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_square .square .icon_img {
  float: left;
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_square .text {
  margin-left: 16px;
  transform: translateX(100%);
  position: absolute;
  right: -100px;
}

.block_imgtext_lr_addshopping .block_left .block_videoImgcontent .block_addshopping_square .rad {
  width: 8px;
  height: 42px;
  background-color: #C10016;
}

@media (max-width:1025px) {
  .block_imgtext_lr_addshopping {
    flex-direction: column;
  }

  .block_imgtext_lr_addshopping .block_lr {
    width: 100%;
  }

  .block_imgtext_lr_addshopping .block_right .title_content {
    width: 80%;
  }
}

/*加购按钮左图右文*/

/* 双列双图 */
.block_double_row_img {
  width: 100%;
}

.block_double_row_img .block_imgcontent {
  display: flex;
  justify-content: space-between;
}

.block_double_row_img .block_imgcontent .block_img_list {
  width: calc(50% - 8px);
  display: flex;
  align-items: center;
  flex-direction: column;
}

.block_double_row_img .block_imgcontent .block_img_list .block_a {
  display: block;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_double_row_img .block_imgcontent .block_img_list .block_a .block_img {
  max-width: 100%;
}

.block_double_row_img .block_imgcontent .block_img_list .block_title_content {
  width: 90%;
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.block_double_row_img .block_imgcontent .block_img_list .title_content {
  flex: 1;
}

.block_double_row_img .block_imgcontent .block_img_list .title_content .block_shared_title {
  justify-content: space-between;
  height: 100%;
}

.block_double_row_img .block_imgcontent .block_img_list .title_content .block_shared_title p {
  flex: 1;
}

/* 双列双图结束 */

/* 双列三图 */
.block_three_img {
  width: 100%;
  display: flex;
}

.block_three_img .block_three_img_list {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.block_three_img .block_left {
  justify-content: space-between;
  margin-right: 8px;
}

.block_three_img .block_left .block_imgvideo_content {
  width: 100%;
  flex: 1;
}

.block_three_img .block_left .block_imgvideo_content .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_three_img .block_left .block_imgvideo_content .block_a .block_img {
  max-width: 100%;
}

.block_three_img .block_right {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  justify-content: space-between;
}

.block_three_img .block_right .block_two_img_content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block_three_img .block_right .block_two_img_content:nth-child(1) {
  margin-bottom: 44px;
}

.block_three_img .block_right .block_two_img_content .block_imgvideo_content {
  width: 100%;
}

.block_three_img .block_right .block_two_img_content .block_imgvideo_content .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_three_img .block_right .block_two_img_content .block_imgvideo_content .block_a .block_img {
  max-width: 100%;
}

.block_three_img .block_title_content_center {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_three_img .block_title_content {
  width: 90%;
}

/* 双列三图结束 */

/* 三列切换 */
.block_swiper_three_switch {
  width: 100%;
}

.block_swiper_three_switch .swiper-button-prev,
.block_swiper_three_switch .swiper-button-next {
  width: 39px;
  height: 39px;
  background-color: #fff;
  color: #000;
  border: solid 1px #efefef;
  border-radius: 50%;
}

.block_swiper_three_switch .swiper-button-prev {
  left: 31px;
}

.block_swiper_three_switch .swiper-button-next {
  right: 31px;
}

.block_swiper_three_switch .swiper-button-prev::after,
.block_swiper_three_switch .swiper-button-next::after {
  font-size: 16px;
}

.block_swiper_three_switch .block_img_content {
  width: 100%;
  overflow: hidden;
}

.block_swiper_three_switch .block_img_content .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_swiper_three_switch .block_img_content .block_a .block_img {
  max-width: 100%;
}

.block_swiper_three_switch .block_arrow_content {
  position: static;
}

.block_swiper_three_switch .block_title_outer_layer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_swiper_three_switch .block_title_outer_layer .block_title_content {
  width: 90%;
}

.block_swiper_three_switch .block_img_content:hover .block_img {
  transform: scale(1.1);
}

.block_swiper_three_switch .block_img_content .block_img {
  transition: 0.5s;
}

/* 三列切换结束 */
/* 四列切换 */
.block_swiper_four_switch .block_title_outer_layer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_swiper_four_switch .block_title_outer_layer .block_title_content {
  width: 90%;
}

.block_swiper_four_switch .block_img_content {
  width: 100%;
}

.block_swiper_four_switch .block_img_content:hover .block_img {
  transform: scale(1.1);
}

.block_swiper_four_switch .block_img_content .block_img {
  transition: 0.5s;
}

.block_swiper_four_switch .block_imglist_outer_layer {
  padding-top: 43px;
}

.block_swiper_four_switch .block_imglist_outer_layer .block_img_content .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block_swiper_four_switch .block_imglist_outer_layer .block_img_content .block_a .block_img {
  max-width: 100%;
}

.block_swiper_four_switch .block_arrow_content {
  position: static;
}

.block_swiper_four_switch .block_text {
  padding-top: 62px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #000000;
}

.block_swiper_four_switch .block_arrow_content .swiper-button-prev,
.block_swiper_four_switch .block_arrow_content .swiper-button-next {
  width: 39px;
  height: 39px;
  background-color: #fff;
  color: #000;
  border: solid 1px #efefef;
  border-radius: 50%;
}

.block_swiper_four_switch .block_arrow_content .swiper-button-prev {
  left: 31px;
}

.block_swiper_four_switch .block_arrow_content .swiper-button-next {
  right: 31px;
}

.block_swiper_four_switch .block_spot_content {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 43px;
  padding-bottom: 32px;
}

.block_swiper_four_switch .block_arrow_content .swiper-button-prev::after,
.block_swiper_four_switch .block_arrow_content .swiper-button-next::after {
  font-size: 16px;
}

/* 白色 */
.block_swiper_four_switch .white .swiper-pagination-bullet {
  background-color: rgba(0, 0, 0, 0);
  border: solid 1px #FFFFFF;
}

.block_swiper_four_switch .white .swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

/* 红色 */
.block_swiper_four_switch .gules .swiper-pagination-bullet {
  background-color: #D8D8D8;
  border: solid 1px #D8D8D8;
}

.block_swiper_four_switch .gules .swiper-pagination-bullet-active {
  background-color: #C10016;
}

/* 黑色 */
.block_swiper_four_switch .black .swiper-pagination-bullet {
  background-color: #D8D8D8;
  border: solid 1px #D8D8D8;
}

.block_swiper_four_switch .black .swiper-pagination-bullet-active {
  background-color: #333333;
}

/* 小点 */
/* 点大小 */
.block_swiper_four_switch .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 6px !important;
  /* swiper的样式等级过高 */
  border-radius: 50%;
  padding: 0;
  opacity: 1;
}

/* 点距离下面的高度 */
.block_swiper_four_switch .swiper-pagination {
  bottom: 0px;
  position: static;
}

/* 四列切换结束 */
/* 横向顺滑 */
.block_lateral_smoothness {
  width: 100%;
}

.block_lateral_smoothness .block_imglist_outer_layer {
  width: 100%;
}

.block_lateral_smoothness .block_imglist_outer_layer .block_img {
  transition: 0.5s;
  width: auto;
  max-width: 100%;
}

.block_lateral_smoothness .block_imglist_outer_layer:hover .block_img {
  transform: scale(1.1);
}

.block_lateral_smoothness .block_nontopedge {
  padding: 56px 12px;
  box-sizing: border-box;
  overflow: hidden;
}

.block_lateral_smoothness .block_imglist_outer_layer .block_a {
  display: flex;
  justify-content: center;
}

.block_lateral_smoothness .block_imglist_outer_layer .block_a .block_img {
  max-width: 100%;
}

.block_lateral_smoothness .block_title_outer_layer {
  margin-top: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_lateral_smoothness .block_title_outer_layer .block_title_content {
  width: 95%;
}

.block_lateral_smoothness .scroll_k {
  height: 4px;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 32px;
}

.block_lateral_smoothness .scroll_k .scroll {
  height: 100%;
  width: 69.444%;
  background-color: #F5F5F5;
}

.block_lateral_smoothness .scroll_k .scroll .swiper-scrollbar-drag {
  background-color: #333333;
  margin-top: 0px
}

@media (max-width:1025px) {
  .block_lateral_smoothness .scroll_k {
    height: 3px;
    margin-top: 30px;
    padding: 0px 24px;
    box-sizing: border-box;
  }

  .block_lateral_smoothness .scroll_k .scroll {
    width: 100%;
    background-color: #E6E6E6;
  }

  .block_lateral_smoothness .scroll_k .scroll .swiper-scrollbar-drag {
    background-color: #000000;
  }

  .block_lateral_smoothness .block_nontopedge {
    padding: 0px;
    background-color: #FFFFFF;
    box-sizing: border-box
  }

  .block_lateral_smoothness .block_title_outer_layer .block_title_content {
    width: 80%;
  }
}

/* 横向顺滑结束 */
/* 文案控制位置 */
.block_copywriting_position {
  width: 100%;
  background-color: #F9F9F9;
}

.block_copywriting_position .block_title_outer_layer {
  background-color: #ffffff;
}

.block_copywriting_position .block_position_li {
  background-color: #F9F9F9;
  padding-bottom: 43px;
  padding-top: 57px;
}

.block_copywriting_position .block_position_wai {
  background-color: #FFFFFF;
  padding-bottom: 31px;
}

.block_copywriting_position .block_position_xia {
  padding-top: 16px;
}

.block_copywriting_position .block_imglist_outer_layer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_copywriting_position .block_position_img_wai {
  padding-bottom: 58px;
  padding-top: 56px;
}

.block_copywriting_position .block_imglist_outer_layer .block_img_list {
  width: clac(25%);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.block_copywriting_position .block_imglist_outer_layer .block_img_list .block_img {
  transition: 0.5s;
}

.block_copywriting_position .block_imglist_outer_layer .block_img_list:hover .block_img {
  transform: scale(1.1);
}

.block_copywriting_position .block_imglist_outer_layer .block_img_list .block_img_title {
  width: 98%;
  font-size: 14px;
  margin-top: 64px;
  text-align: center;
}

.block_copywriting_position .block_imglist_outer_layer .block_img_padd {
  margin-right: 29px;
  margin-left: 29px;
}

.block_copywriting_position .block_imglist_outer_layer .block_img_list .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_copywriting_position .block_imglist_outer_layer .block_img_list .block_a .block_img {
  max-width: 100%;
}

/* 文案控制位置结束 */

/* 文案控制位置手机端 */
.block_copywriting_position_mob {
  width: 100%;
  background-color: #E1E1E1;
}

.block_copywriting_position_mob .block_position_wai {
  background-color: #FFFFFF;
  padding-bottom: 24px;
}

.block_copywriting_position_mob .block_position_li {
  background-color: #E1E1E1;
  padding-bottom: 23px;
  padding-top: 16px;
}

.block_copywriting_position_mob .block_title_outer_layer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_copywriting_position_mob .block_title_outer_layer .block_title_content {
  width: 80%;
}

.block_copywriting_position_mob .block_swiper_img_content .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_copywriting_position_mob .block_swiper_img_content .block_a .block_img {
  max-width: 100%
}

.block_copywriting_position_mob .block_swiper_img_content .block_arrow_content {
  position: static;
}

.block_copywriting_position_mob .block_swiper_img_content .block_img_list {
  padding: 0px 88px 38px 88px;
  box-sizing: border-box;
}

.block_copywriting_position_mob .block_swiper_img_content .block_img_list .block_img_title {
  width: 100%;
  text-align: center;
  padding-top: 32px;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
}

.block_copywriting_position_mob .block_position_xia {
  background-color: #fff;
  padding-top: 24px;
}

.block_copywriting_position_mob .swiper-button-prev {
  left: 31px;
}

.block_copywriting_position_mob .swiper-button-prev,
.block_copywriting_position_mob .swiper-button-next {
  width: 39px;
  height: 39px;
  background-color: #fff;
  color: #000;
  border: solid 1px #efefef;
  border-radius: 50%;
}

.block_copywriting_position_mob .swiper-button-next {
  right: 31px;
}

.block_copywriting_position_mob .swiper-button-prev::after,
.block_copywriting_position_mob .swiper-button-next::after {
  font-size: 16px;
}

.block_copywriting_position_mob {}

/* 文案控制位置手机端 */

/* 三列多层自定义 */
.block_three_storey {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.block_three_storey .block_img_list {
  width: 28.15%;
}

.block_three_storey .block_img_list_margin {
  margin-left: 8px;
  margin-right: 8px;
}

.block_three_storey .block_img_list_margin_top {
  margin-top: 20px;
}

.block_three_storey .block_img_list .block_imglist_outer_layer {
  width: 100%;
}

.block_three_storey .block_img_list .block_imglist_outer_layer .block_img {
  transition: 0.5s;
}

.block_three_storey .block_img_list .block_imglist_outer_layer:hover .block_img {
  transform: scale(1.1);
}

.block_three_storey .block_img_list .block_imglist_outer_layer_background {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 55PX 12px;
  background-image: url('');
  box-sizing: border-box;
}

.block_three_storey .block_img_list .block_imglist_outer_layer .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_three_storey .block_img_list .block_imglist_outer_layer .block_a .block_img {
  max-width: 100%;
}

.block_three_storey .block_img_list .block_title_outer_layer {
  margin-top: 17px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_three_storey .block_img_list .block_title_outer_layer .block_title_content {
  width: 95%;
}

/* 三列多层自定义结束 */

/* 四列多层 */
.block_four_storey {
  width: 100%;
  padding-top: 58px;
  margin-bottom: 58px;
}

.block_four_storey .block_background {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 55PX 12px;
  box-sizing: border-box;
}

.block_four_storey .block_img_content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.block_four_storey .block_img_content .block_img_list {
  width: 25%;
  height: 100%;
  box-sizing: border-box;
  padding: 0px 29px;
}

.block_four_storey .block_img_content .block_img_list .block_img {
  transition: 0.5s;
}

.block_four_storey .block_img_content .block_img_list:hover .block_img {
  transform: scale(1.1);
}

.block_four_storey .block_img_content .block_img_list .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_four_storey .block_img_content .block_img_list .block_a .block_img {
  max-width: 100%;
}

.block_four_storey .block_img_content .block_img_list .block_img_title {
  width: 100%;
  text-align: center;
  margin-top: 62px;
}

.block_four_storey .block_img_list_margin_top {
  margin-top: 20px
}

.block_four_storey .block_title_outer_layer {
  margin-bottom: 43px;
}

/* 四列多层结束 */
/* tab切换 */
.block_tabManyModel {
  width: 100%;
}

.block_tabManyModel .block_img_content {
  display: flex;
  width: 100%;
}

.block_tabManyModel .block_img_content .block_a {
  display: flex;
  width: 100%;
  justify-content: center;
}

.block_tabManyModel .block_img_content .block_a .block_img {
  max-width: 100%;
}

.block_tabManyModel .tab {
  margin-bottom: 56px;
}

.block_tabManyModel .scroll_k {
  height: 4px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.block_tabManyModel .scroll_k .scroll {
  height: 100%;
  width: 100%;
  background-color: #F5F5F5;
}

.block_tabManyModel .scroll_k .scroll .swiper-scrollbar-drag {
  background-color: #333333;
}

.block_tabManyModel .swiperSmooth .swiper-wrapper {
  display: flex;
  justify-content: center;
}

.block_tabManyModel .swiperSmooth .swiper-slide {
  width: auto;
}

.block_tabManyModel .block_tab_text {
  text-align: center;
  margin: 0px 20px;
  box-sizing: content-box;
  cursor: pointer;
  padding-bottom: 8px;
  color: #767676;
  font-size: 1.2rem;
  height: 37px;
  line-height: 37px;
  font-weight: 600;
}

.block_tabManyModel .block_select_text {
  position: relative;
  color: #000;
  font-size: 1.375rem;
}

.block_tabManyModel .block_select_text::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #C10016;
  width: 100%;
  height: 3px;
}

@media (max-width:1025px) {
  .block_tabManyModel .tab {
    margin-bottom: 0px;
  }

  .block_tabManyModel .swiperSmooth .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
  }

  .block_tabManyModel .block_tab_text {
    padding: 0px 10px;
    width: 100%;
    margin: 0px;
    font-size: 1.2rem;
    height: 37px;
    line-height: 37px;
    box-sizing: border-box;
    flex: 1;
    text-align: center;
  }

  .block_tabManyModel .swiperSmooth .swiper-slide {
    flex: 1;
  }
}

/* tab切换结束 */

/* 左右切换 */
.block_swiper_lr_mob {
  width: 100%;
  background-size: 100%;
}

.block_swiper_lr_mob .block_img_list_content {
  width: 100%;
  padding: 88px;
  box-sizing: border-box;
}

.block_swiper_lr_mob .block_img_list_content .block_a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_swiper_lr_mob .block_img_list_content .block_a .block_img {
  max-width: 100%;
}

.block_swiper_lr_mob .block_arrow_content {
  position: static;
}

.block_swiper_lr_mob .swiper-button-prev {
  left: 31px;
}

.block_swiper_lr_mob .swiper-button-prev,
.block_swiper_lr_mob .swiper-button-next {
  width: 39px;
  height: 39px;
  background-color: #fff;
  color: #000;
  border-radius: 50%;
}

.block_swiper_lr_mob .swiper-button-next {
  right: 31px;
}

.block_swiper_lr_mob .swiper-button-prev::after,
.block_swiper_lr_mob .swiper-button-next::after {
  font-size: 16px;
}

/* 左右切换 */












/* 标题block */
.block_shared_title {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* 标题 */
.block_shared_title .block_title_h2 {
  word-break: break-all;
  margin-top: 16px;
}

@media (max-width:1025px) {
  .block_shared_title .block_title_h2 {
    word-break: break-all;
  }
}

/* 描述 */
.block_shared_title .block_title_p {
  word-break: break-all;
}

@media (max-width:1025px) {
  .block_shared_title .block_title_p {
    word-break: break-all;
  }
}

/* 标题下的所有按钮 */
.block_shared_title .block_title_btn {
  word-break: break-all;
}

.block_shared_title .block_astyle {
  text-decoration: underline;
}

/* 下划线单按钮 */
.block_shared_title .block_1_button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 2023-07-12 修改按钮下划线与uk样式一致*/
.block_shared_title .block_1_button a {
  text-decoration: none;
}
.block_shared_title .block_1_button a span{
  
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  padding-bottom: 4px;
  background-size: 100% 0.0625rem;
  transition: .2s ease-in-out;
  line-height: 26px;
}

.block_shared_title .block_1_button a span:hover {
  background-size: 0% 0.0625rem;
}

@media (max-width: 1025px) {
  .block_shared_title .block_1_button a:hover {
    background-size: 100% 0.0625rem;
  }
}

/* 带图片  单按钮 */
.block_shared_title .block_2_button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-all;
}

.block_shared_title .block_2_button .block_button_img {
  margin-left: 7px;
  width: 9px;
  height: 8px;
}

/* 黑色单按钮 */
.block_shared_title .block_3_button {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_shared_title .block_3_button .block_3_button_btn {
  text-align: center;
  width: 127px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #000000;
  color: #FFFFFF;
}

/* 白色单按钮 */
.block_shared_title .block_4_button {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_shared_title .block_4_button .block_4_button_btn {
  text-align: center;
  width: 125px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #000;
  background-color: #FFFFFF;
  color: #000000;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 双按钮带图片 */
.block_shared_title .block_5_button {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_shared_title .block_5_button .block_5_button_btn {
  display: flex;
  align-items: center;
  align-items: center;
}

.block_shared_title .block_5_button .block_5_button_btn .block_button_img {
  width: 9px;
  height: 8px;
  margin-left: 7px;
}

.block_shared_title .block_5_button .block_5_button_btn_left {
  margin-right: 20px;
}

.block_shared_title .block_5_button .block_5_button_btn_right {
  margin-left: 20px;
}

/* 双按钮带下划线 */
.block_shared_title .block_6_button {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_shared_title .block_6_button .block_6_button_btn_left {
  margin-right: 28px;
}

.block_shared_title .block_6_button .block_6_button_btn_right {
  margin-left: 28px;
}

/* 2023-07-13 修改按钮下划线与uk样式一致*/
.block_shared_title .block_6_button .block_6_button_btn_left {
  text-decoration: none;
}
.block_shared_title .block_6_button .block_6_button_btn_left span{
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  padding-bottom: 4px;
  background-size: 100% 0.0625rem;
  transition: .2s ease-in-out;
}

.block_shared_title .block_6_button .block_6_button_btn_left span:hover {
  background-size: 0% 0.0625rem;
}
.block_shared_title .block_6_button .block_6_button_btn_right{
  text-decoration: none;
}
.block_shared_title .block_6_button .block_6_button_btn_right span{
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  padding-bottom: 4px;
  background-size: 100% 0.0625rem;
  transition: .2s ease-in-out;
}

.block_shared_title .block_6_button .block_6_button_btn_right span:hover {
  background-size: 0% 0.0625rem;
}

@media (max-width: 1025px) {
  .block_shared_title .block_6_button .block_6_button_btn_right:hover {
    background-size: 100% 0.0625rem;
    opacity: 1;
  }
}

/* 双按钮黑色 */
.block_shared_title .block_7_button {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_shared_title .block_7_button .block_7_button_btn {
  width: 126px;
  height: 35px;
  background-color: #000000;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

.block_shared_title .block_7_button .block_7_button_btn_left {
  text-align: center;
  margin-right: 20px;
  line-height: 35px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.block_shared_title .block_7_button .block_7_button_btn_right {
  text-align: center;
  margin-left: 20px;
  line-height: 35px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* 双按钮白色 */
.block_shared_title .block_8_button {
  width: 100%;
  display: flex;
  justify-content: center;
}

.block_shared_title .block_8_button .block_8_button_btn {
  width: 124px;
  height: 33px;
  background-color: #FFFFFF;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  border: 1px solid #000000;
}

.block_shared_title .block_8_button .block_8_button_btn_left {
  text-align: center;
  margin-right: 20px;
  line-height: 33px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.block_shared_title .block_8_button .block_8_button_btn_right {
  text-align: center;
  margin-left: 20px;
  line-height: 33px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* 双按钮上下黑白 */
.block_shared_title .block_9_button {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.block_shared_title .block_9_button .block_9_button_btn_top {
  text-align: center;
  width: 226px;
  height: 33px;
  line-height: 35px;
  background-color: #000000;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #000000;
  margin-bottom: 24px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
}

.block_shared_title .block_9_button .block_9_button_btn_bottom {
  text-align: center;
  width: 226px;
  height: 33px;
  line-height: 35px;
  background-color: #FFFFFF;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #000000;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
}



/* 加购的弹层 */

.worksElasticLayer {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 20;
  top: 0px;
  left: 0px;
  justify-content: flex-end;
}

.worksElasticLayer .worksElasticLayerBackground {
  opacity: 0;
  transition: 0.5s;
  width: 100%;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.worksElasticLayer .worksElasticLayerBackgroundXs {
  opacity: 1;
  transition: 0.5s;
}

.worksElasticLayer .worksDetails {
  z-index: 11;
  transform: translateX(100%);
  transition: 0.5s;
  width: 500px;
  background-color: #FFFFFF;
}

.worksElasticLayer .worksDetails .title {
  width: 100%;
  padding: 24px 0px;
  border-bottom: solid 1px var(--border-color);
  margin-bottom: 31px;
  position: relative;
}

.worksElasticLayer .worksDetails .title img {
  position: absolute;
  right: 32px;
  top: calc(50%-16px);
  width: 16px;
  height: 16px;
}

.worksElasticLayer .worksDetails .worksPin {
  width: 400px;
}

.worksElasticLayer .worksDetails .worksPin .worksGoodsImg {
  width: 140px;
  height: 140px;
}

.worksElasticLayer .worksDetails .worksPin .worksGoodsImg img {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}

.worksElasticLayer .worksDetails .worksImgBig {
  height: 400px;
  margin-bottom: 48px;
}

.worksElasticLayer .worksDetails .worksText {
  margin-left: 24px;
}

.worksElasticLayer .worksDetails .worksText div:nth-child(1) {
  font-weight: 600;
  letter-spacing: 1px;
}

.worksElasticLayer .worksDetails .worksText div:nth-child(2) {
  line-height: 24px;
  color: #767676;
  margin: 4px 0px;
}

.worksElasticLayer .worksDetails .worksText div:nth-child(3) {
  font-weight: 600;
  color: #000000;
}

.worksElasticLayer .worksDetails .youCanBuyIt {
  width: 400px;
  padding: 14px 0px 48px 0px;
  border-bottom: solid 1px var(--border-color);
  justify-content: flex-end;
}

.worksElasticLayer .worksDetails .youCanBuyIt a {
  margin-right: 8px;
  letter-spacing: 1px;
}

.worksElasticLayer .worksDetails .SelectSeries {
  width: 400px;
  height: 35px;
  background-color: #000;
  color: #fff;
  margin-top: 31px;
}

.worksElasticLayer .worksDetailsXg {
  transform: translateX(0%);
  transition: 0.5s;
}

.worksElasticLayer .divosition {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}

@media (max-width: 1025px) {
  .worksElasticLayer .worksDetails {
    width: 100%;
    transform: translateY(100%);
  }

  .worksElasticLayer .worksDetails .worksPin {
    width: 100%;
  }

  .worksElasticLayer .worksDetails .worksPin .worksGoodsImg {
    width: 140px;
    height: 140px;
  }

  .worksElasticLayer .worksDetails .worksPin .worksGoodsImg img {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }

  .worksElasticLayer .worksDetails .worksPin_padd {
    padding: 0px 16px;
    box-sizing: border-box;
  }

  .worksElasticLayer .worksDetails .youCanBuyIt {
    width: 100%;
    padding-bottom: 48px;
    margin-top: 14px;
  }

  .worksElasticLayer .worksDetails .worksImgBig {
    margin-bottom: 48px;
  }

  .worksElasticLayer .worksDetails .worksText {
    display: block;
    margin-left: 24px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(1) {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(2) {
    line-height: 24px;
    color: #767676;
    margin: 4px 0px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(3) {
    font-weight: 600;
    color: #000000;
    margin-bottom: 4px;
    line-height: 24px;
  }

  .worksElasticLayer .worksDetails .worksText div:nth-child(4) {
    color: #767676;
    line-height: 24px;
  }

  .worksElasticLayer .worksDetailsXg {
    transform: translateY(0%);
  }

  .worksElasticLayer .worksDetails .SelectSeries {
    width: 100%;
  }
}

/* 加购弹层结束 */
/* 新tab切换 */
.block_new_tab {
  width: 100%;
  overflow: hidden;
}

.block_new_tab .block_new_tab_swiper {
  width: 100%;
  padding: 0px 96px;
  box-sizing: border-box;
  overflow: hidden;
}

.block_new_tab .block_new_tab_swiper .swiper {
  overflow: hidden;
}

.block_new_tab .block_new_tab_swiper img {
  width: 100%;
}

.block_new_tab .block_new_tab_swiper .swiper-scrollbar {
  bottom: 32px;
  width: 18%;
  left: 41%;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 10;
}

.block_new_tab .block_new_tab_swiper .swiper-scrollbar-drag {
  background-color: #fff;
  height: 100% !important;
  margin-top: 0px !important;
}

.block_new_tab .block_new_tab_title {
  width: 100%;
  padding: 60px 0px 32px 0px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
}

.block_new_tab .block_new_tab_title .swiper-slide {
  width: auto;
}

.block_new_tab .block_new_tab_title .swiper-container {
  margin: 0px;
  display: flex !important;
  width: 100%;
}

.block_new_tab .block_new_tab_title .swiper-container .swiper-wrapper {
  width: auto;
  height: 100% !important;
  display: flex;
  align-items: center;
}

.block_new_tab .block_new_tab_title .block_new_tab_text {
  margin: 0px 60px;
  font-size: 22px;
  color: #767676;
  padding-bottom: 8px;
  border-bottom: #FFFFFF solid 3px;
}

.block_new_tab .block_new_tab_title .block_select_text {
  border-bottom: #C10016 solid 3px;
  color: #000000;
}

.block_new_tab .block_new_tab_image_list_content {
  display: flex;
  width: 100%;
  padding: 0px 96px;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-top: 48px;
}

.block_new_tab .block_new_tab_image_list_content .block_new_tab_image_list {
  width: 33.3333%;
}

.block_new_tab .block_new_tab_image_list_content .block_new_tab_image_list .block_new_tab_image {
  width: 100%;
  font-size: 0;
}

.block_new_tab .newtabclick {
  cursor: pointer;
}

.block_new_tab .block_new_tab_btn_con {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 22px;
  margin-top: 80px;
}

.block_new_tab .block_new_tab_btn_con span {
  cursor: pointer;
  text-decoration: underline
}

/* 2023-07-13 修改按钮下划线与uk样式一致*/
.block_new_tab .block_new_tab_btn_con span {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  padding-bottom: 4px;
  background-size: 100% 0.0625rem;
  transition: .2s ease-in-out;
}

.block_new_tab .block_new_tab_btn_con span:hover {
  background-size: 0% 0.0625rem;
}

@media (max-width:1024px) {
  .block_new_tab .block_new_tab_btn_con span:hover {
    background-size: 100% 0.0625rem;
  }
  .block_new_tab .block_new_tab_swiper {
    padding: 0px;
  }

  .block_new_tab .block_new_tab_swiper .swiper-scrollbar {
    bottom: 16px;
    width: 35.2%;
    left: 32.4%;
    background-color: rgba(255, 255, 255, 0.3);
  }

  .block_new_tab .block_new_tab_title .block_new_tab_text {
    margin-left: 40px;
    margin-right: 22px;
    font-size: 11px;
    padding-bottom: 4px;
  }

  .block_new_tab .block_new_tab_title {
    padding: 16px;
  }

  .block_new_tab .block_new_tab_image_list_content {
    padding: 0px;
    margin-top: 0px;
  }

  .block_new_tab .block_new_tab_image_list_content .block_new_tab_image_list {
    width: 50%;
  }

  .block_new_tab .block_new_tab_btn_con {
    font-size: 11px;
    margin-top: 40px;
  }

  .block_new_tab .block_new_tab_btn_con span:hover {
    background-size: 100% 0.0625rem;
    opacity: 1;
  }
}



















.hide {
  display: none;
}

.block_tz_fq_class {
  max-width: 100% !important;
}

.blockBtnWhite {
  background-color: #fff !important;
  border: solid 1px #000 !important;
  color: #000 !important;
}


.jiantounext {
  position: absolute;
  top: 50%;
}

.jiantouprev {
  position: absolute;
  top: 50%;
}







.block_swiperlist_mob video {
  width: 100%;
  box-sizing: border-box;
}

.block_swiper_mob_nav_under {
  z-index: 0;
  top: -66px;
}

.option {
  opacity: 0.2;
}





.bottomPopup {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
}

.bottomPopup .botPopupContent {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px 50px 0px 23px;
  transform: translateY(100%);
  transition: 5s;
}

.bottomPopup .botPopupContent .title {
  margin-top: 20px;
  color: #000;
}

.bottomPopup .botPopupContent div:nth-child(2) {
  margin-top: 14px;
  color: #000;
}

.bottomPopup .botPopupContent div:nth-child(3) {
  justify-content: flex-end;
  margin-top: 39px;
  margin-bottom: 24px;
}

.bottomPopup .botPopupContent div:nth-child(3) div:nth-child(1) {
  background-color: #000000;
  color: #FFFFFF;
}

.bottomPopup .botPopupContent div:nth-child(3) div:nth-child(2) {
  color: #000000;
  margin: 0px 32px;
}

.bottomPopup .botPopupContent div:nth-child(3) div {
  width: 278px;
  height: 33px;
  border: solid 1px #000;
}

.centerPopUp {
  display: none;
}

.centerPopUp .centerAll {
  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0px;
  left: 0px;
  padding-left: 96px;
  padding-right: 96px;
  padding-left: var(--wrapper-gutter-largeNoSpace_paddrl);
  padding-right: calc(var(--wrapper-gutter-largeNoSpace_paddrl) + var(--scrollbar-width));
  box-sizing: border-box;
  z-index: 999;
}

.centerPopUp .centerAll .centerBlock {
  width: 720px;
  min-height: 200px;
  background-color: #FFFFFF;
  margin: 72px auto;
}

.centerPopUp .centerAll .centerBlock .cerTitleFrame {
  width: 100%;
  background-color: #C10016;
  padding: 3px 0px;
}

.centerPopUp .centerAll .centerBlock .cerTitleText {
  padding: 24px 0px;
  border-bottom: solid 1px #E6E6E6;
}

.centerPopUp .centerAll .centerBlock .cerTitleText img {
  position: absolute;
  right: 31px;
  top: calc(50%-14px);
  width: 14px;
  height: 14px;
}

.centerPopUp .centerAll .centerBlock .content {
  padding: 48px 96px 72px 96px;
  padding: 48px var(--gutter-large) 72px var(--gutter-large);
}

.titlePText {
  text-align: center;
}



.textDisplayFewLines {
  text-overflow: -o-ellipsis-lastline;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  display: -webkit-box;
  /*  -webkit-line-clamp   控制文字显示几行 */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: uppercase;
}




.block_width100 {
  max-width: 100%;
  max-height: 100%;
}

.swiperImgWidth {
  width: 100%;

}

.maxswiperImgWidth {
  max-width: 100%;

}

.block_div_hid {
  overflow: hidden;
}

.block_works {
  max-width: 100%;
  transform: scale(1);
  transition: 0.5s;
  max-height: 100%;
}

.block_works:hover {
  transform: scale(1.1);
}

.block_title_content h2 {
  margin-bottom: 14px;
}


.block_line-h32 {
  line-height: 32px;
}

.block_line-h22 {
  line-height: 22px;
}

.block_line-h26 {
  line-height: 26px;
}

.block_line-h17 {
  line-height: 17px;
}

@media (max-width:1024px) {
  .smblock_line-h22 {
    line-height: 22px;
  }
}





*[click_url] {
  cursor: pointer;
}






@media (max-width:1024px) {
  .cartierTitle>div {
    width: 80%;

  }

  .img_text_shoppingcar .block_fl_column {
    justify-content: center !important;
  }
}


.block_imgText_rl .titlePText {
  text-align: left;
}

@media (min-width:1024px) {
  .block_imgText_rl .block_fl_column {
    align-items: flex-start;
  }
}

.block_two_imgTitle {
  display: flex;

}

.block_two_imgTitle>div:nth-child(1n) {
  margin-right: 8px;
  height: 100%;
}

.block_two_imgTitle>div:nth-child(2n) {
  margin-left: 8px;
  margin-right: 0px;
}

.img_text_shoppingcar .titlePText {
  text-align: left;
}

.img_text_shoppingcar .block_fl_column {
  align-items: flex-start;
}

.img_text_shoppingcar .titlePText {
  text-align: left;
}

.hand {
  cursor: pointer;
}

@media (max-width:1024px) {
  .img_text_shoppingcar .block_fl_column {
    align-items: center !important;
  }

  .BlockImgAndTextBottom {
    padding: 24px 0px;
    width: 100%;

  }

  .BlockImgAndTextTop {
    padding: 24px 0px;
  }
}

@media (max-width:1024px) {
  .block_buttom_btn {
    width: 100%;
    padding: 30px 16px 32px 16px;

  }

}

#blockWorksmob [data-storage-src] {
  opacity: 0;
}

.block_new_btn_style {
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  padding-bottom: 4px;
  background-size: 100% 0.0625rem;
  transition: .2s ease-in-out;
}

.block_new_btn_style:hover {
  background-size: 0% 0.0625rem;
}

@media (max-width: 1025px) {
  .block_new_btn_style:hover {
    background-size: 100% 0.0625rem;
  }
}





/* 新模块样式 */
.custom_shelving{
  overflow: hidden;
  width: 100%;
  background: #F9F9F9;
  box-sizing: border-box;
  padding-top: 72px;
  padding-bottom: 72px;
}
.custom_shelving .title{
  font-weight: 600;
}
.custom_shelving .btn_con{
  margin-top: 16px; 
  padding:  0 5%;
}
.custom_shelving .btn_con .block_1_button a{
  text-align: center;
}
.custom_shelving .btn_con_bottom .block_1_button a{
  text-align: center;
}
.custom_shelving .swiper_con{
  padding-top: 72px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1025px){
  .custom_shelving .swiper_con{
    padding-left: 40px;
    padding-right: 40px;
  }
  .custom_shelving .swiper_image{
    padding: 16px;
  }
}
.custom_shelving .list_title{
  box-sizing: border-box;
  font-weight: 400;
  word-break:break-all;
}
.custom_shelving .btn{
  margin-top: 16px;
  width: 100%;
  text-align: center;
  padding-bottom: 4px;
}
.custom_shelving .btn_con_bottom{
  padding-top: 72px;
  padding:  0 5%;
}
.custom_shelving .arrow{cursor: pointer;}
@media (max-width: 1025px) {
  .custom_shelving .swiper_con{
    padding-top: 30px;
  }
  .custom_shelving .btn_con_bottom{
    padding-top: 30px;
  }
  .custom_shelving{
    padding: 30px 2px;
  }
  .custom_shelving .title{
    padding: 0px 14px;
    box-sizing: border-box;
  }
}

/* 关联作品货架样式 */
.related_item_shelving {
  width: 100%;
  background: #F9F9F9;
  box-sizing: border-box;
  transition: 0s;
}
@media (max-width: 1025px) {
  .related_item_shelving .top_title{
    padding: 0px 14px;
    box-sizing: border-box;
  }
}
.related_item_shelving .top_title{
  font-weight: 600;
}
.related_item_shelving .swiper_con{
  padding-top:39px;
}
.related_item_shelving .btn_con{
  margin-top: 16px; 
  padding:  0 5%;
}
.related_item_shelving .btn_con .block_1_button a{
  text-align: center;
}
.related_item_shelving .btn_con_bottom .block_1_button a{
  text-align: center;
}
.related_item_shelving .title{
  font-weight: 600;
}
.related_item_shelving .btn_con_bottom{
  padding-top: 39px;
  padding:  0 5%;
  z-index:3;
}

.related_item_shelving .dost div {
  transition: .3s;
  left: 0px;
}

.related_item_shelving .block_works_title {
  padding-top: 24px;
  box-sizing: content-box;
}

.related_item_shelving .block_works_price {
  padding-top: 32px
}
.related_item_shelving_con{
  padding-left:2px;
  padding-right:2px;
}
.related_item_shelving_con .tag{
  top: 8px;
  left: 8px;
}
/* 加入购物袋 */
@media (min-width:1024px) {
  .related_item_shelving_con{
    padding-left:40px;
    padding-right:40px;
  }
  .related_item_shelving_con .tag{
    top:  24px;
    left: 24px;
  }
  .related_item_shelving .block_works_price {
    padding-top: 42px
  }

  .related_item_shelving .works_list_con:hover .works_btn {
    opacity: 1;
  }

  .related_item_shelving .works_btn {
    opacity: 0;
    transition: .3s;
  }

  /* 箭头 */
  .related_item_shelving .works_arrow {
    opacity: 0;
    transition: .3s;
  }

  .related_item_shelving .works_list_con:hover .works_arrow {
    opacity: 1;
  }

  .related_item_shelving .works_list_con:hover {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
  }

  .related_item_shelving .works_list_con:hover .dost {
    opacity: 1;
  }

  .related_item_shelving .works_list_con {
    border: solid 1px rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    transition: .3s;
    /* width: 264px; */
  }

  /* 指示器 */
  .related_item_shelving .dost {
    opacity: 0;
    transition: .3s;
  }

  /* 探索按钮 */
  .related_item_shelving .explore_btn {
    transition: .3s;
  }

  .related_item_shelving .explore_btn:hover {
    color: #FFFFFF;
    background: #000;
  }

  /* 加入购物袋变白 */
  .related_item_shelving .addcar {
    border: solid 1px rgba(0, 0, 0, 0);
    transition: .3s;
  }

  .related_item_shelving .addcar:hover {
    background: #FFFFFF;
    border: solid 1px #000000;
    color: #000000;
  }

  /* 加入购物袋变黑 */
  .related_item_shelving .addcar_two {
    transition: .3s;
  }

  .related_item_shelving .addcar_two:hover {
    background: #000000;
    color: #FFFFFF;
  }

  /* 即刻购买按钮 */
  .related_item_shelving .shopping {
    border: solid 1px rgba(0, 0, 0, 0);
    transition: .3s;
  }

  .related_item_shelving .shopping:hover {
    border: solid 1px #000;
    background: #FFFFFF;
    color: #000000;
  }

}

@media (max-width:1024px) {

  /* 箭头 */
  .related_item_shelving .works_arrow {
    display: none;
  }
  .related_item_shelving .swiper_con{
    padding-top: 30px;
  }
  .related_item_shelving .btn_con_bottom{
    padding-top: 30px;
  }

}


*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.left-14 {
  left: 14px;
}

.left-8 {
  left: 8px;
}

.right-0 {
  right: 0px;
}

.right-14 {
  right: 14px;
}

.right-8 {
  right: 8px;
}

.top-0 {
  top: 0px;
}

.top-8 {
  top: 8px;
}

.z-1 {
  z-index: 1;
}

.mt-24 {
  margin-top: 24px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-10 {
  margin-top: 10px;
}

.box-border {
  box-sizing: border-box;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.block_hidden {
  display: none;
}

.h-2 {
  height: 2px;
}

.h-22 {
  height: 22px;
}

.h-24 {
  height: 24px;
}

.h-34 {
  height: 34px;
}

.h-40 {
  height: 40px;
}

.h-48 {
  height: 48px;
}

.h-full {
  height: 100%;
}

.h-32 {
  height: 32px;
}

.w-22 {
  width: 22px;
}

.w-24 {
  width: 24px;
}

.w-40 {
  width: 40px;
}

.w-48 {
  width: 48px;
}

.w-58 {
  width: 58px;
}

.w-full {
  width: 100%;
}

.w-232 {
  width: 232px;
}

.w-32 {
  width: 32px;
}

.min-w-64 {
  min-width: 64px;
}

.min-w-232 {
  min-width: 232px;
}

.max-w-128 {
  max-width: 128px;
}

.max-w-64 {
  max-width: 64px;
}

.max-w-100 {
  max-width: 100px;
}

.max-w-80 {
  max-width: 80px;
}

.flex-1 {
  flex: 1 1 0%;
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize: both;
}

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

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

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

.divide-custom-00> :not([hidden])~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity));
}

.border-1 {
  border-width: 1px;
}

.border-solid {
  border-style: solid;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-custom-00 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-custom-d6d6d5 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 214 213 / var(--tw-bg-opacity));
}

.bg-custom-ff {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-custom-ff\.8 {
  background-color: rgba(255, 255, 255, 0.8);
}

.p-16 {
  padding: 16px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pb-30 {
  padding-bottom: 30px;
}

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

.pt-16 {
  padding-top: 16px;
}

.pt-28 {
  padding-top: 28px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-42 {
  padding-top: 42px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pt-30 {
  padding-top: 30px;
}

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

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.text-15 {
  font-size: 15px;
}

.text-16 {
  font-size: 16px;
}

.text-22 {
  font-size: 22px;
}

.text-11 {
  font-size: 11px;
}

.text-9 {
  font-size: 9px;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.leading-16 {
  line-height: 16px;
}

.leading-17 {
  line-height: 17px;
}

.leading-20 {
  line-height: 20px;
}

.leading-22 {
  line-height: 22px;
}

.leading-26 {
  line-height: 26px;
}

.leading-19 {
  line-height: 19px;
}

.leading-11 {
  line-height: 11px;
}

.text-custom-00 {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-custom-b3 {
  --tw-text-opacity: 1;
  color: rgb(179 179 179 / var(--tw-text-opacity));
}

.text-custom-ff {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* 最多两行 溢出显示省略号 */

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制最多显示2行 */
  -webkit-box-orient: vertical;
}

.last_none_border div:last-of-type {
  border-bottom: none;
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
  .lg\:left-0 {
    left: 0px;
  }

  .lg\:left-40 {
    left: 40px;
  }

  .lg\:right-0 {
    right: 0px;
  }

  .lg\:right-40 {
    right: 40px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-48 {
    height: 48px;
  }

  .lg\:h-34 {
    height: 34px;
  }

  .lg\:w-48 {
    width: 48px;
  }

  .lg\:max-w-128 {
    max-width: 128px;
  }

  .lg\:p-16 {
    padding: 16px;
  }

  .lg\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lg\:px-200 {
    padding-left: 200px;
    padding-right: 200px;
  }

  .lg\:py-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .lg\:px-168 {
    padding-left: 168px;
    padding-right: 168px;
  }

  .lg\:pb-65 {
    padding-bottom: 65px;
  }

  .lg\:pt-32 {
    padding-top: 32px;
  }

  .lg\:pb-17 {
    padding-bottom: 17px;
  }

  .lg\:pb-40 {
    padding-bottom: 40px;
  }

  .lg\:text-12 {
    font-size: 12px;
  }

  .lg\:text-16 {
    font-size: 16px;
  }

  .lg\:text-22 {
    font-size: 22px;
  }

  .lg\:text-14 {
    font-size: 14px;
  }

  .lg\:leading-22 {
    line-height: 22px;
  }

  .lg\:leading-26 {
    line-height: 26px;
  }

  .lg\:leading-17 {
    line-height: 17px;
  }

  .lg\:hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
}