.status_bar { // height: var(--status-bar-height); width: 100%; height: 50rpx; // background-color: #000000; } .img_border{ border-radius: 10rpx !important; } .tarbar{ height: 100rpx; width: 100vw; padding-top: 10rpx; padding-bottom: 10rpx; background-color: #fff; bottom: 0; z-index: 129; font-size: 22rpx; text-align: center; position: fixed; display: flex; color:#707070; justify-content: space-around; .tarbar_img image{ height: 50rpx; width: 50rpx; // background-color: #fff; } .img_m image{ height: 120rpx; width: 120rpx; margin-top: -30rpx; } } .padding-top{ padding-top: 110rpx !important; // margin-top: 40rpx; } .margin_botoom{ padding-bottom: 200rpx; } .addCard{ font-size: 26rpx !important; line-height: 34rpx; } .hotmaxW{ padding-top:10rpx; margin: 0 auto; transform:scale(1,1); transition: all .5s ease-in-out; } .spike1_item_bottom-sro{ margin-top: 14rpx !important; // margin-left: 60rpx !important; } .hotmaxW :hover { } .hotmaxmin{ transform:scale(0.8,0.8); position: relative; transition: all .5s ease-in-out; // background-color: #666666; opacity: 0.6 !important; // padding-left:10rpx; // padding-right:10rpx; // position: fixed; } // .hotmaxmin :after{ // position: absolute; // content: ''; // // padding:40rpx 40rpx !important; // // transition: margin-right 2s .5s; // box-shadow: 0 0 50rpx 30rpx #fff inset !important; // } .box_show{ width: 100%; margin-left: 4rpx; border-radius: 10rpx; image{ width: 100%; height: 100%; border-radius: 10rpx; } box-shadow: 0 0 50rpx 30rpx #fff inset; } .empty_item{ height: 500rpx; padding: 20rpx 100rpx; margin:50rpx auto; color:#000; font-size: 24rpx; text-align: center; .empty_item_img{ height: 180rpx; width: 180rpx; margin: 0 auto; margin-bottom: 30rpx; image{ height: 100%; width: 100%; } } button { font-size: 24.33rpx; font-weight: 500; background-color: black; color: white; width: 160rpx; height: 65.67rpx; border-radius: 20rpx !important; line-height: 65.67rpx; border-radius: 0; margin-top: 33.33rpx; } .uni-button{ border-radius: 20rpx !important; } } .one{ display: flex; height:100rpx; padding-top: 50rpx; width: 100%; top:0; line-height: 100rpx; z-index: 99; background-color: #000; position: fixed; text-align: center; padding-left:20rpx; color:#fff; image{ float: left; padding-top: 30rpx; padding-right:20rpx; height: 40rpx; width: 40rpx; } .one_text{ width: 60%; text-align: center; margin-left: 10%; } } // .left image, // .right image .imgallb{ // border-radius: 10rpx !important; // } .text_white{ color:#fff; font-weight: bold; margin-left: 5rpx; } .uni-countdown__splitor{ color:#fff !important; } .uni-bg-black{ background-color: #000000; } //地址信息 .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: 28rpx; margin-bottom: 30.67rpx; image{ width: 32rpx; height: 32rpx; } .address_title_name{ font-size: 32rpx; color: black; font-weight: bold; margin-left: 24rpx; margin-right: 38.67rpx; } } .address_content{ padding-left: 56rpx; color: #666666; font-size: 28rpx; // 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: 0.1rpx solid #1b1b1b; opacity: 0.7; &:last-child{ border-bottom: none; } .reviews_item_title{ display: flex; align-items: center; // justify-content: space-around; // justify-content: space-between; .reviews_item_img{ height: 60rpx; width: 60rpx; // border-radius: 50%; // margin-right: 2rpx; image{ height: 100%; width: 100%; border-radius: 50%; } } .reviews_title_one{ height: 100rpx; width: 66vw; } .reviews_title_color{ font-size: 28rpx; color:#fff; height: 50rpx; line-height: 50rpx; padding-left: 15.37rpx; } .reviews_title_user{ font-size: 32rpx; height:50rpx; width: 50vw; // margin-left: 10rpx; line-height: 50rpx; text-align: left; display: flex; overflow: hidden; align-items: start; // color: #ccc; // background-color: #4F92F1; padding:0; text{ display: inline-block; margin-right: 2rpx; text-align: center; overflow: hidden; } .reviews_title_user_name{ max-width: 300rpx; overflow: hidden; text-align: left; margin-left: 13.37rpx; margin-right: 13.37rpx; } } .reviews_title_time{ font-size: 24rpx; font-weight: 400; color: #909090; margin-top: 8rpx; margin-left: 108rpx; } } .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; padding-left: 20rpx; padding-right: 20rpx; overflow: hidden; } .reviews_item_image{ display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20rpx; .reviews_image_content{ width: 200.33rpx; height: 200.33rpx; margin-bottom: 10rpx; margin-left: 16.67rpx; margin-right: 16rpx; border-radius: 5rpx; // background-color: #999999; background-size: 100% !important; image{ height: 100%; width: 100%; border-radius: 5rpx; } // &:first-child{ // margin-left: 0; // } .comment_video{ width: 200.33rpx; height: 200.33rpx; border-radius: 10rpx; } } } } .order_popup_title{ position: relative; font-size: 32rpx; font-weight: bold; border-bottom: 1px solid #E2E2E2; display: flex; color:#000; align-items: center; justify-content: center; // padding-top: 44.67rpx; padding-bottom: 20.67rpx; text-align: center; image{ width: 21.33rpx; height: 21.33rpx; position: absolute; right: 26rpx; } } // 谈判细节 .order_popup{ position: fixed; z-index: 999; background-color: white; width: 100%; bottom: 0; .order_popup_title{ position: relative; color:#000; 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{ padding-top:60rpx; // margin-top: 40rpx; position: relative; height: 100%; width: 100%; // padding-bottom: 50rpx; background-color: #000; color:#fff !important; } .wishlist{ padding: 0 2.67rpx 40rpx 10rpx; display: flex; // padding-top: 40rpx; // justify-content: space-between; flex-wrap: wrap; .wishlist_item{ display: flex; flex-direction: column; font-size: 25.33rpx; font-weight: 500; width: 48%; margin-top: 33.33rpx; // margin-right: 18.67rpx; &:nth-child(even){ margin-left: 10px; } .wishlist_item_img{ width: 100%; height: 180px; // height: 220rpx; margin-bottom: 25.33rpx; background-color: #999999; position: relative; border-radius: 10rpx; object-fit: cover; .wishlist_item_img_goods{ width: 100%; height: 100%; border-radius: 10rpx; } .select{ position: absolute; width: 28rpx; height: 28rpx; top: 8rpx; right: 8rpx; } } .wishlist_item_bottom{ display: flex; align-items: center; padding-right: 18.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%; background-color: #fff; // border-top: 1px solid #F5F6FA; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; color:#000; .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: #fff; border: none; border-radius: 0; } .wishlist_foot_right_button{ background-color: #000 !important; color:#fff !important; } } } // 推荐 .recommend{ padding: 0 26.67rpx; padding-top: 54rpx; // background-color: #; color:white; .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; // background-color: #f4f3f8 !important; justify-content: space-between; flex-wrap: wrap; line-height: 34rpx; font-size: 26.33rpx; // font-weight: 400; .recommend_content_item{ width: 340rpx; border-radius: 10rpx; background-color: #1e1e1e; border-radius: 10rpx; margin-bottom: 24rpx; padding-bottom:20rpx; .recommend_content_name{ height: 80rpx; line-height: 40rpx; overflow: hidden; font-size: 20rpx; } .recommend_content_item_image{ width: 100%; height:340rpx ; border-top-left-radius: 10rpx; border-top-right-radius: 10rpx; background-color: #141414; margin-bottom: 11.33rpx; image{ border-top-left-radius: 10rpx; border-top-right-radius: 10rpx; } .recommend_content_item_image_name{ height: 80rpx; // padding: 20rpx 20rpx; background-color: #630102 !important; line-height: 40rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } image{ width: 100%; height: 100%; } } .recommend_content_item_pric{ font-size: 32rpx; // font-weight: bold; // padding-left:20rpx; margin-top: 6rpx; } } } } // 优惠卷 // .coupons_item:nth-child(1){ // margin-top: 81rpx; // } .coupons_item{ display: flex; background-color: #FEF6F4; height: 186.67rpx; color: #F66C46; margin-top: 11rpx; 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_input1{ display: flex; height: 97.33rpx; border: 1px solid #323333; border-radius: 48.67rpx; font-size: 22.67rpx; padding-left: 33.33rpx; // margin-bottom: 10rpx; .login_input1_text{ height: 97.33rpx; width: 92%; border-radius: 48.67rpx; font-size: 22.67rpx; margin-bottom: 56rpx; } .login_see{ font-size: 22.67rpx; margin-bottom: 56rpx; } // padding-top: 10rpx; } .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: #fff; font-size: 26rpx; display: flex; image{ height: 32rpx; width: 32rpx; margin: 0 10rpx; } // font-weight: bold; } .forgot{ font-size: 25.67rpx; color: #fff; margin-top: 29.33rpx; text-align: right; margin-bottom: 34.67rpx; } .login_submit{ width: 100%; height: 88rpx; line-height: 88rpx; background: rgba(0,0,0,0.6); background-color: #630102 !important; color: white !important; // background-color: #e7e7e7; // color: #666666; margin-top: 30rpx; border-radius: 6.67rpx; margin-bottom: 52rpx; font-weight: bold; } .login_submit1{ // background-color: #000000; color: white; } .agreement{ display: flex; // align-items: center; // padding: 0 33.33rpx; font-size: 24rpx; font-weight: bold; .agreement_image{ width: 34rpx; height: 34rpx; margin-right: 13.33rpx; padding-top: 4rpx; } .text{ color: #4F92F1; display: inline-block; margin: 0 4px; } } } // 商品展示 .good_info{ padding-top: 40rpx; padding-bottom: 40rpx; 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; image{ width: 100%; height: 100%; } } .left_info{ .info_name{ font-size: 26.67rpx; font-weight: 400; width: 461.33rpx; text-overflow: -o-ellipsis-lastline; overflow: hidden; //溢出内容隐藏 text-overflow: ellipsis; //文本溢出部分用省略号表示 display: -webkit-box; //特别显示模式 -webkit-line-clamp: 2; //行数 line-clamp: 2; -webkit-box-orient: vertical; } .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; } } } } } } .addCard{ z-index: 999; position: fixed; bottom: 0; left: 0; background-color: white; padding-left: 29.33rpx; padding-right: 29.33rpx; box-sizing: border-box; padding-top: 77.67rpx; color:#000; width: 100%; // font-size: 30.67rpx; font-weight: 400; padding-bottom: 44.67rpx; .addCard_close{ width: 21.33rpx; height: 21.33rpx; position: absolute; right: 24.67rpx; top: 18.67rpx; } .spike1{ margin-top: 0; margin-bottom: 20rpx; padding-bottom: 0; border-bottom: none; .addCard_scroll{ width: 286.67rpx; height: 286.67rpx; margin-left: 10.67rpx; &:first-child{ margin-left: 0; } &:last-child{ margin-right: 15rpx; } } } .addCard_body{ padding-right: 31.33rpx; max-height: 60vh; min-height: 400rpx; .addCard_price{ font-size: 44rpx; font-weight: bold; margin-top: 17.33rpx; margin-bottom: 51.33rpx; } .color_select{ display: flex; color: #666666; flex-wrap: wrap; margin-bottom: 59.33rpx; .color_select_item{ margin-top: 22rpx; position: relative; background-color: #F9F7FA; border-radius: 6.67rpx; margin-right: 12.67rpx; width: 134.67rpx; image{ width: 134.67rpx; height: 133.33rpx; border-radius: 6.67rpx 6.67rpx 0 0; } .color_select_item_zoom{ width: 20.33rpx; height: 20.33rpx; // background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; position: absolute; right: 12.67rpx; top: 9.33rpx; z-index: 99; image{ width: 100%; height: 100%; } } .color_select_item_bottom{ padding: 10rpx 0rpx; font-size: 24rpx; text-align: center; } } .active_color{ color: #fff;; background-color: #000; border: 1px solid #000000; } } .variations_select_size{ margin-left: 0; margin-top: 26.67rpx; margin-bottom: 40.67rpx; .select_size_item{ background-size: cover; margin-bottom: 16.67rpx !important; &:nth-child(4n+4){ margin-right: 0; } } } } } .quantity{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 43.33rpx; .uni-numbox{ border: 1px solid #999999; border-radius: 14rpx; height: 42.67rpx; /deep/ .uni-numbox__minus{ border-radius: 14rpx; } /deep/.uni-numbox__plus{ border-radius: 14rpx; } /deep/.uni-numbox__value{ border-left: 1px solid #999999; border-right: 1px solid #999999; height: 100%; width: 63.33rpx; font-size: 21.33rpx; } } } .wishlist-modification{ padding: 0 2.67rpx 40rpx 10rpx; display: flex; // padding-top: 40rpx; // justify-content: space-between; flex-wrap: wrap; .wishlist_item{ display: flex; flex-direction: column; font-size: 25.33rpx; font-weight: 500; width: 100%; margin-top: 33.33rpx; // margin-right: 18.67rpx; box-sizing: border-box; &:nth-child(2n+0){ padding-left: 10px; } .wishlist_item_img{ width: 100%; height: 190px; object-fit: cover; margin-bottom: 20rpx; background-color: #999999; position: relative; border-radius: 10rpx; .wishlist_item_img_goods{ width: 100%; height: 100%; border-radius: 10rpx; } .select{ position: absolute; width: 28rpx; height: 28rpx; top: 8rpx; right: 8rpx; } } .wishlist_item_bottom{ display: flex; align-items: center; padding-right: 18.67rpx; justify-content: space-between; .wishlist_item_bottom_icon{ width: 30rpx; height: 30rpx; } } } } .uni-page-refresh { background: #000 !important; }