.search_dv { width: 610rpx; height: 70rpx; border-radius: 35rpx; margin: 20rpx auto; background: #f5f6f9; font-size: 26rpx; padding-left: 80rpx } .head_top{ position: fixed; top:0; left: 0; background: #fff; width: 100vw; z-index: 999; } .head_top>text{ position: absolute; right: 60rpx; top:50%; transform: translateY(-50%); font-size: 28rpx; color:#fa3534; z-index: 999 } .search_img { width: 30rpx; height: 30rpx; position: absolute; left: 60rpx; top: 40rpx; } swiper { width: 690rpx; height: 240rpx; border-radius: 6rpx; overflow: hidden !important; transform: translateY(0); margin: 0 auto; } swiper image { width: 690rpx; height: 240rpx; } .dv { width: 690rpx; margin: 30rpx auto; display: flex; justify-content: space-between; } .dv_xinzen { width: 330rpx; height: 121rpx; display: flex; box-shadow: 0 0 10rpx #efefef; border-radius: 10rpx; align-items: center; justify-content: space-around; } .dv_img { width: 80rpx; height: 80rpx; } .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: 40rpx 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: #fa3534; border-radius:10rpx; font-size: 22rpx; padding: 0 30rpx; color: #fff; } .box_x>view{ white-space: nowrap; } .detail{ width: 375rpx; line-height: 70rpx; background: -webkit-linear-gradient(180deg, #dd6161, #fa3534); 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 } .box_ul{ padding-top:108rpx; }