/* 最外层的view */ .big{ font-family: Arial,"宋体"; text-align:center; margin:0 auto; position: relative; /* height: 500rpx; */ } .s1_gk_a1{ display: inline; width: auto; height: auto; } /* 圆形小图片 */ .wxd_ww { width: 100%; height: 100%; /* justify-content: center; */ } /* 小图片圆边框 */ .circle { /* 设置背景色 */ background: #f8f8f8; /* 设置圆 */ border-radius: 50%; width: 163rpx; height: 163rpx; /* 给边框加颜色要设置边框 */ border: 2rpx solid #f7e9e2; /* display: flex加justify-content: center是居中对齐 */ display: flex; justify-content: center; /* 超出边框则隐藏 */ overflow: hidden; } /* 设置小图片外面的view的宽高 */ .circle_tow .border { width: 100%; height: 100%; } /* 小图片最大外边框 */ .big_border { width: 192rpx; height: 214rpx; position: absolute; top: -82rpx; left: 10px; } .font { margin-top: 10rpx; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 36rpx; } /* 最大图片的外层view */ .big_picture_border { width: 100%; /* height: 320rpx; */ } .jj{ position: relative; top: 26rpx; left: -128rpx; } .jj_2{ position: relative; top:26rpx; left:-116rpx; } .big_picture { width: 100%; height: 100%; } /* 全部商品样式 */ .all_goods_sum { width: 174rpx; height: 94rpx; margin-left: 230rpx; text-align: center; margin-top: 15rpx; position: relative; top: -196rpx; } /* 新上商品 */ .new_goods { width: 174rpx; height: 94rpx; margin-left: 400rpx; /* 居中 */ text-align: center; margin-top: -90rpx; position: relative; top: -198rpx; } /* 个人中心 */ .personal_center { width: 174rpx; height: 94rpx; margin-left: 570rpx; /* 居中 */ text-align: center; margin-top: -90rpx; position: relative; top: -200rpx; } /* 个人中心图像 */ .user_pictrue { width: 36rpx; height: 32rpx; margin-right: 0rpx; } /* 图像的第二个 */ .big_border_two { width: 100%; height: 260rpx; position: absolute; margin-top: -130rpx; text-align: center; top: 50%; } /* 小图片2圆边框 */ .circle_tow { /* 设置背景色 */ background: #fff; /* 设置圆 */ border-radius: 50%; width: 172rpx; height: 172rpx; /* 给边框加颜色要设置边框 */ border: 1rpx solid #f7e9e2; /* display: flex加justify-content: center是居中对齐 */ display: flex; justify-content: center; /* 超出边框则隐藏 */ overflow: hidden; position: relative; margin-left: 50%; left:-86rpx; } .fonts { min-width: 186rpx; max-width: 360rpx; height: 70rpx; /* 倒角 */ border-radius: 25rpx; background-color: rgba(255, 255, 255, 0.7); border: 1rpx solid rgba(255, 255, 255, 0.7); font-size: 36rpx; /* 水平居中 */ text-align: center; /* 垂直居中 */ line-height: 70rpx; position: relative; top: 20rpx; left: 0rpx; /* background-color: rgba(255, 255, 255, 0.7); */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 底层文字 */ .base_font { width: 100%; height: 120rpx; position: relative; } /* 使里面的view纵向排列 */ .arrange{ /* 弹性布局 */ display: flex; margin-top: 20rpx; } /* 底层文字 */ .base_font_one { width: 33%; height: 120rpx; /* 水平居中 */ text-align: center; display: flex; } .base_font_one .navi{ width: 100%; } .base_font_one .shuxian{ margin-top: 15rpx; } .base_font_one .navi view{ width: 100%; } .base_font_one .navi view .user_pictrue_two{ width: 32rpx;height: 35rpx; } .wai_zwp{ background-color: white; /* height: 500rpx; */ } .shopname_title_size{ font-size: 34rpx} .big .all_view{display: flex; width: 500rpx; position:absolute; bottom:15rpx;right: 0 } .big .all_view .v_item{width:33%; } .big_border_two .title_center{ display: flex; justify-content: center;}