/* 轮播图 */
.val-swiper {
  width: 100%;
  min-width: 1500px;
  /* height: 842px; */
  min-height: 421px;
  height: auto;
  max-height: 842px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/swiper-bg.png') no-repeat;
  background-size: 100% 842px;
  padding-top: 100px;
  position: relative;
}
.val-swiper .banner-list .list-item img {
  width: 100%;
  min-height: 421px;
  height: auto;
}
.val-swiper .banner-bar {
  display: flex;
  position: absolute;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.val-swiper .banner-bar .bar-item {
  width: 100px;
  height: 6px;
  background-color: #7d7d7d;
  margin: 0 10px;
}
.val-swiper .banner-bar .bar-item.active {
  width: 100px;
  height: 6px;
  background-color: #ece8e1;
  margin: 0 10px;
}

/* 新品上线 */
.val-product {
  width: 100%;
  min-width: 1500px;
  height: 1188px;
  position: relative;
}
.val-product .val-product-bg {
  position: absolute;
  width: 100%;
  height: 1243px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/product-bg.png') no-repeat;
  background-size: 100% 100%;
  top: -57px;
  z-index: 4;
}
.val-product .product-title {
  max-width: 1452px;
  min-width: 1280px;
  height: 111px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/rectangle.png') no-repeat;
  background-size: 1452px 111px;
  margin: 134px auto 38px;
  line-height: 111px;
  text-align: center;
  font-size: 76px;
  font-family: "shiyuan-heavy";
  color: #162635;
}
.val-product .product-content {
  display: flex;
  justify-content: center;
}
.val-product .product-content .left{
  width: 735px;
  height: 735px;
  margin-right: 23px;
  background-color: #d4d0ca;
}
.val-product .product-content .left .swiper {
  position: relative;
  background: #fff;
  height: 729px;
}
.val-product .product-content .left .swiper .bar-list {
  position: absolute;
  bottom: -6px;
  /* left: 147px; */
  left: 50%;
  transform: translate(-50%);
  display: flex;
}
.val-product .product-content .left .swiper .bar-list .bar-item{
  width: 147px;
  height: 6px;
  /* background-color: #fff; */
}
.val-product .product-content .left .swiper .bar-list .active{
  background-color: #ff4655;
}
.val-product .product-content .left .swiper .swiper-list{
  position: relative;
  width: 735px;
  height: 729px;
  overflow: hidden;
}
.val-product .product-content .left .swiper .swiper-list .icon-collect {
  position: absolute;
  width: 24px;
  height: 22px;
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-collect.png) no-repeat;
  background-size: 24px 22px;
  top: 13px;
  right: 14px;
}
.val-product .product-content .left .swiper .swiper-list .icon-like {
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-collect2.png) no-repeat;
  background-size: 24px 22px;
}
.val-product .product-content .left .swiper .swiper-list .swiper-bq{
  width: 75px;
  height: 71px;
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-swiper2.png) no-repeat;
  background-size: 75px 71px;
  position: absolute;
  top: 34px;
  left: 111px;
  font-size: 22px;
  color: #fff;
  font-family: 'shiyuan-medium';
  text-align: center;
}
.val-product .product-content .left .swiper .swiper-list .swiper-bq2{
  width: 68px;
  height: 45px;
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-swiper.png) no-repeat;
  background-size: 68px 45px;
  position: absolute;
  top: 34px;
  left: 111px;
  font-size: 22px;
  color: #fff;
  font-family: 'shiyuan-medium';
  text-align: center;
  line-height: 45px;
}
.val-product .product-content .left .swiper .swiper-list .swiper-item {
  width: 735px;
  height: 729px;
}
.val-product .product-content .left .swiper .swiper-list .swiper-item .swiper-image{
  padding: 34px 80px 33px;
  /* background-color: #cecece; */
  width: 575px;
  height: 550px;
  cursor: pointer;
}
.val-product .product-content .left .swiper .swiper-text {
  text-align: center;
  font-family: 'shiyuan-medium';
  font-size: 26px;
  color: #162635;
  cursor: pointer;
}
.val-product .product-content .left .price-new {
  font-size: 34px;
  color: #ff4655;
}
.val-product .product-content .left .price-old {
  color: #848484;
  font-size: 22px;
  text-decoration: line-through;
}
.val-product .product-content .left .swiper .icon-left {
  width: 77px;
  height: 77px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/swiper-left.png') no-repeat;
  background-size: 77px 77px;
  position: absolute;
  left: -14px;
  top: 329px;
}
.val-product .product-content .left .swiper .icon-right {
  width: 77px;
  height: 77px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/swiper-right.png') no-repeat;
  background-size: 77px 77px;
  position: absolute;
  right: -14px;
  top: 329px;
}

.val-product .product-content .right{
  width: 735px;
  height: 729px;
}
.val-product .product-content .right .video {
  width: 734px;
  height: 354px;
  position: relative;
  cursor: pointer;
}
.val-product .product-content .right .material {
  position: relative;
}
.val-product .product-content .right .material .name {
  width: 360px;
  margin-right: 10px;
}
.val-product .product-content .right .material .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  text-align: center;
  display: flex;
  align-items: center;
}
.val-product .product-content .right .video-bg {
  position: absolute;
  width: 734px;
  height: 354px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/product-bg2.png') no-repeat;
  background-size: 734px 354px;
  z-index: 9;
}
.val-product .product-content .right .video-bg2 {
  position: absolute;
  width: 734px;
  height: 354px;
  background: rgba(0, 0, 0, 0.4);
  background-size: 734px 354px;
  z-index: 8;
}
.val-product .product-content .right .video .icon-video {
  position: absolute;
  width: 94px;
  height: 94px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/icon-video.png') no-repeat;
  background-size: 94px 94px;
  z-index: 9;
}
.val-product .product-content .right .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 26px;
}
.val-product .product-content .right .bottom>div {
  width: 354px;
  height: 354px;
  background: #fff;
  cursor: pointer;
}
.val-product .product-content .right .bottom .swiper-bq{
  width: 75px;
  height: 71px;
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-swiper2.png) no-repeat;
  background-size: 75px 71px;
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 20px;
  color: #fff;
  font-family: 'shiyuan-medium';
  text-align: center;
}
.val-product .product-content .right .bottom .swiper-bq2{
  width: 68px;
  height: 45px;
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-swiper.png) no-repeat;
  background-size: 68px 45px;
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 20px;
  color: #fff;
  font-family: 'shiyuan-medium';
  text-align: center;
  line-height: 45px;
}
.val-product .product-content .right .bottom .left-item {
  position: relative;
}
.val-product .product-content .right .bottom .right-item {
  position: relative;
}
.val-product .product-content .right .icon-bottom {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 16px;
  height: 16px;
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-collect.png) no-repeat;
  background-size: 16px 16px;
}
.val-product .product-content .right .icon-bottom2 {
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/icon-collect2.png) no-repeat;
  background-size: 16px 16px;
}
.val-product .product-content .right .bottom .bottom-image {
  width: 252px;
  height: 240px;
  padding: 22px 51px 13px;
}
.val-product .product-content .right .text {
  text-align: center;
  font-size: 20px;
  font-family: 'shiyuan-medium';
  color: #162635;
}
.val-product .product-content .right .text .price-new {
  font-size: 26px;
  color: #ff4655;
}
.val-product .product-content .right .text .price-old {
  font-size: 16px;
  color: #848484;
  text-decoration: line-through;
}
/* @font-face {
  font-family: "shiyuan-heavy";
  src: url("https://valmall.qq.com/lib/SourceHanSansCN-Heavy.otf"),
} */

/* 赛事专区 */
.val-zone {
  width: 100%;
  min-width: 1500px;
  height: 830px;
  position: relative;
}
.val-zone .zone-bg {
  position: absolute;
  width: 100%;
  height: 1074px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/zone-bg.png') no-repeat;
  background-size: 100% 1074px;
  top: -245px;
  z-index: 3;
}
.val-zone .zone-title {
  max-width: 1452px;
  min-width: 1280px;
  height: 111px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/rectangle2.png') no-repeat;
  background-size: 1452px 111px;
  margin: 205px auto 36px;
  line-height: 111px;
  text-align: center;
  font-size: 76px;
  font-family: "shiyuan-heavy";
  color: #fff;
}
.val-zone .zone-bg .zone-content {
  width: 1493px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.val-zone .zone-bg .zone-content .zone-item {
  width: 481px;
  height: 541px;
  /* background: #fff; */
  position: relative;
}
.val-zone .zone-bg .zone-content .zone-item:hover {
  text-decoration: none;
  filter: brightness(1.1);
}
.val-zone .zone-bg .zone-content .zone-item .item-image {
  width: 481px;
  height: 403px;
}
.val-zone .zone-bg .zone-content .zone-item .line1 {
  padding-top: 10px;
  font-family: 'shiyuan-medium';
  color: #d8d8d8;
  font-size: 18px;
}
.val-zone .zone-bg .zone-content .zone-item .line1 .zx {
  width: 50px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  display: inline-block;
  background: #fff;
  color: #fe4e5c;
  font-size: 16px;
  margin-right: 10px;
}
.val-zone .zone-bg .zone-content .zone-item .line2 {
  padding-top: 2px;
  font-family: 'shiyuan';
  font-size: 28px;
  color: #fff;
}
.val-zone .zone-bg .zone-content .zone-item .line3 {
  padding-top: 2px;
  font-family: 'shiyuan';
  font-size: 16px;
  color: #fff;

  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 这里是超出几行省略 */
  overflow: hidden;

}
.val-zone .zone-bg .zone-content .zone-item .line4 {
  margin-top: 5px;
  display: block;
  /* position: absolute; */
  width: 481px;
  height: 3px;
  background: url(https://js01.daoju.qq.com/zb/val/pc/images/zone-line.png) no-repeat;
  background-size: 481px 3px;
  /* bottom: 0; */
}

/* 瓦有情报 */
.val-intelligence {
  width: 100%;
  min-width: 1500px;
  height: 888px;
  position: relative;
}
.val-intelligence .intelligence-bg {
  position: absolute;
  width: 100%;
  height: 1049px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg.png') no-repeat;
  background-size: 100% 1049px;
  top: -87px;
  z-index: 2;
}
.val-intelligence .intelligence-title {
  max-width: 1452px;
  min-width: 1280px;
  height: 111px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/rectangle.png') no-repeat;
  background-size: 1452px 111px;
  margin: 80px auto 39px;
  line-height: 111px;
  text-align: center;
  font-size: 76px;
  font-family: "shiyuan-heavy";
  color: #162635;
}
.val-intelligence .intelligence-content {
  display: flex;
  width: 1442px ;
  margin: 0 auto;
}
.val-intelligence .intelligence-content .photowall {
  width: 807px;
  height: 483px;
  /* background: #fff; */
  margin-right: 50px;
}
.val-intelligence .intelligence-content .photowall .photowall-title {
  width: 807px;
  height: 56px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg2.png') no-repeat;
  background-size: 807px 56px;
  text-align: center;
  line-height: 56px;
  font-size: 32px;
  color: #fff;
  font-family: 'shiyuan';
}
.val-intelligence .intelligence-content .photowall .photowall-content {
  width: 807px;
  height: 427px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg3.png') no-repeat;
  background-size: 807px 427px;
}
.val-intelligence .intelligence-content .photowall .wrap {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #fff;
  font-family: 'shiyuan-medium';
}
.val-intelligence .intelligence-content .photowall .wrap a {
  color: #fff;
}
.val-intelligence .intelligence-content .photowall .wrap .box1 {
  position: relative;
  width: 243px;
  height: 404px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg4.png') no-repeat;
  background-size: 243px 404px;
}
.val-intelligence .intelligence-content .photowall .wrap .shadow {
  position: absolute;
  bottom: 0;
  width: 243px;
  height: 162px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg5.png') no-repeat;
  background-size: 243px 162px;
}
.val-intelligence .intelligence-content .photowall .wrap .text {
  position: absolute;
  bottom: 13px;
  width: 207px;
  left: 50%;
  transform: translateX(-50%);
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 这里是超出几行省略 */
  overflow: hidden;
}
.val-intelligence .intelligence-content .photowall .wrap .box2 {
  width: 278px;
  height: 404px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
}
.val-intelligence .intelligence-content .photowall .wrap .box2>a {
  width: 278px;
  height: 197px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg6.png') no-repeat;
  background-size: 278px 197px;
  position: relative;
}
.val-intelligence .intelligence-content .photowall .wrap .box2 .shadow {
  width: 278px;
  height: 79px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg7.png') no-repeat;
  background-size: 278px 79px;
}
.val-intelligence .intelligence-content .photowall .wrap .box2 .text {
  width: 252px;
  -webkit-line-clamp: 1; /* 这里是超出几行省略 */
}
.val-intelligence .intelligence-content .photowall .wrap .box3 {
  position: relative;
  width: 243px;
  height: 404px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg4.png') no-repeat;
  background-size: 243px 404px;
}
.val-intelligence .intelligence-content .photowall .wrap .box1:hover {
  filter: brightness(1.1);
}
.val-intelligence .intelligence-content .photowall .wrap .box2 a:hover {
  filter: brightness(1.1);
}
.val-intelligence .intelligence-content .photowall .wrap .box3:hover {
  filter: brightness(1.1);
}
.val-intelligence .intelligence-content .information {
  width: 635px;
  height: 479px;
  font-size: 20px;
  font-family: 'shiyuan-medium';
  color: #ff4655;
  position: relative;
  /* background: #fff; */
}
.val-intelligence .intelligence-content .information .title {
  margin-top: 2px;
}
.val-intelligence .intelligence-content .information .line1 {
  display: block;
  width: 635px;
  height: 3px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-line.png') no-repeat;
  background-size: 635px 3px;
  margin-top: 10px;
}
.val-intelligence .intelligence-content .information .title2 {
  font-size: 34px;
  font-family: 'shiyuan-heavy';
  text-align: center;
  padding: 15px 0 15px;
  display: block;
  color: #ff4655;
}
.val-intelligence .intelligence-content .information .line2 {
  display: block;
  width: 635px;
  height: 3px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-line2.png') no-repeat;
  background-size: 635px 3px;
  /* margin-top: 10px; */
}
.val-intelligence .intelligence-content .information .title3 {
  color: #162635;
  font-size: 18px;
  font-family: 'shiyuan-medium';
  display: flex;
  justify-content: space-between;
  padding: 13px 0 18px;
}
.val-intelligence .intelligence-content .information .title3:hover .text{
  color: #ff4655;
}
.val-intelligence .intelligence-content .information .title3 .icon {
  color: #ff4655;
  width: 63px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg8.png') no-repeat;
  background-size: 63px 28px;
}
.val-intelligence .intelligence-content .information .title3 .text {
  margin-left: 21px;
  width: 504px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.val-intelligence .intelligence-content .information .button {
  width: 635px;
  height: 53px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/intelligence-bg10.png') no-repeat;
  background-size: 635px 53px;
  position: absolute;
  bottom: 0;
  text-align: center;
  line-height: 53px;
  color: #ffffff;
  font-family: 'shiyuan-medium';
  display: flex;
  justify-content: center;
  align-items: center;
}
.val-intelligence .intelligence-content .information .button:hover {
  text-decoration: none;
  filter: brightness(1.1);
}
.val-intelligence .intelligence-content .information .button .text {
  color: #ff4655;
}
.val-intelligence .intelligence-content .information .button .icon-spr {
  width: 27px;
  height: 14px;
  display: inline-block;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/icon-j.png') no-repeat;
  background-size: 100% 100%;
  margin-left: 5px;
}
.val-intelligence .intelligence-content .information .button:hover i.icon-spr {
  animation: panningAnimate 1s infinite ease-in-out;
  -webkit-animation: panningAnimate 1s infinite ease-in-out;
}
@-webkit-keyframes panningAnimate {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }

  50% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
  }

  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}

@keyframes panningAnimate {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }

  50% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
  }

  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}

/* 关注我们 */
.val-follow {
  width: 100%;
  min-width: 1500px;
  height: 596px;
  position: relative;
}
.val-follow .follow-bg {
  position: absolute;
  width: 100%;
  height: 860px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/follow-bg.png') no-repeat;
  background-size: 100% 860px;
  top: -180px;
}
.val-follow .follow-title {
  max-width: 1452px;
  min-width: 1280px;
  height: 111px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/rectangle2.png') no-repeat;
  background-size: 1452px 111px;
  margin: 198px auto 43px;
  line-height: 111px;
  text-align: center;
  font-size: 76px;
  font-family: "shiyuan-heavy";
  color: #fff;
}
.val-follow .follow-bg .follow-content {
  width: 1271px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  font-size: 24px;
}
.val-follow .follow-bg .follow-content>div {
  position: relative;
  width: 278px;
  height: 374px;
  /* background: #fff; */
}
.val-follow .follow-bg .follow-content .box1-image {
  position: relative;
  width: 278px;
  height: 279px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/follow-wx.png') no-repeat;
  background-size: 279px 279px;
  color: #fff;
  text-align: center;
}
.val-follow .follow-bg .follow-content .box2 .box1-image {
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/follow-wb.png') no-repeat;
  background-size: 279px 279px;
}
.val-follow .follow-bg .follow-content .box3 .box1-image {
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/follow-tl.png') no-repeat;
  background-size: 279px 279px;
}
.val-follow .follow-bg .follow-content .box4 .box1-image {
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/follow-kf.png') no-repeat;
  background-size: 279px 279px;
}
.val-follow .follow-bg .follow-content .box-hover {
  display: none;
  position: absolute;
  bottom: 81px;
  width: 278px;
  height: 338px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/follow-code.png') no-repeat;
  background-size: 278px 338px;
}
.val-follow .follow-bg .follow-content .box-hover .content {
  width: 257px;
  height: 258px;
  margin: 10px 10px 0;
  background: #c1c1c1;
}
.val-follow .follow-bg .follow-content .box-hover .content img{
  width: 257px;
  height: 258px;
}
.val-follow .follow-bg .follow-content .box-hover .text{
  font-family: 'shiyuan-medium';
  color: #fff;
  min-width: 235px;
  font-size: 26px;
  bottom: 23px;
}
.val-follow .follow-bg .follow-content .box-hover .text2 {
  min-width: 260px;
}
.val-follow .follow-bg .follow-content .text {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 17px;
}
.val-follow .follow-bg .follow-content .box-button {
  display: block;
  width: 278px;
  height: 71px;
  background: url('https://js01.daoju.qq.com/zb/val/pc/images/follow-button.png') no-repeat;
  background-size: 278px 71px;
  text-align: center;
  line-height: 71px;
  font-family: 'shiyuan';
  color: #fff;
  margin-top: 24px;
}
.val-follow .follow-bg .follow-content .box-button:hover +.box-hover {
  display: block;
}

/* 底部内容 */
.bottom2{
  margin-top: 95px;
}