.status_bar { height: var(--status-bar-height); width: 100%; } //地址信息 .address{ padding-top: 33.33rpx; padding-bottom: 36rpx; padding-left: 29.33rpx; padding-right: 22.67rpx; display: flex; justify-content: space-between; align-items: center; border-bottom: 14.67rpx #F6F5FA solid; position: relative; .address_left{ .address_title{ display: flex; align-items: center; color: #666666; font-size: 24rpx; margin-bottom: 30.67rpx; image{ width: 32rpx; height: 32rpx; } .address_title_name{ font-size: 28rpx; color: black; font-weight: bold; margin-left: 24rpx; margin-right: 38.67rpx; } } .address_content{ padding-left: 56rpx; color: #666666; font-size: 24rpx; font-weight: bold; } } .address_xian{ height: 4rpx; width: 100%; position: absolute; left: 0; bottom: 0; } } .address_more{ width: 20rpx; height: 20rpx; } // 评价 .reviews_item{ padding: 34rpx 0; border-bottom: 1px solid #E2E2E2; &:last-child{ border-bottom: none; } .reviews_item_title{ display: flex; align-items: center; justify-content: space-between; .reviews_title_user{ font-size: 32rpx; display: flex; align-items: center; color: #3D3D3D; text{ display: inline-block; margin-right: 26rpx; } } .reviews_title_time{ font-size: 24rpx; font-weight: 400; color: #909090; } } .reviews_item_color{ font-size: 24rpx; color: #909090; font-weight: 400; margin-bottom: 21.33rpx; margin-top: 10rpx; } .reviews_item_content{ font-size: 26.67rpx; font-weight: 400; margin-bottom: 34.67rpx; } .reviews_item_image{ display: flex; align-items: center; .reviews_image_content{ width: 233.33rpx; height: 233.33rpx; margin-left: 16.67rpx; background-color: #999999; &:first-child{ margin-left: 0; } } } } // 谈判细节 .order_popup{ position: fixed; z-index: 999; background-color: white; width: 100%; bottom: 0; .order_popup_title{ position: relative; font-size: 32rpx; font-weight: bold; border-bottom: 1px solid #E2E2E2; display: flex; align-items: center; justify-content: center; padding-top: 44.67rpx; padding-bottom: 30.67rpx; image{ width: 21.33rpx; height: 21.33rpx; position: absolute; right: 26rpx; top: 50%; margin-top: -5.5rpx; } .order_popup_title_span{ color: #B22234; } } .order_popup_commodity{ border-bottom:1px solid #E2E2E2 ; padding-bottom: 40rpx; } .order_popup_coupons{ padding:0 26.67rpx; padding-top: 28rpx; padding-bottom: 106.67rpx; } .order_popup_pay{ padding: 0 26.67rpx; padding-bottom: 56.67rpx; .pay_item{ border-bottom: 1px solid #EEEEEE; padding: 13.33rpx 0; display: flex; align-items: center; font-size: 28rpx; &:nth-child(4){ border-bottom: none } .pay_item_select{ width: 29.33rpx; height: 29.33rpx; margin-right: 26rpx; } .pay_item_right{ display: flex; align-items: center; image{ width: 74.67rpx; height: 74.67rpx; margin-right: 28.67rpx; } } } button{ background: black; color: white; height: 88rpx; line-height: 88rpx; font-size: 26.67rpx; font-weight: bold; margin-top: 33.33rpx; } } .order_popup_points{ padding-bottom: 63.33rpx; padding-left: 47.33rpx; padding-top: 34.67rpx; font-size: 28rpx; .points_item{ display: flex; align-items: center; margin-bottom: 40rpx; &:last-child{ margin-bottom: 0; } image{ width: 29.33rpx; height: 29.33rpx; margin-right: 26rpx; } } } } // 遮罩层 .mask{ position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.5; z-index: 998; top: 0; left: 0; } .wishlist_body{ position: relative; } .wishlist{ padding: 0 26.67rpx; display: flex; justify-content: space-between; flex-wrap: wrap; .wishlist_item{ display: flex; flex-direction: column; font-size: 25.33rpx; font-weight: 500; width: 33%; margin-top: 33.33rpx; .wishlist_item_img{ width: 220rpx; height: 220rpx; margin-bottom: 25.33rpx; background-color: #999999; position: relative; .select{ position: absolute; width: 28rpx; height: 28rpx; top: 8rpx; right: 8rpx; } } .wishlist_item_bottom{ display: flex; align-items: center; padding-left: 22.67rpx; justify-content: space-between; .wishlist_item_bottom_icon{ width: 30rpx; height: 30rpx; } } } } .wishlist_foot{ padding: 33.33rpx 26.67rpx; position: fixed; bottom: 0; width: 100%; border-top: 1px solid #F5F6FA; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; .wishlist_foot_left{ font-size: 36rpx; font-weight: 400; display: flex; justify-content: space-between; align-items: center; image{ width: 36rpx; height: 36rpx; margin-right: 9.33rpx; } } .wishlist_foot_right{ width: 164rpx; height: 73.33rpx; font-weight: bold; button{ font-size: 26.67rpx; line-height: 73.33rpx; width: 100%; height: 100%; background-color: #C0C0C0; color: #FFFFFF; border: none; border-radius: 0; } .wishlist_foot_right_button{ background-color: black !important; } } } // 推荐 .recommend{ padding: 0 26.67rpx; padding-top: 54rpx; .recommend_title{ position: relative; text-align: center; font-size: 29.33rpx; font-weight: bold; margin-bottom: 64rpx; &::after{ content: ""; position: absolute; bottom: -13.33rpx; width: 53.33rpx; height: 4rpx; background-color: black; left: 50%; margin-left: -26rpx; } } .recommend_content{ display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 29.33rpx; font-weight: 400; .recommend_content_item{ width: 340rpx; margin-bottom: 46.67rpx; .recommend_content_item_image{ width: 100%; height:340rpx ; background-color: #999999; margin-bottom: 37.33rpx; } .recommend_content_item_pric{ font-size: 32rpx; font-weight: bold; margin-top: 34rpx; } } } } // 优惠卷 .coupons_item{ display: flex; background-color: #FEF6F4; height: 186.67rpx; color: #F66C46; margin-bottom: 25.33rpx; .coupons_item_left{ width: 216.67rpx; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20rpx; font-weight: 400; &:before{ content: ""; background-color: white; z-index: 99; position: absolute; right: -15rpx; top: 0; width: 30rpx; height: 20rpx; border-radius: 0 0 15rpx 15rpx; } &:after{ content: ""; background-color: white; z-index: 99; position: absolute; right: -15rpx; bottom: 0; width: 30rpx; height: 20rpx; border-radius: 15rpx 15rpx 0 0; } .item_left_prcie{ font-weight: bold; font-size: 40rpx; // margin-bottom: 13.33rpx; } .item_left_span{ text-align: center; } } .coupons_item_right{ width: 480.67rpx; height: 100%; font-size: 20rpx; font-weight: 400; display: flex; justify-content: space-between; align-items: center; position: relative; padding-left: 36rpx; padding-right: 23.33rpx; &:before{ content: ""; z-index: 99; position: absolute; left: -5rpx; height: 120rpx; border: dashed #F66C46 1rpx; } .coupons_item_right_select{ width: 34.67rpx; height: 34.67rpx; position: absolute; top: 12.67rpx; right: 15.33rpx; } .coupons_item_right_bg{ width: 82.67rpx; height: 60.67rpx; position: absolute; top: 0; right:116.67rpx; } .coupons_right_info{ .coupons_right_info_title{ font-size: 32rpx; font-weight: bold; } .coupons_right_info_time{ font-size: 16rpx; margin-top: 13.33rpx; } } button{ background: none; border-radius: 0; margin: 0; border: #F66C46 1px solid; font-size: 25.33rpx; height: 39.33rpx; line-height: 39.33rpx; color: #F66C46; font-weight: bold; white-space:nowrap; padding:0 10rpx; box-sizing: content-box; overflow: inherit; &::after{ content: none; } } } } .login{ padding: 0 32rpx; .login_input{ height: 97.33rpx; border: 1px solid #323333; border-radius: 48.67rpx; font-size: 22.67rpx; padding-left: 33.33rpx; margin-bottom: 56rpx; } .tips{ color: #DA0303; font-size: 18.67rpx; font-weight: bold; } .forgot{ font-size: 22.67rpx; color: #666666; margin-top: 29.33rpx; text-align: right; margin-bottom: 34.67rpx; } .login_submit{ width: 100%; height: 88rpx; line-height: 88rpx; background-color: #000000; color: white; border-radius: 6.67rpx; margin-bottom: 52rpx; font-weight: bold; } .agreement{ display: flex; // align-items: center; // padding: 0 33.33rpx; font-size: 24rpx; font-weight: bold; .agreement_image{ width: 24rpx; height: 24rpx; margin-right: 13.33rpx; padding-top: 4rpx; } .text{ color: #4F92F1; display: inline-block; margin: 0 4px; } } } // 商品展示 .good_info{ padding: 40rpx 0; font-size: 22.67rpx; color: #666666; font-weight: bold; border-bottom: 2.67rpx solid #F1F1F1; &:last-child{ border-bottom: none; } .good_info_left{ display: flex; align-items: center; .good_info_image{ width: 200rpx ; height: 200rpx; background-color: #999999; margin-right: 32.67rpx; } .left_info{ .info_name{ font-size: 26.67rpx; font-weight: 400; width: 461.33rpx; } .left_info_bottom{ display: flex; align-items: center; justify-content: space-between; font-size: 32rpx; color: #909090; margin-top: 24rpx; .info_lable{ padding: 5.33rpx 20rpx; font-size: 22.67rpx; border-radius: 33.33rpx; border: 1px solid #D3D3D3; image{ width: 17.33rpx; height: 17.33rpx; margin-left: 14.67rpx; } } } .info_price{ font-size: 28rpx; color: black; font-weight: bold; margin-top: 43.33rpx; display: flex; align-items: center; justify-content: space-between; button{ margin: 0; height: 45.33rpx; line-height: 45.33rpx; border: #999999 solid 1px; font-size: 17.33rpx; color: #999999; background: none; &::after{ content: none; } } } } } }