/**index.wxss**/ .top_bg_w{ width: 750rpx; height: 594rpx; position: fixed; top: 0; left: 0; } .top_bg_w swiper{ width: 750rpx; height: 594rpx; } .top_bg{ width: 750rpx; height: 594rpx; /* position: fixed; top: 0; left: 0; */ } .top_bg_w .dots{ position: absolute; bottom: 110rpx; left: 50%; transform: translateX(-50%); display: flex; align-items: center; } .wrap_nr{ padding: 0 30rpx; padding-top: 507rpx; /* margin-top: -45rpx; */ } .process_wrap{ width: 690rpx; height: 246rpx; background-color: #FFFFFF; box-shadow: 0rpx 5rpx 15rpx 0rpx #E0E0E0; border-radius: 10rpx; display: flex; align-items: center; justify-content: space-between; position: relative; margin-top: 20rpx; } .process_bg{ position: absolute; bottom: 0; left: 0; width: 690rpx; height: 30rpx; background-repeat: repeat-x; background-size: 18rpx 30rpx; } .process_wrap .process_item{ flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .process_item .item_icon{ display: block; /* width: 113rpx; */ height: 86rpx; } .process_item .item_icon.mendian{ height: 106rpx; } .process_item .item_name{ display: block; width: 130rpx; height: 35rpx; margin-top: 15rpx; } .process_item .item_desc{ padding-top: 8rpx; font-size: 22rpx; color: #666666; } .process_wrap::after{ content: ""; display: block; width: 1rpx; height: 101rpx; background: rgba(102,102,102,.2); position: absolute; top: 62rpx; left: 350rpx; } .feedback_wrap{ width: 690rpx; display: flex; align-items: center; justify-content: space-between; } .feedback_wrap .feedback_item{ width: 335rpx; height: 158rpx; background-repeat: no-repeat; background-size: cover; margin-top: 22rpx; box-shadow: 0rpx 0rpx 25rpx 0rpx #F3F3F3; border-radius: 10rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .feedback_item .item_icon{ width: 99rpx; height: 101rpx; } .feedback_item .item_name{ font-size: 30rpx; color: #000000; margin-top: -5rpx; } .ad_wrap{ margin-top: 20rpx; width: 690rpx; height: 230rpx; border-radius: 10rpx; overflow: hidden; position: relative; } .ad_wrap .ad_tu{ width: 690rpx; height: 230rpx; } .ad_wrap .dots{ position: absolute; bottom: 19rpx; right: 50rpx; display: flex; align-items: center; } .dots .dot{ width: 8rpx; height: 8rpx; background: #FFFFFF; border-radius: 4rpx; margin-left: 6rpx; } .dots .dot.active{ width: 30rpx; } /* 用户信息 */ .user_wrap { position: relative; } .user_wrap .user_item{ width: 690rpx; padding: 20rpx 20rpx 20rpx 30rpx; background: #FFFFFF; box-shadow: 0rpx 5rpx 15rpx 0rpx #E0E0E0; border-radius: 10rpx; display: flex; align-items: center; justify-content: space-between; } .user_wrap .user_item .item_l{ display: flex; align-items: center; justify-content: center; } .user_wrap .user_item .user_touxiang{ width: 84rpx; height: 84rpx; border-radius: 50%; } .user_wrap .user_item .user_info{ padding: 16rpx; font-size: 28rpx; color: #000000; } .user_item .user_info .shop_tip{ color: #999999; } .user_item .ac_btn{ width: 166rpx; height: 55rpx; background: #1F524D; border-radius: 28rpx; font-size: 30rpx; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .user_wrap .user_item.login_ed .user_info{ display: flex; align-items: center; } .user_wrap .user_item .vip_tag{ width: 70rpx; height: 30rpx; margin-left: 20rpx; } .user_item.login_ed .item_r{ display: flex; align-items: center; } .user_item .user_count{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 30rpx; color: #000000; } .user_item .user_count .count_name{ font-size: 24rpx; color: #999999; } .user_item .item_r .separation_line{ width: 1px; height: 38rpx; background: rgba(0,0,0,.2); margin: 0 30rpx; } .user_wrap .user_item .user_info .user_nickname{ max-width: 300rpx; } .user_wrap .user_item.login_ed .user_info .user_nickname{ max-width: 200rpx; } /* 一元购&领券区 */ .activity_wrap{ width: 690rpx; margin-top: 20rpx; display: flex; align-items: center; justify-content: space-between; } .activity_wrap .ac_item .ac_tu{ width: 335rpx; height: 189rpx; display: block; border-radius: 10rpx; }