.w-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.w-flex li {
  width: 47.71%;
  margin-top: 0.3rem;
}

.w-flex.two li {
  width: 100%;
}

.w-flex.two li img,
.w-flex li img {
  max-width: 100%;
  box-sizing: border-box;
}
/* layout */
.container-wrapper {
 padding-bottom: 3.266667rem;
}
.part {
  position: relative;
  padding-left: 0.333333rem;
  padding-right: 0.333333rem;
  text-align: center;
}
/* nav */
.w-nav {
  position: fixed;
  bottom: 0;
  z-index: 4;
  width: 10rem;
  background-color: #C39BED;
  -ms-box-shadow: 0 0 .066667rem rgba(29, 36, 117, .15);
  -o-box-shadow: 0 0 .066667rem rgba(29, 36, 117, .15);
  -webkit-box-shadow: 0 0 .066667rem rgba(29, 36, 117, .15);
  box-shadow: 0 0 .066667rem rgba(29, 36, 117, .15)
}

.w-nav li {
  float: left;
  width: 25%;
  text-align: center;
  color: #f9f9f9;
}

.w-nav li.active {
  background-color: #fff;
}

.w-nav li.active .colour2-item,
.w-nav li:hover .colour2-item {
  color: #FFB046
}

.w-nav .colour2-item {
  display: block;
  /* color: #333; */
  font-size: .32rem;
  line-height: 1.08rem;
  cursor: pointer
}
/* 更多主题 */
.topics-more {
  margin-top: 0.8rem;
}
.more-item {
  position: relative;
  float: left;
  display: inline-block;
  width: 2.853333rem;
  height: 2.853333rem;
  margin: 0 0 .32rem .25rem;
  cursor: pointer
}

.more-item .more-img {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff
}
.topics-more .topics-more-item span {
  background-color: #FFC270;
}
.more-item span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: .16rem 0 .16rem .24rem;
  font-size: .293333rem;
  line-height: .4rem;
  color: #000;
  background-color: #FFC270;
  text-align: left
}

.more-item span .iconfont {
  float: right;
  margin-right: .213333rem;
  font-size: .4rem;
}

.more-item.none {
  cursor: default
}

.topics-more.t12 .more-item.t12,
.topics-more.t13 .more-item.t13 {
  display: none
}