.box img{
      width: 100%;
      height: 100%;
    }
    .mian{
      width: 1200px;
      margin: 29px auto 0;
    }
    .mian .user_info{
      width: 100%;
      height: 236px;
      background: url(https://wbyixiu.oss-cn-hangzhou.aliyuncs.com/common/images/index/preference_user_back.png) no-repeat center/cover;
      margin-bottom: 7px;
    }
    .mian .user_info .con{
      margin-left: 30px;
    }
    .mian .user_info .con .head_portrait{
      align-items: start;
      padding: 40px 0 30px;
    }
    .mian .user_info .con .head_portrait .head_portrait_img{
      width: 60px;
      height: 60px;
      margin-right: 20px;
      position: relative;
    }
    .mian .user_info .con .head_portrait .head_portrait_img .vip_falg{
      width: 60px;
      height: 20px;
      position: absolute;
      bottom: -4px;
      left: 0;
    }
    .mian .user_info .con .head_portrait .mobile{
      color: #FFFFFF;
      font-size: 16px;
      line-height: 16px;
      padding: 22px 0 8px;
    }
    .mian .user_info .con .head_portrait .mobile.active{
      color: #F8C583;
    }
    .mian .user_info .con .head_portrait .mobile .vip_time{
      display: none;
      font-size: 12px;
      color: #B0926C;
    }
    .mian .user_info .con .vip_tips{
      font-size: 16px;
      line-height: 16px;
      color: #999999;
    }
    .mian .user_info .con .vip_btn{
      width: 116px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      font-weight: bold;
      font-size: 14px;
      color: #3D332B;
      background: #FFBC1B;
      border-radius: 6px;
      margin: 20px 0 7px;
    }
    .mian .user_info .con .vip_tips_have{
      display: none;
      font-size: 12px;
      line-height: 12px;
      color: #B0926C;
    }
    .mian .content{
      width: calc(100% - 2px);
      background: linear-gradient(180deg, rgba(255,245,233,0.8), rgba(255,255,255,0));
      border: 1px solid rgba(254,245,227,0.86);
      /* background:#FFFFFF; */
      border-radius: 10px;
      padding: 0px 0px 30px;
    }
    .mian .content .tagsCon{
      width: calc(100% - 60px);
      height: 42px;
      line-height: 14px;
      display: flex;
      justify-content: space-between;
      /* box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.12); */
      border-radius: 10px;
      padding: 30px 30px 0;
      overflow: hidden;
      transition: all .3s;
    }
    .mian .content .tagsCon .tagsList{
      width: 90%;
      display: flex;
      flex-wrap: wrap;
      color: #333;
    }
    .mian .content .tagsCon .tagsList .tagItem{
      cursor: pointer;
      padding-bottom: 11px;
      margin-right: 30px;
      margin-bottom: 17px;
      position: relative;
    }
    .mian .content .tagsCon .tagsList .tagItem.active{
      color: #7D4800;
    }
    .mian .content .tagsCon .tagsList .tagItem.active::after{
      display: block;
      content: '';
      width: 17px;
      height: 3px;
      background: #7D4800;
      border-radius: 3px;
      position: absolute;
      bottom: 0;
      left: calc(50% - 7px);
    }
    .mian .content .tagsCon .more{
      cursor: pointer;
    }
    .mian .content .goodsCon{
      width: 1124px;
      margin: 0 auto;
      padding: 30px 8px 0;
      border-top: 1px solid #F4E8DA;
    }
    .mian .content .goodsCon .goodsList{
      display: none;
      /* display: grid; */
      grid-template-columns: repeat(4, 1fr);
      gap: 28px;
    }
    .mian .content .goodsCon .goodsList .goodsItem{
      width: 260px;
      height: 229px;
      /* padding: 15px; */
    }
    /* .mian .content .goodsCon .goodsList .goodsItem:hover{
      border-radius: 10px;
      box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
    } */
    .mian .content .goodsCon .goodsList .goodsItem img{
      width: 260px;
      height: 158px;
      border-radius: 10px;
    }
    .mian .content .goodsCon .goodsList .goodsItem:hover .tit{
      color: #FF4866;
    }
    .mian .content .goodsCon .goodsList .goodsItem .tit{
      /* height: 30px; */
      font-weight: bold;
      line-height: 15px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      margin: 13px 0 8px;
      transition: all .3s;
    }
    .mian .content .goodsCon .goodsList .goodsItem .price{
      height: 20px;
      line-height: 20px;
    }
    .mian .content .goodsCon .goodsList .goodsItem .price .vip{
      width: 32px;
      height: 20px;
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      color: #7D4800;
      background: #FFDF42;
      border-radius: 4px;
    }
    .mian .content .goodsCon .goodsList .goodsItem .price .price_num{
      font-size: 12px;
      font-weight: bold;
      color: #FF2C62;
      margin: 0 5px 0 10px;
    }
    .mian .content .goodsCon .goodsList .goodsItem .price .price_num span{
      font-size: 18px;
    }
    .mian .content .goodsCon .goodsList .goodsItem .price .original_price{
      font-weight: bold;
      font-size: 12px;
      color: #999999;
      text-decoration-line: line-through;
    }