* {
  padding: 0;
  margin: 0;
}
#anniversary img {
  width: 100%;
  vertical-align: middle;
}

body {
  position: relative;
}
a {
  text-decoration: none;
}
ul,li{list-style: none;}
body {
  width: 100% !important;
  max-width: 750px !important;
  margin:  0 auto;
}
#anniversary {
  width: 100% !important;
  max-width: 750px !important;
  position: relative;
  /* margin:  80px auto 0; */
  margin:  0 auto;
  /* margin-bottom: 1rem; */
}
.anniversary_bg1,
.anniversary_bg2,
.anniversary_bg3,
.anniversary_bg4,
.anniversary_bg5,
.anniversary_bg4,
.anniversary_bg7,
.anniversary_bg8 {
  position: relative;
}
.anniversary_bg1 {
  min-height: 14.5833rem;
}
.anniversary_bg3,
.anniversary_bg2{
  min-height: 11.4583rem;
}
.anniversary_bg4 {
  min-height: 6.7708rem;
}
.anniversary_bg5 {
  min-height: 9.375rem;
}

.anniversary_box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 16rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.anniversary_bg1 .activity_price_item {
  cursor: pointer;
  position: absolute;
  left: 8%;
  top: 32%;
  width: 4.9333rem;
  text-align: center;
  white-space: nowrap;
}
.anniversary_bg1 .activity_price_item:nth-of-type(2) {
  left: 38%;
  top: 41%;
}
.anniversary_bg1 .activity_price_item:nth-of-type(3) {
  left: 67.5%;
}
/* .anniversary_bg1 .activity_price_item:nth-of-type(3) */
.anniversary_bg1 .activity_price_item h1 {
	font-family: MicrosoftYaHei-Bold;
	font-size: .6667rem;
	font-weight: bold;
	color: #26171a;
  line-height: 1;

}
.anniversary_bg1 .activity_price_item p {
	font-family: MicrosoftYaHei;
	font-size: .56rem;
	color: #e5492e;
  margin: .1333rem 0;
  line-height: 1;
}
.anniversary_bg1 .activity_price_item:nth-of-type(2) p {
  margin: .2667rem 0;

}
.anniversary_bg1 .activity_price_item h2{
	font-family: MicrosoftYaHei-Bold;
	font-size: .96rem;
	font-weight: bold;
	color: #e5492e;
  line-height: 1;
}
.anniversary_bg1 .activity_price_item:nth-of-type(2) h2 {
  font-size: .5867rem;
}
.anniversary_bg1 .text_info {
  position: absolute;
  top: 69%;
  left: 45%;
  width: 9.0667rem;
  line-height: 1.2;
  font-family: MicrosoftYaHei;
	font-size: .6667rem;
	color: #666666;
}
.anniversary_bg1 .text_info span {
	font-size: .6667rem;
  color: #e5492e;
  cursor: pointer;
}
.anniversary_bg2 h1 {
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  font-family: MicrosoftYaHei-Bold;
	font-size: 1.0133rem;
  font-weight: bold;
	color: #ffffff;
  white-space: nowrap;

}
.anniversary_bg2 .anniversary_box {
  top: 13%;
}
.anniversary_bg2 .anniversary_box .cart {
  width: 7.6rem;
  text-align: center;
  padding: .3125rem 0;
  margin-bottom: .9333rem;
  background-color: #f5e6d3;
	border-radius: .2667rem;
}
.anniversary_bg2 .anniversary_box .cart:nth-of-type(3) {
  padding-top: .48rem;
}
.anniversary_bg2 .anniversary_box .cart h2 {
  font-family: MicrosoftYaHei-Bold;
	font-size: .7733rem;
	font-weight: bold;
	color: #666666;
  line-height: 1;
  white-space: nowrap;
}
.anniversary_bg2 .anniversary_box .cart:nth-of-type(3) h2 {
  font-size: .5867rem;
}
.anniversary_bg2 .anniversary_box .cart img {
  width: 80% !important;
  margin: .4rem 0 .2667rem;
}
.anniversary_bg2 .anniversary_box .cart .price {
	font-family: MicrosoftYaHei;
	font-size: .5067rem;
	font-weight: normal;
	font-stretch: normal;
	color: #e5492f;
}
.anniversary_bg2 .anniversary_box .cart .price span {
  font-family: MicrosoftYaHei-Bold;
	font-size: 1.0133rem;
	font-weight: bold;
	color: #e5492f;
}
.anniversary_bg2 .anniversary_box .cart p {
	font-family: MicrosoftYaHei;
	font-size: .3733rem;
	font-weight: normal;
	font-stretch: normal;
	color: #666666;
  margin: .2667rem 0 ; 
  white-space: nowrap;
}
.anniversary_bg2 .anniversary_box .cart .btn {
  display: table;
  font-family: MicrosoftYaHei;
	font-size: .6667rem;
  line-height: 1;
  padding: .2667rem .8rem;
	color: #ffffff;
  background-color: #e5492f;
	border-radius: .48rem;
  cursor: pointer;
  margin-left: 22%;
  margin-top: 0;
}
.anniversary_bg3 h1 {
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  font-family: MicrosoftYaHei-Bold;
	font-size: 1.0133rem;
  font-weight: bold;
	color: #ffffff;
  white-space: nowrap;

}
.anniversary_bg3 .anniversary_box {
  top: 8%;
  width: 17.0667rem;
}

.anniversary_bg3 .anniversary_box .level {
  display: flex;
  border-radius: .2667rem;
  overflow: hidden;
  width: 100%;
  margin-bottom: .4rem;
}
.anniversary_bg3 .anniversary_box .level .level_l {
  width: 22%;
  background-color: #40ac6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: MicrosoftYaHei-Bold;
	font-size: .7733rem;
	font-weight: bold;
	color: #ffffff;
}
.anniversary_bg3 .anniversary_box .level .level_r {
  width: 78%;  
  background-color: #f5e6d3;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: .4rem 0 .4rem;
}
.anniversary_bg3 .anniversary_box .level .level_r p {
  display: flex;
  font-family: MicrosoftYaHei;
	font-size: .5867rem;
	line-height: 1.4;
	color: #666666;
  width: 81%;
}
.anniversary_bg3 .anniversary_box .level .level_r p span {
  width: 70%;
	line-height: 1.4;
	font-size: .5867rem;

}
.anniversary_bg3 .anniversary_box .level .level_r .btn {
  width: 14%;
  font-family: MicrosoftYaHei;
	font-size: .56rem;
	color: #fff;
  background-color: #e5492f;
	border-radius: 10px;
  text-align: center;
  padding: .2133rem 0;
  cursor: pointer;
}
.anniversary_bg3 .anniversary_box .last_title {
  width: 25%;
	background-color: #299454;
	border-radius: 10px;
  line-height: 1;
  padding: .3rem 0 .3rem;
  margin: .2604rem auto .4rem;
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
	font-size: .7733rem;
	font-weight: bold;
	color: #ffffff;
}
.anniversary_bg3 .anniversary_box>p {
  font-family: MicrosoftYaHei;
	font-size: .56rem;
	color: #666666;
  /* text-align: center; */
  width: 100%;
  letter-spacing: -0.0267rem;
}
.anniversary_bg3 .anniversary_box>p>span {
  color: #e5492f;
	font-size: .56rem;
  letter-spacing: -0.0267rem;
}
.anniversary_bg3 .anniversary_box .gift {
  width: 100%;
  margin-top: .9333rem;
  padding: .3125rem .4167rem 0 .4167rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.anniversary_bg3 .anniversary_box .gift .gift_item {
  position: relative;
  box-sizing: border-box;
	height: 2.2667rem;
  width: 8rem;
	background-color: #f5e6d3;
	border-radius: 1.0667rem  1.4667rem 1.4667rem .0521rem;
  padding: .8rem 0 0 1.0667rem;
  font-family: MicrosoftYaHei;
	font-size: .5867rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.1;
	letter-spacing: -0.0267rem;
	color: #666666;
  margin-bottom: .9333rem;
}
.anniversary_bg3 .anniversary_box .gift .gift_item:last-child {
  margin-bottom: .6rem;
}
.anniversary_bg3 .anniversary_box .gift .gift_item>p {
  position: absolute;
  left: 5%;
  top: -0.5rem;
  font-family: MicrosoftYaHei-Bold;
	font-size: .6667rem;
	font-weight: bold;
	color: #ca3c24;
  background-color: #ffffff;
	border-radius: 1.0667rem;
	border: solid 1px #e5492f;
  padding: .1042rem .6667rem;
  line-height: 1;
}
.anniversary_bg3 .anniversary_box .gift .gift_item>p::after {
  content: attr(levels);
  position: absolute;
  left: -15%;
  top: -11%;
  width: .9333rem;
	font-weight: normal;

	height: .9333rem;
	background-color: #e5492f;
	border: solid 1px #ffffff;
  font-family: MicrosoftYaHei-Bold;
	font-size: .6667rem;
	color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.anniversary_bg3 .anniversary_box .btn {
  background-color: #e5492f;
	border-radius: .1042rem;
  color: #fff;
  padding: .3rem 0 .4rem;
  font-family: MicrosoftYaHei;
	font-size: .7733rem;
  font-weight: normal;
	font-stretch: normal;
  cursor: pointer;
  margin-top: 0;
}


.anniversary_bg4 .rule {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7.5%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 17.0667rem;
  /* background-color: #fff; */
  padding: .3125rem 0 .3125rem .3125rem;
  border-radius: .2604rem;
}
#anniversary .anniversary_bg4 .rule>img {
	width: 4.8533rem;
	height: 4.4rem;
}
#anniversary .anniversary_bg4 .rule .tt {
  font-family: MicrosoftYaHei-Bold;
  font-size: .7467rem;
  font-weight: bold;
  line-height: 1.4;
  width: 0.6667rem;
  margin: 0 .4rem ;
	color: #666666;
}
#anniversary .anniversary_bg4 .rule p {
	color: #666666;
  font-family: MicrosoftYaHei;
  font-size: .5067rem;
  /* white-space: nowrap; */
  margin-bottom: .2rem;
  letter-spacing: -0.0267rem;
}
#anniversary .anniversary_bg4 .rule p:last-child {
  margin-bottom: 0;
}
.anniversary_bg5 h1 {
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
  font-family: MicrosoftYaHei-Bold;
	font-size: .80rem;
  font-weight: bold;
	color: #ffffff;
  white-space: nowrap;

}
.anniversary_bg5 .anniversary_box {
  top: 15%;
  width: 17.7333rem;
}
.type_list {
  display: flex;
  align-items: center;
  justify-content: center;
	font-size: .6667rem;
	color: #666666;
  width: 100%;
}
.type_list .type_item {
  font-family: MicrosoftYaHei;
	font-size: .6667rem;
	font-weight: normal;
	font-stretch: normal;
  padding: .125rem .3125rem .1563rem;
  border-radius: 8px;
	color: #666666;
  margin: 0 .8rem;
  cursor: pointer;
}
.type_list .active {
  background-color: #e5492f;
  color: #fff;
}
.img-box {
	width: 13.6rem;
	height: 7.7867rem;
  background-color: #fff;
  margin: .8rem auto;
  text-align: center;
  overflow: hidden;
}
.img-box img {
  height: 100% !important;
  width: auto !important;
}
.anima {
  animation: breathe 1s linear infinite;
}



.swiper {
  position: absolute !important;
  opacity: 0;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eff9e0;
  transition: all .5s;
}

.swiper-slide {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 4.8rem;
  
}
.swiper-slide p {
  font-family: MicrosoftYaHei;
	font-size: .5333rem;
	color: #666666;
  margin-top: .3rem;
  display:-webkit-box; 		
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:2; 		
  overflow:hidden; 		
  text-overflow:ellipsis; 	
}
.imgs {
  display: flex;
  overflow: hidden;
  width: 100%;
  height:  4.8rem;
}

.imgs .img {
	width: 4.6667rem;
	height: 3.0667rem;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
}
.imgs .img img {
  height: 100% !important;
  width: auto !important;
}

.asd,.jkl  {
  box-sizing: border-box;
  padding-bottom: .7292rem;
	font-family: MicrosoftYaHei-Bold;
	font-size: .9067rem;
	font-weight: normal;
	font-stretch: normal;
	color: #666666;
  display: flex;
  align-items: center;
  cursor: pointer;
}


.anima {
  animation: breathe 1s linear infinite;
}



@keyframes breathe {
  0% {transform: scale(.9);}
  50% {transform: scale(1);}
  100% {transform: scale(.9);}
}
@media screen and (min-width: 750px) {
  html {
    font-size: 37.5px !important;
  }
}