* {
  box-sizing: border-box;
  font-family: PingFang SC;
}
img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/* .leaf1 动画 */
@keyframes leaf1 {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-8deg);
  }
}
/* .leaf2 动画 */
@keyframes leaf2 {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(22deg);
  }
}
/* .leaf3 动画 */
@keyframes leaf3 {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(18deg);
  }
}
/* .leaf4 动画 */
@keyframes leaf4 {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-25deg);
  }
}
/* .leaf5 动画 */
@keyframes leaf5 {
  0% {
    transform: rotateZ(0deg);
  }
  70% {
    transform: rotateZ(12deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
/* .leaf7 动画 */
@keyframes leaf7 {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-2deg);
  }
}
/* .leaf10 动画 */
@keyframes leaf10 {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(5deg);
  }
}


.queenBox {
  max-width: 7.5rem;
  min-height: 13.34rem;
  background: url(../image/encore/bg.png?v=2) #8d28db no-repeat;
  background-size: 100%;
  position: relative;
  padding-top: 0.07rem;
  padding-bottom: 0.1rem;
}
img.butter {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
img.tree {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
img.theme {
  width: 5.64rem;
  margin: 0.4rem auto 0 auto;
}
img.themes {
  width: 5.64rem;
  margin: 1.1rem auto 0 auto;
  transform: translateX(0.05rem);
}

/* 挡板 */
.interval_img {
  width: 100%;
  position: absolute;
  top: 6.3rem;
  padding-top: 2rem;
  overflow-x: hidden;
  left: 0;
  z-index: 2;
}
.interval_img img.leaf5 {
  position: absolute;
  width: 4rem;
  top: -0.3rem;
  right: -2.2rem;
  transform-origin: right center;
  animation: leaf5 4s ease-in 0.3s infinite;
}
.out_leavel_img img.leaf10 {
  position: absolute;
  width: 2.8rem;
  bottom: 1rem;
  left: 1rem;
  transform-origin: center center;
  animation: leaf10 3s linear 0.3s infinite alternate;
}

/* 树叶动效区域 */
.animate_tree_box, .out_leavel_img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 13.34rem;
  overflow: hidden;
  left: 0;
  z-index: 2;
}
.out_leavel_img {
  z-index: 0;
}


.animate_tree_box .leaf1 {
  position: absolute;
  width: 5.5rem;
  right: -1.32rem;
  top: -0.8rem;
  transform-origin: right top;
  animation: leaf1 5s linear 0s infinite alternate;
}
.animate_tree_box .leaf2 {
  position: absolute;
  z-index: 20;
  width: 3.5rem;
  top: -0.95rem;
  left: -2.2rem;
  transform-origin: 50% 50%;
  animation: leaf2 3s linear 0s infinite alternate;
}
.animate_tree_box .leaf3 {
  position: absolute;
  width: 3.08rem;
  top: 8.95rem;
  left: 3rem;
  transform-origin: 50% 50%;
  animation: leaf3 4s linear 0s infinite alternate;
}
.animate_tree_box .leaf4 {
  position: absolute;
  width: 3.1rem;
  top: 2.9rem;
  right: -2.1rem;
  transform-origin: center bottom;
  animation: leaf4 4s linear 0s infinite alternate;
}
.animate_tree_box .leaf6 {
  position: absolute;
  width: 3.1rem;
  top: 2.6rem;
  left: -2.2rem;
}
.animate_tree_box .leaf7 {
  width: 4rem;
  z-index: 20;
  position: absolute;
  top: 1.5rem;
  left: -2.1rem;
  transform-origin: left top;
  animation: leaf7 2s linear 0s infinite alternate;
}
.animate_tree_box .leaf8 {
  position: absolute;
  top: 4.2rem;
  left: -3.6rem;
}
.animate_tree_box .leaf9 {
  position: absolute;
  width: 3.8rem;
  top: 2.75rem;
  right: -1.65rem;
}

/* 头部导航 */
.activity_box {
  position: relative;
  z-index: 5;
}
/* 头部导航 */
.activity_header {
  height: 0.9rem;
  background: url(../image/encore/nav.png) no-repeat;
  background-size: 100% 100%;
}
.activity_logo {
  background: url(../image/encore/juzi.png) no-repeat;
  background-size: 100% 100%;
}

/* 主体 */
.activity_content {
  min-height: 100vh;
  margin-top: 6rem;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50px, #8d28db 100%);
}

nav {
  background: #B049FF !important;
}
nav .active_nav {
  color: #8D28DB !important;
}
.seckill {
  background: #fa972a !important;
}

.activity_content .seckill .seckill_tips .jdd-hot-bar a {
  background: url(../image/encore/watting.png) !important;
  background-size: 100% 100% !important;
  color: #a13d19;
}
.activity_content .seckill .seckill_tips .jdd-hot-bar .seckill_istime {
  background: url(../image/encore/istime.png) !important;
  background-size: 100% 100% !important;
  color: #fff !important;
}
.seckill_goods_item .good_img p {
  background: #ff7420;
}
.normal_goods_template .normal_goods_template_money {
  background: #a409eb;
}
.rule .rule_content {
  background: url(../image/encore/rule_content.png) no-repeat center center !important;
  background-size: 100% 100% !important;
  width: 7.5rem !important;
  padding: 0.6rem 1.8rem !important;
}