swiper {
  width: 690rpx;
  height: 300rpx;
  border-radius: 6rpx;
  overflow: hidden !important;
  transform: translateY(0);
  margin: 0 auto;
}

swiper image {
  width: 690rpx;
  height: 300rpx;
}

.dv {
  width: 690rpx;
  margin: 30rpx auto;
  display: flex;
  justify-content: space-between;
}

.dv_xinzen {
  width: 220rpx;
  height: 110rpx;
  display: flex;
  box-shadow: 0 0 10rpx #efefef;
  border-radius: 10rpx;
  align-items: center;
  justify-content: space-around;
}

.dv_img {
  width: 70rpx;
  height: 70rpx;
}

.xinzen {
  font-weight: bold;
  width: 50%;
}

.box {
  width: 630rpx;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  box-shadow:0 6rpx 10rpx #efefef;
  border-radius: 10rpx;
  margin: 30rpx auto;
  text-align: center;
  padding: 0 0 40rpx 0;
}
.box .tag{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.box .tag .tag_li{
  width: 108rpx;
    position: relative;
    font-size: 0;
}
.box .tag image{
  width: 108rpx;
}
.box .tag text{
  position: absolute;
  top:50%;
  font-size: 20rpx;
  color:#fff;
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%,-50%);
  line-height: 1.1em;
}
.box_img {
  width: 30rpx;
  height: 30rpx;
}
.icon_ul{
  padding: 0 60rpx;
}

.box_x {
  width: 140rpx;
  line-height: 40rpx;
  background: -webkit-linear-gradient(180deg, #fffbf7, #ffeee0);
  font-size: 22rpx;
  padding: 0 10rpx;
  color: #666;
}
.box_x>view{
  white-space: nowrap;
}
.detail{
  width: 375rpx;
  line-height: 70rpx;
  background: -webkit-linear-gradient(180deg, #FF6D33, #FFA24E);
  text-align: center;
  color: #fff;
  font-size: 32rpx;
  margin: 40rpx auto 0 auto;
  border-radius: 35rpx;
  box-shadow: 0 10rpx 20rpx rgba(255,158,76,0.2);
}
.bottom_dv{
  width: 690rpx;
  height: 100rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background:  -webkit-linear-gradient(180deg, #FFFBF7,#FFEEE0);
  font-size: 26rpx;
  color: #999;
  margin: 30rpx auto
}
.bottom_img{
  width: 135rpx;
  height: 40rpx
}



/*首页跑马灯效果*/
.example {
  display: block;
  width: 65%;
  height: 70rpx;
  line-height: 70rpx;
  overflow: hidden;
}

.marquee_box {
  width: 100%;
  position: relative;
}

.marquee_text {
white-space: nowrap;
position: absolute;
top: 0;
width: 100%;
left: 100%;
overflow: auto;
display: flex;
align-content: center;
animation: myfirst linear 8s infinite backwards ;
}
@keyframes myfirst
{
0% { left: 100%;}
100% { left:-100%}
}



.ad-image {
  width: 40rpx !important;
  height: 40rpx !important;
  margin-right: 10rpx;
  margin-top: 15rpx;
}
/*首页跑马灯效果*/