biguiyuan/pages/share/index.wxss

.container{
  background: url('https://static.quhouse.com/7f51a916a2fb4eb983f65295963bddd8.png') no-repeat ;
  width: 750rpx;
  height: 1624rpx;
  min-height: 100vh;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contbox{
  width: 564rpx;
  height: 434rpx;
  background: #CE592E;
  box-shadow: inset 0px 1rpx 3rpx 0px #FFFFFF;
  position: relative;
  box-sizing: content-box;
  border-radius: 100rpx 100rpx 72rpx 72rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insetbox{
  width: 538rpx;
  height: 402rpx;
  background: #F8F8F8;
  box-shadow: 0px -1rpx 2rpx 0px #C85931, inset 0px 0px 16rpx 2rpx #CE592E;
  border-radius: 100rpx 100rpx 72rpx 72rpx;
  border: 1rpx solid #91320F;
}
.close{
  position: absolute;
  right: 0;
  top: -20rpx;
  width: 86rpx;
  height: 86rpx;
}
.topcont{
  display: flex;
  margin: 82rpx 0 40rpx 55rpx;
}
.topcont .avatar{
  width: 128rpx;
  height: 128rpx;
  margin-right: 24rpx;
}
.title{
  flex:1;
  height: 44rpx;
  font-size: 32rpx;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #CE592E;
  line-height: 44rpx;
}
.title .text{
  margin-top: 12rpx;
  width:298rpx;
  height: 74rpx;
  font-size: 26rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #CE592E;
  line-height: 37rpx;
}
.insetbox .btn{
  width: 284rpx;
  height: 98rpx;
  margin-left: 130rpx;
  background: url('https://static.quhouse.com/cbbbda43ce244fe39c235f59c2b1e8fa.png') no-repeat;
  background-size: 284rpx 98rpx;
  padding: 0;
}