@charset "UTF-8";
.flash_sale {
  position: fixed !important;
  top: 50% !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  transform-origin: right center !important;
  transform: translateY(-50%) scale(.275) !important;
  z-index: 10000 !important;
  transition: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.flash_sale a {
  display: block;
  width: 100%;
  margin-bottom: 32px
}
.flash_sale .time_item {
  background-size: contain!important;
  width: 88px;
  height: 88px;
  border-radius: 12px;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 40px
}
.flash_sale .close {
  background-size: contain!important;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat
}
.transition {
  -webkit-transition: top .4s linear;
  -moz-transition: top .4s linear;
  -ms-transition: top .4s linear;
  -o-transition: top .4s linear;
  transition: top .4s linear
}
.flash_sale .timeTo {
  line-height: 117%;
  height: 88px;
  display: flex;
  justify-content: center;
  margin-bottom: 24px
}
.flash_sale .timeTo span {
  vertical-align: top;
  display: none
}
.flash_sale .timeTo div {
  background: 0 0;
  color: #fff;
  font-family: MontserratMedium7;
  font-weight: 500;
  position: relative;
  display: inline-block;
  width: 25px!important;
  height: 49px!important;
  font-size: 40px!important;
  overflow: hidden;
  text-align: center
}
.flash_sale .timeTo .time_box {
  width: 88px!important;
  height: 88px!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
  margin-right: 24px;
  display: flex;
  justify-content: center
}
.flash_sale .timeTo .time_box:last-child {
  margin-right: 0
}
.flash_sale .timeTo div.first {
  margin-left: 24px
}
.flash_sale .timeTo div.first:first-child {
  margin-left: 0
}
.flash_sale .timeTo ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0!important
}
.flash_sale .timeTo ul li {
  margin: 0;
  padding: 0;
  list-style: none
}
.flash_sale_close {
  width: 32px !important;
  display: block !important;
  margin: 0 auto !important;
  cursor: pointer !important;
  z-index: 10001 !important;
  position: relative !important;
}
.flash_sale_small .flash_sale_close {
  transform: scale(3.6) translateY(19px) !important;
}
.flash_sale_small {
  position: fixed !important;
  top: 50% !important;
  right: 0 !important;
  transform-origin: right center !important;
  transform: translateY(-50%) scale(.275) !important;
  z-index: 10000 !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-height: 670px) and (min-width:1600px),
(max-height: 550px) and (min-width:1600px),
(max-width: 1600px),
(max-height: 670px) and (min-width:1024px),
(max-height: 550px) and (min-width:1024px) {
  .flash_sale, .flash_sale_small {
    transform: translateY(-50%) scale(.275) !important;
    right: 0 !important;
  }
}
@media (max-width: 767px) {
  .flash_sale {
    transform: translateY(-50%) scale(.275) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    right: 0 !important;
  }
  .flash_sale .bg_img {
    width: 100%!important
  }
  .flash_sale_small {
    display: block !important;
  }
}
@media (max-width: 500px) {
  .flash_sale .timeTo {
    line-height:104%
  }
  .flash_sale .timeTo div {
    font-size: 30px!important;
    width: 20px!important;
    height: 34px!important
  }
}
.flash_sale{
	transform: translateY(-50%) scale(.275) translateX(100%) !important; 
	transition: transform 0.5s ease, opacity 0.5s ease !important;
    opacity: 1 !important;
}
.christmas{
	position:fixed;left:0px;bottom:0px;
	transition: transform 0.5s ease, opacity 0.5s ease;
    transform: translateX(0);
    z-index: 9999; 
}
.christmas img{
	display: block;
	width: 100%;
}	
.christmasclose{
	cursor:pointer;
	width: 32px !important;
    position:absolute;right:10px;top:10px;
}
.imgs-hidden {
	transform: translateX(100%); 
	opacity: 0; 
}
.flash_hidden{
	transform: translateY(-50%) scale(.275) translateX(0) !important;  
  opacity: 1 !important;
}