.swiper {

  padding-bottom: 0;

}



.warp {

  padding-bottom: .30rem;

}



/* 标签 */

.tabs-box {

  width: 7.50rem;

  height: 1.22rem;

  background-color: #fff;

}



.tabs-box ul {

  display: flex;

  width: 100%;

  height: 100%;

  border-bottom: .02rem solid #f1f1f1;

}



.tabs-box ul li {

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 1.22rem;

  font-size: .24rem;

}



.tabs-box ul li.active {

  font-weight: bold;

  font-size: .28rem;

}



#banner-area2 {

  width: 100%;

  height: 3.60rem;

  position: relative;

  overflow: hidden;

}





/* 海报设计 */

.case-swiper {

  width: 7.50rem;

  box-sizing: border-box;

  background-color: #fff;

  margin-top: .30rem;

}



#banner-case {

  width: 100%;

  height: 4.50rem;

  position: relative;

  overflow: hidden;

}



#banner-case #img-area {

  font-size: .28rem;

  color: #000;

  flex-direction: column;

  font-weight: 500;

}



#banner-case #img-area .image-box {

  width: 100%;

  height: 100%;

  transform: scale(.8);

  text-align: center;

  transition: all .5s;

}



#banner-case #img-area .image-box img {

  height: 4.50rem;

}



.slider {

  width: 100%;

  height: .10rem;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: .30rem;

}



.slider-item {

  width: .48rem;

  height: .10rem;

  background-color: #EEEEEE;

  margin: 0 .10rem;

}





.slider-item.active {

  background-color: #0064F4;

}





/* 开篇 */

.card {

  margin-top: .50rem;

}



.card h4 {

  text-align: center;

  margin-bottom: .30rem;

}



.card .details {

  padding: 0 .30rem;

  line-height: .50rem;

  font-size: .24rem;

  color: #999;

  text-align: center;

}



/* 包装轮播图 */

.packing-swiper {

  width: 7.50rem;

  box-sizing: border-box;

  background-color: #fff;

  margin-top: .30rem;

}



#packing-s {

  width: 100%;

  height: 3.90rem;

  position: relative;

  overflow: hidden;

}





#packing-s #img-area {

  font-size: .28rem;

  color: #000;

  flex-direction: column;

  font-weight: 500;

}



#packing-s #img-area .image-box {

  width: 100%;

  height: 100%;

  transform: scale(.96,.8);

  transform-origin: 50% 90%;

  text-align: center;

  transition: all .5s;

}



#packing-s #img-area .image-box img {

  height: 3.50rem;

}