.bg-f2 { background-color: #F2F2F2; } .top_head { line-height: 30px; z-index: 1; padding-left: 26rpx; position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 100; } .head_top { width: 100%; height: 25px; } .index_log { /* width: 154rpx; */ min-height: 46rpx; line-height: 46rpx; font-size: 26rpx; font-weight: 800; color: #FFFFFF; } .index_log image { width: 60rpx; height: 60rpx; } .top_search { /* width: 380rpx; */ height: 60rpx; line-height: 60rpx; background: #FFFFFF; border-radius: 30rpx 0 0 30rpx; font-size: 30rpx; margin-left: 10rpx; color: #EE1413; font-weight: 800; } .top_search.search-wx { width: 385rpx; } .top_search.special { width: 100%; } .top_search_right { background: #FFFFFF; border-radius: 0 30rpx 30rpx 0; height: 60rpx; position: relative; /* padding: 0 20rpx; */ /* border-left: 1rpx solid #D9D9D9; */ } .top_search_right::before { content: ' '; width: 1rpx; height: 20rpx; background-color: #D9D9D9; left: 0; top: 0; bottom: 0; margin: auto; position: absolute; } .top_search_right .icon-saoyisao1 { padding: 0 20rpx; /* border-left: 1rpx solid #D9D9D9; */ } .top_search .icon-sousuo { font-size: 30rpx; color: #EE1413; margin-left: 20rpx; margin-right: 10rpx; } .top_bg { position: absolute; top: 0; z-index: 0; width: 750rpx; height: 350rpx; } .top_bg image { width: 750rpx; height: 350rpx; } .nuter { width: 100%; height: 80rpx; line-height: 80rpx; display: flex; justify-content: space-around; font-size: 35rpx; padding-bottom: 10rpx; } .nuter view { flex: 1; font-size: 30rpx; text-align: center; transition: all 0.5s ease .1s; } swiper { height: 80vh; width: 100%; overflow: hidden; } .swiper-item { overflow-y: scroll; width: 100%; height: 99%; box-sizing: border-box; } .banner { height: 240rpx; width: 710rpx; } .banner image { width: 710rpx; height: 240rpx; } .new-people .group-bd { display: flex; justify-content: space-between; } .new-people .list { padding-right: 30rpx; } .new-people .list .item { width: 180rpx; text-align: center; } .new-people .list .price { font-size: 24rpx; } .new-people .list .price .num { font-size: 34rpx; font-weight: bold; } .new-people .list button { font-size: 24rpx; background: #6170ff; } .new-people .list image { width: 180rpx; height: 180rpx; border: 1px dashed #cccccc; } .new-people .other { width: 230rpx; } .new-people .other image { width: 100%; } .group-seckill .left .iconfont { margin-right: 8rpx; color: rgb(226, 35, 26); font-size: 40rpx; } .group-seckill .list .item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 150rpx; height: 230rpx; border: 1px dashed #cccccc; } .group-seckill .list text { line-height: 60rpx; color: #e2231a; } .group-seckill .list image { width: 150rpx; height: 150rpx; } .group-hd .datetime .time { padding: 4rpx; background: #e2231a; color: #ffffff; border-radius: 4rpx; } .group-hd .datetime .point { padding: 0 10rpx; color: #e2231a; } .collection-box { position: fixed; width: 380rpx; padding: 20rpx; top: 20rpx; right: 20rpx; line-height: 40rpx; font-size: 24rpx; border-radius: 16rpx; background: #ffffff; border: 1px solid #eeeeee; box-shadow: 0 0 6rpx 0 rgba(0, 0, 0, .08); z-index: 100; } .collection-box::after { position: absolute; content: ''; display: block; right: 140rpx; top: -15rpx; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 30rpx; height: 30rpx; -webkit-transform: rotate; transform: rotate; background: #FFFFFF; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } .collection-box .point { width: 20rpx; height: 20rpx; font-size: 60rpx; line-height: 0; color: #666666; } .collection-box .point-big { font-size: 80rpx; } .collection-box .close-btn { position: absolute; padding: 0; right: 10rpx; top: 10rpx; width: 40rpx; height: 40rpx; line-height: 30rpx; background: #FFFFFF; color: #999999; border-radius: 50%; } .follow-gzh { position: fixed; left: 0; right: 0; bottom: calc(0px); border-radius: 16rpx; box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1); background: #FFFFFF; z-index: 10; } .follow-gzh.is_auto{ bottom: calc(env(safe-area-inset-bottom) + 98rpx); } .follow-gzh .iconfont { display: block; position: absolute; right: 10rpx; top: 10rpx; z-index: 99; } .product-list { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative; z-index: 1; } .product_item { width: 345rpx; margin: 20rpx; border-radius: 12rpx; background-color: #ffffff; } .product_item.product_item_right { margin-left: 0; } .product_item .pro_name { height: 68rpx; line-height: 34rpx; } .chat { width: 40rpx; height: 40rpx; } .newsnum { position: absolute; top: -8rpx; right: -16rpx; z-index: 100; border-radius: 50%; width: 25rpx; height: 25rpx; text-align: center; line-height: 25rpx; color: #FFFFFF; background-color: #ff6633; padding: 5rpx; font-size: 20rpx; }