.banner {
  height: 7.28rem;
  background: url(../images/wc_banner.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.wcdt {
  margin-top: 0.66666667rem;
  padding: 0 0.4rem;
}
.wcdt .title {
  color: #333;
  font-size: 0.42666667rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.wcdt .title::before {
  content: '';
  display: block;
  width: 0.06666667rem;
  height: 0.4rem;
  background: #bf9a5f;
  margin-right: 0.10666667rem;
  margin-top: 0.05333333rem;
}
.wcdt .topBox {
  margin-top: 0.4rem;
  background: #2e4070;
  padding: 0.4rem 0.4rem 0.46666667rem;
}
.wcdt .topBox .pic {
  height: 3.76rem;
}
.wcdt .topBox .time {
  font-size: 0.48rem;
  color: #fff;
  margin-top: 0.26666667rem;
}
.wcdt .topBox .name {
  font-size: 0.37333333rem;
  color: #fff;
  margin-top: 0.24rem;
}
.wcdt .topBox .name a {
  color: #fff;
  font-size: 0.37333333rem;
}
.wcdt .topBox .text {
  font-size: 0.32rem;
  color: #fff;
  opacity: .7;
  margin-top: 0.29333333rem;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-height: 1.5;
}
.wcdt .list li {
  display: flex;
  margin-top: 0.48rem;
  align-items: center;
  justify-content: space-between;
}
.wcdt .list li::before {
  content: '';
  display: block;
  width: 0.05333333rem;
  height: 0.32rem;
  background: #375091;
}
.wcdt .list li a {
  color: #333;
  display: block;
  width: 8.93333333rem;
  font-size: 0.34666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wcdt .more {
  margin-top: 0.53333333rem;
  height: 0.93333333rem;
  background: #f8f8f8;
  color: #666666;
  text-align: center;
  line-height: 0.93333333rem;
}
.wcdt .more a {
  display: block;
  width: 100%;
  height: 100%;
  color: #666666;
}
.wccp {
  margin-top: 0.66666667rem;
  background: #f6f6f6;
  padding: 0.66666667rem 0 0.74666667rem;
}
.wccp .title {
  color: #333;
  font-size: 0.42666667rem;
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.wccp .title::before {
  content: '';
  display: block;
  width: 0.06666667rem;
  height: 0.4rem;
  background: #bf9a5f;
  margin-right: 0.10666667rem;
  margin-top: 0.05333333rem;
}
.wccp .wccpnav {
  margin-top: 0.50666667rem;
  padding-bottom: 0.10666667rem;
  border-bottom: #d9d9d9 solid 0.01333333rem;
}
.wccp .wccpnav .swiper-slide {
  display: inline-block;
  width: auto;
  font-size: 0.4rem;
  color: #999999;
  position: relative;
}
.wccp .wccpnav .active {
  color: #2e4070;
}
.wccp .wccpnav .active::after {
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.05333333rem;
  position: absolute;
  bottom: -0.10666667rem;
  background: #2e4070;
  left: 50%;
  transform: translate(-50%, 0);
}
.wccp .contentBox {
  margin-top: 0.4rem;
  padding: 0;
}
.wccp .contentBox .swiper-container {
  display: none;
}
.wccp .contentBox .swiper-container .swiper-slide {
  width: 8.4rem;
  background: #2e4070;
}
.wccp .contentBox .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.wccp .contentBox .swiper-container .swiper-slide a .pic {
  height: 4.69333333rem;
}
.wccp .contentBox .swiper-container .swiper-slide a .box {
  padding: 0.48rem;
}
.wccp .contentBox .swiper-container .swiper-slide a .box .tit {
  font-size: 0.37333333rem;
  color: #fff;
}
.wccp .contentBox .swiper-container .swiper-slide a .box .text {
  color: #fff;
  opacity: .6;
  text-align: justify;
  margin-top: 0.33333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.32rem;
}
.wcd {
  background: #2e4070;
  margin-top: 0.66666667rem;
  padding: 0.66666667rem 0 0.74666667rem;
}
.wcd .title {
  color: #fff;
  font-size: 0.42666667rem;
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.wcd .title::before {
  content: '';
  display: block;
  width: 0.06666667rem;
  height: 0.4rem;
  background: #bf9a5f;
  margin-right: 0.10666667rem;
  margin-top: 0.05333333rem;
}
.wcd .wcd_nav {
  margin-top: 0.50666667rem;
  padding-bottom: 0.10666667rem;
  border-bottom: #d9d9d9 solid 0.01333333rem;
}
.wcd .wcd_nav ul {
  padding: 0 0.4rem;
  display: flex;
}
.wcd .wcd_nav ul li {
  display: inline-block;
  width: auto;
  font-size: 0.4rem;
  color: #fff;
  position: relative;
  margin-right: 1.2rem;
}
.wcd .wcd_nav ul li:last-child {
  margin-right: 0;
}
.wcd .wcd_nav .active {
  color: #bf9a5f;
}
.wcd .wcd_nav .active::after {
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.05333333rem;
  position: absolute;
  bottom: -0.10666667rem;
  background: #bf9a5f;
  left: 50%;
  transform: translate(-50%, 0);
}
.wcd .wcd-swiper {
  margin: 0.4rem auto 0;
  width: 9.2rem;
}
.wcd .wcd-swiper .swiper-slide ul {
  display: flex;
  flex-wrap: wrap;
}
.wcd .wcd-swiper .swiper-slide ul li {
  background: yellow;
  margin-top: 0.13333333rem;
  position: relative;
}
.wcd .wcd-swiper .swiper-slide ul li .box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.13333333rem;
  display: none;
}
.wcd .wcd-swiper .swiper-slide ul li .box .tit {
  font-size: 0.37333333rem;
  color: #fff;
}
.wcd .wcd-swiper .swiper-slide ul li .box .line {
  margin: 0.2rem 0;
  width: 100%;
  height: 0.02666667rem;
  background: #fff;
}
.wcd .wcd-swiper .swiper-slide ul li .box .text {
  font-size: 0.4rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.wcd .wcd-swiper .swiper-slide ul li.on .box {
  display: flex;
}
.wcd .wcd-swiper .swiper-slide ul li:nth-child(1) {
  width: 5.04rem;
  height: 3.04rem;
  margin-right: 0.13333333rem;
}
.wcd .wcd-swiper .swiper-slide ul li:nth-child(2) {
  width: 4.02666667rem;
  height: 3.04rem;
}
.wcd .wcd-swiper .swiper-slide ul li:nth-child(3) {
  width: 3rem;
  height: 2.98666667rem;
  margin-right: 0.13333333rem;
}
.wcd .wcd-swiper .swiper-slide ul li:nth-child(4) {
  width: 1.89333333rem;
  height: 2.98666667rem;
}
.wcd .wcd-swiper .swiper-slide ul li:nth-child(5) {
  width: 5.04rem;
  height: 3.04rem;
}
.wcd .wcd-swiper .swiper-slide ul li:nth-child(6) {
  width: 4.02666667rem;
  height: 6.17333333rem;
  margin-left: 0.13333333rem;
  margin-top: -2.97333333rem;
}
.wcd .wcd-swiper .swiper-slide .more {
  width: 9.2rem;
  margin: 0.53333333rem auto 0;
  height: 0.93333333rem;
  background: rgba(255, 255, 255, 0.1);
}
.wcd .wcd-swiper .swiper-slide .more a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.34666667rem;
  color: #fff;
  text-align: center;
  line-height: 0.93333333rem;
}
.wchd {
  margin: 0.66666667rem 0;
  padding: 0 0.4rem;
}
.wchd .title {
  color: #333;
  font-size: 0.42666667rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.wchd .title::before {
  content: '';
  display: block;
  width: 0.06666667rem;
  height: 0.4rem;
  background: #bf9a5f;
  margin-right: 0.10666667rem;
  margin-top: 0.05333333rem;
}
.wchd .list li {
  margin-top: 0.4rem;
}
.wchd .list li a {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: space-between;
}
.wchd .list li a .pic {
  width: 3.46666667rem;
  height: 2.37333333rem;
  background: #ccc;
  margin-top: 0.06666667rem;
}
.wchd .list li a .right {
  width: 5.30666667rem;
}
.wchd .list li a .right .tit {
  font-size: 0.37333333rem;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: justify;
}
.wchd .list li a .right .text {
  font-size: 0.32rem;
  color: #222;
  opacity: .6;
  margin-top: 0.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.wchd .more {
  width: 9.2rem;
  margin: 0.53333333rem auto 0;
  height: 0.93333333rem;
  background: #f8f8f8;
}
.wchd .more a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.34666667rem;
  color: #666666;
  text-align: center;
  line-height: 0.93333333rem;
}