@charset "UTF-8";
/**
 * 
 * @authors Sean (982653014@qq.com)
 * @date    2017-01-14 21:35:23
 * @version $Id$
 */
/**
 * 定义变量 start
 * @type {String}
 */
.wp {
  max-width: 720px;
  margin: 0 auto 1rem;
}
.wp .media {
  height: 13.76666667rem;
  margin-bottom: 0.86666667rem;
}
.wp .media > h2 {
  font-size: 1rem;
  text-align: center;
  background: #ccc;
  line-height: 2.8rem;
}
.wp .media .swiper-container {
  width: 14.86666667rem;
  height: 9.6rem;
  overflow: visible;
  background: transparent;
  margin-top: 1rem;
}
.wp .media .swiper-container .swiper-wrapper {
  width: 24rem;
}
.wp .media .swiper-container .swiper-wrapper li {
  width: 12.86666667rem;
  height: 8.13333333rem;
  position: relative;
  top: 0.66666667rem;
}
.wp .media .swiper-container .swiper-wrapper li img {
  width: 100%;
  height: 100%;
}
.wp .media .swiper-container .swiper-wrapper li p {
  position: absolute;
  bottom: 0;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.66666667rem;
  color: white;
  width: 100%;
  display: none;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-active {
  width: 14.86666667rem;
  height: 9.6rem;
  top: 0;
  z-index: 88;
  -moz-transition: width 0.3s,height 0.3s;
  -webkit-transition: width 0.3s,height 0.3s;
  -o-transition: width 0.3s,height 0.3s;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-active p {
  display: block;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-prev {
  left: 10.33333333rem;
}
.wp .media .swiper-container .swiper-wrapper li.swiper-slide-next {
  right: 10.33333333rem;
}
.wp .detail {
  width: 23.16666667rem;
  height: 15.4rem;
  border: 0.06666667rem solid #f0eff3;
  margin: 0 auto;
}
.wp .detail ul {
  overflow: visible;
}
.wp .detail ul li {
  width: 100%;
  height: 13.53333333rem;
  margin-top: 0.66666667rem;
  padding: 0 0.93333333rem;
  overflow-y: auto;
}
.wp .detail ul li p,
.wp .detail ul li h5 {
  font-size: 0.8rem;
  text-indent: 2em;
  color: #333;
}
.wp .detail ul li h5 {
  text-align: center;
  font-weight: 700;
  line-height: 1.33333333rem;
}