PhonicsGame_master/pages/about/share.wxss

.container {
  background-color: #99607c;
  justify-content: flex-start;
}

.btn {
  width: 610rpx;
  height: 422rpx;
  background-color: #67453c;
  margin-top: 212rpx;
  border-radius: 14rpx;
  z-index: 10;
}

.btn1 {
  width: 100%;
  height: 402rpx;
  background-color: #ffd48b;
  position: relative;
  border-radius: 14rpx;
  top: 0;
}

.panel1 {
  width: 100%;
  height: 260rpx;
  border-bottom: 2rpx solid #e4b06c;
  justify-content: flex-start;
}

.line {
  width: 16rpx;
  height:140rpx;
  background-color: #EC4C56;
  margin-left: 50rpx;
}

.panel11{
  align-items: flex-start;
  margin-left: 30rpx;
}
.panel111{
  font-size:64rpx;
  font-weight: 500;
}
.panel112{
  font-size:48rpx;
  font-weight: 500;
}

.panel2 {
  width: 100%;
  height: 140rpx;
  background-color: #fec579;
  border-bottom-left-radius: 14rpx;
  border-bottom-right-radius: 14rpx;
}

.line2 {
  width: 2rpx;
  height: 90rpx;
  background-color: #e4b06c;
}

.panel2_1 {
  width: 305rpx;
  height: 140rpx;
  background-color: #fec579;
  border-bottom-left-radius: 14rpx;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.panel2_1::after {
  border: 0px;
}

.panel2_2 {
  width: 305rpx;
  height: 140rpx;
  background-color: #fec579;
  border-bottom-right-radius: 14rpx;
  justify-content: flex-start;
}

.textTitle {
  font-size: 36rpx;
  font-weight: 500;
  width: 180rpx;
  height:50rpx;
  margin-top: 30rpx;
}
.textTitle3 {
  width: 216rpx;
}
.textTitle1 {
  -webkit-text-stroke:8rpx #8B4C28;
  position: absolute;
  text-align: center;
  line-height: 50rpx;
}
.textTitle2 {
  color: #FFFFFF;
  position: absolute;
  text-align: center;
  line-height: 50rpx;
}
.panel212{
  font-size: 22rpx;
  font-weight: 500;
  color:#8B4C28;
  margin-top: -2rpx;
}
.panel2121{
  margin-top: 8rpx;
}

.universalpic_share_guide_bg {
  width: 100%;
  height: 440rpx;
  position: fixed;
  bottom: 0;
}

.Canvas{
  width: 400px; 
  height: 300px;
  position: fixed;
  left:760rpx;
  top:0rpx;
}