miaoguo_master/pages/share/shareindex.wxss

.container{
  background-color: #FFFFFF;
}
.panel1{
  width:100%;
  position: relative;
  align-items: flex-start;
}
.panelBg{
  position: absolute;
  top:0;
  width: 100%;
  height:720rpx;
  background-image: linear-gradient(180deg, #FFD66E 0%, #FFFFFF 100%);
}
.text1{
  font-family: Roboto-Black;
  font-size: 64rpx;
  color: #2E2E2E;
  z-index: 10;
  margin-left: 30rpx;
}

.panel11{
  margin-top: 30rpx;
  width: 100%;
  justify-content: space-between;
  z-index: 10;
}
.text2{
  font-size: 36rpx;
  color: #4D4D4D;
  margin-left: 30rpx;
}

.panelCard{
  width:100%;
  height:435rpx;
  white-space: nowrap;
  margin-top: 30rpx;
  z-index: 10;
}

.Card0{
  width:20rpx;
  height:435rpx;
  display: inline-block;
}

.Card{
  width:580rpx;
  height:435rpx;
  display: inline-block;
  margin: 0 20rpx 0 0;
  position: relative;
  border-radius: 20rpx;
}

.CardImg{
  border-radius: 20rpx;
  width:580rpx;
  height:435rpx;
}

.CardText{
  position: absolute;
  top:0;
  left:0;
  width:580rpx;
  height:435rpx;
  color:#fff;
  justify-content: flex-start;
  align-items: flex-start;

  display: flex;
}
.Card1{
  font-family: Roboto-Black;
  font-size: 28rpx;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.20);
  margin: 40rpx 0 0 40rpx;
}
.Card2{
  font-family: Roboto-Black;
  font-size: 72rpx;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.20);
  margin: 0 0 0 40rpx;
}
.Card3{
  font-size: 24rpx;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.20);
  margin: 30rpx 0 0 10rpx;
}
.Card4{
  margin: 72rpx 0 0 40rpx;
  font-family: Roboto-Black;
  font-size: 24rpx;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.50);
  width:500rpx;
  height:165rpx;
  text-align: left;
  white-space:pre-wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.Card6{
  font-family: Roboto-Black;
  font-size: 72rpx;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.20);
  margin: 0 0 0 40rpx;
}

.CardEnd{
  background-image: linear-gradient(135deg, #88817B 0%, #202529 100%);
  display: inline-block;
  margin: 0 20rpx 0 0;
  border-radius: 20rpx;  
  width:240rpx;
  height:435rpx;
  position: relative;
}

.CardEnd1{
  width:240rpx;
  height:435rpx;
  position: absolute;
}

.icon_flag_1{
  width:30rpx;
  height:30rpx;
  margin-bottom: 20rpx;
}

.Card5{
  color: #FFFFFF;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.50);
  font-size: 28rpx;
}

.panel2{
  margin:45rpx 0 60rpx 0;
  width: 100%;
}
.panel21{
  justify-content: flex-start;
  width: 100%;
}
.panel22{
  border-radius: 20rpx;
  background-color: #F2F2F2;
  margin-top: 30rpx;
  width:710rpx;
}
.panelWeeks{
  font-size: 20rpx;
  color: #787878;
  margin: 40rpx 0 30rpx 0;
}
.week{
  font-size: 20rpx;
  color: #787878;
  margin: 0 28rpx 0 28rpx;
}

.panelDays{
  width: 690rpx;
  margin-left: 20rpx;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.day{
  margin: 0 28rpx 0 28rpx;
  font-family: Roboto-Black;
  color:#4D4D4D;
  border-radius: 4rpx;
  margin: 3rpx;
  width:90rpx;
  height:90rpx;
  position: relative;
}

.day0{
  background: #FFFFFF;
  border: 6rpx solid #fff;
  border-radius: 4rpx;
  width:78rpx;
  height:78rpx;
}

.img{
  width:90rpx;
  height:90rpx;
  position: absolute;
  border-radius: 4rpx;
}

.img2{
  background-color: rgba(0,0,0,0.20);
  border-radius: 4rpx;
}

.text12{
  font-size: 24rpx;
  color: #9B9B9B;
  text-align: center;
  z-index: 10;
}


.panel2Line{
  background: #BCBCBC;
  width: 650rpx;
  height:1rpx;
  margin: 40rpx 0 30rpx 0;
}

.panel2Line2{
  background: #BCBCBC;
  width: 650rpx;
  height:1rpx;
  margin: 20rpx 0 30rpx 0;
}

.panel23{
  font-size: 24rpx;
  color: #4D4D4D;
  margin-bottom: 10rpx;
  padding-left: 30rpx;
  align-self: flex-start;
}

.panel25{
  width:100%;
  align-items: flex-start;
  align-self: flex-start;
  justify-content: space-between;
}

.text13{
  margin-left: 30rpx;
  font-size: 24rpx;
  color: #4D4D4D;
  
}

.panel251{
  margin: 0 50rpx 0 0;
  justify-content: flex-start;
  align-items: flex-end;
}

.text3{
  font-family: Roboto-Black;
  font-size: 64rpx;
  color: #4D4D4D;
  margin-top: -20rpx;

}
.text14{
  font-size: 20rpx;
  color: #4D4D4D;
  margin: 0 0 15rpx 4rpx;
}

.panel26{
  width:500rpx;
  line-height:90rpx;
  background-color: #fff;
  border-radius: 20rpx;
  font-size: 36rpx;
  color: #4D4D4D;
  text-align: center;
  margin: 30rpx 0 60rpx 0;
}

.panel220{
  background-image: linear-gradient(180deg, #FBE8B0 0%, #FDE1AB 14%, #FED9A7 29%, #FFD2A3 43%, #FFCAA1 57%, #FFC3A0 71%, #FEBC9F 86%, #FCB59F 100%);
  border-radius: 20rpx;
  position: relative;
}
.panel221{
  background: rgba(255,255,255,0.60);
  border-radius: 50%;
  width: 100rpx;
  height:100rpx;
  margin-top: 72rpx;
}
.qmjl_main_pic_1{
  width:85rpx;
  height:92rpx;
  position: absolute;
  top:49rpx;
}

.text4{
  font-size: 32rpx;
  color:#4D4D4D;
  margin-top: 21rpx;
  text-align: center;
}


.text5{
  font-family: Roboto-Black;
  font-size: 72rpx;
  color: #4D4D4D;
  text-align: center;
  margin: 0 10rpx;
}

.text6{
  font-size: 20rpx;
  color: #4D4D4D;
  margin-top: 30rpx;
  width:20rpx;
}

.panel223{
  margin-top: 50rpx;
  width:500rpx;
  justify-content: space-between;
}

.text7{
  font-family: Roboto-Black;
  font-size: 28rpx;
  color: #4D4D4D;
}

.panel224{
  background: #F0F0F0;
  border-radius: 8rpx;
  width:500rpx;
  justify-content: flex-start;
  margin-top: 10rpx;
  height:16rpx;
}

.panel2241{
  background: #F38121;
  border-radius: 8rpx 0 0 8rpx;
  height:16rpx;  
}

.panel225{
  background: #FFFFFF;
  border-radius: 20rpx;
  font-size: 36rpx;
  color: #4D4D4D;
  text-align: center;
  width:500rpx;
  line-height: 90rpx;
  margin: 60rpx 0;
}


.text10{
  font-size: 36rpx;
  color: #4D4D4D;
  margin: 100rpx 0 0 30rpx;
  align-self: flex-start;
}
.text11{
  font-size: 24rpx;
  color: #4D4D4D;
  margin: 30rpx 0 0 30rpx;
  align-self: flex-start;
}

.panelHelpCommon_0{
  position: fixed;
  left:20rpx;
  bottom:60rpx;
  margin: 0 0 0 0;
}

.panelHeight{
  width:100%;
  height:90rpx;
}