wxd / MShopWeApp

/* 最外层的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;}