image { width: 100%; height: 100%; } .swiper { width: 710rpx; height: 300rpx; margin: 0 auto; margin-top: 30rpx; } .swiper .swiper { width: 100%; height: 100%; } .swiper image { width: 100%; height: 100%; } .tabList { display: flex; flex-wrap: wrap; margin-top: 40rpx; } .tabItem { display: flex; width: 20%; align-items: center; flex-direction: column; margin-bottom: 46rpx; } .tabImg { height: 54rpx; } .tabName { font-weight: 400; font-size: 26rpx; color: #222222; } .tit { font-weight: bold; font-size: 32rpx; color: #222222; margin-left: 20rpx; padding-top: 30rpx; } .serviceTag { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20rpx; box-sizing: border-box; margin-top: 30rpx; padding-bottom: 30rpx; } .serviceTagItem { width: 345rpx; height: 150rpx; background: linear-gradient(148deg, #FFF4EA 0%, #FFE1C5 100%); border-radius: 30rpx 30rpx 30rpx 30rpx; box-sizing: border-box; padding-left: 28rpx; padding-top: 37rpx; position: relative; margin-bottom: 20rpx; } .item2 { background: linear-gradient(167deg, #FFF3F3 0%, #FFD5D5 100%); } .item3 { background: linear-gradient(145deg, #FFFDF5 0%, #FFF7D0 100%); } .item4 { background: linear-gradient(143deg, #F8F8F8 0%, #EAEAEA 100%); } .serviceTagItem_name { font-weight: bold; font-size: 28rpx; color: #000000; } .serviceTagItem_img1 { width: 158rpx; height: 131rpx; position: absolute; bottom: 0rpx; right: 4rpx; } .serviceTagItem_img2 { width: 154rpx; height: 130.6rpx; position: absolute; bottom: 0rpx; right: 0rpx; } .serviceTagItem_img3 { height: 140rpx; width: 178rpx; position: absolute; bottom: 0rpx; right: 0rpx; } .serviceTagItem_img4 { width: 204rpx; height: 68rpx; position: absolute; bottom: 10rpx; right: 0rpx; } .tabs { display: flex; align-items: center; margin-left: 20rpx; padding-top: 30rpx; } .tabs .tab { font-weight: 400; font-size: 28rpx; color: #555555; margin-right: 70rpx; } .tabs .active { font-weight: bold; font-size: 32rpx; position: relative; } .tabs .active::after { content: ''; width: 127rpx; height: 10rpx; background: #FF512A; position: absolute; left: 50%; bottom: -10rpx; transform: translateX(-50%); } .tabs .active::before { width: 127rpx; height: 10rpx; filter: blur(6.599999904632568rpx); background: #FF5D73; position: absolute; left: 50%; bottom: -10rpx; transform: translateX(-50%); } .list { margin-top: 36rpx; } .item_tit { display: flex; align-items: center; justify-content: space-between; margin: 0 20rpx; margin-bottom: 32rpx; margin-top: 30rpx; } .item_tit_left { font-weight: bold; font-size: 28rpx; color: #000000; } .item_tit_right { font-weight: 400; font-size: 24rpx; color: #D5AC66; display: flex; align-items: center; } .item_tit_right image { width: 12rpx; height: 22rpx; margin-left: 8rpx; } .scrollView { display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; width: 100%; } .item_goodsItem { display: inline-block; width: 223rpx; margin-right: 10rpx; } .item_goodsItem_tit { width: 100%; height: 161rpx; } .item_goodsItem_name { font-weight: 400; font-size: 26rpx; color: #222222; margin-top: 20rpx; margin-left: 10rpx; } .item_goodsItem_msg { font-weight: 400; font-size: 22rpx; color: #FF512A; display: flex; align-items: flex-end; margin-top: 6rpx; margin-left: 13rpx; } .item_goodsItem_msg view { font-weight: 500; font-size: 36rpx; } .item_goodsItem_msg text { font-size: 22rpx; color: #FF512A; } .item_goodsList { display: flex; align-items: center; justify-content: space-between; padding: 0 20rpx; } .list_item { padding-bottom: 32rpx; border-bottom: 1rpx solid #E6E6E6; } .no_border { border-bottom: none; } .merchantList { margin: 0 20rpx; margin-top: 30rpx; } .merchantItem { display: flex; align-items: center; justify-content: space-between; padding: 30rpx 0; border-bottom: 1rpx solid #E6E6E6; box-sizing: border-box; } .merchantItem_right { font-weight: 400; font-size: 26rpx; color: #FFFFFF; width: 150rpx; height: 50rpx; background: #D5AC66; border-radius: 100rpx 100rpx 100rpx 100rpx; display: flex; align-items: center; justify-content: center; } .merchantItem_left { display: flex; align-items: center; } .merchantItem_left_img { width: 180rpx; height: 180rpx; border-radius: 20rpx; overflow: hidden; margin-right: 20rpx; } .merchantItem_left_msg_tit { font-weight: 400; font-size: 32rpx; color: #000000; } .merchantItem_left_msg_add { font-weight: 400; font-size: 24rpx; color: #999999; margin-top: 14rpx; } .merchantItem_left_msg_msg { font-weight: 400; font-size: 22rpx; color: #FF512A; background: #FFF0ED; padding: 2rpx; margin-top: 16rpx; } .merchantItem_left_msg_tag { font-weight: 400; font-size: 24rpx; color: #999999; margin-top: 18rpx; }