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;
}

.CardImg2 {
  background-image: linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.40) 100%);
  position: absolute;
  left:0;
  top:0;
}

.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 {
  margin: 147rpx 0 0 40rpx;
  font-size: 24rpx;
  color: #FFFFFF;
  text-shadow: 0 3rpx 0 rgba(0,0,0,0.50);
}

.Card7 {
  font-family: Roboto-Black;
  font-size: 48rpx;
  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: 80rpx 0 0rpx 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: 8rpx;
  margin: 3rpx;
  width: 90rpx;
  height: 90rpx;
  position: relative;
}

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

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

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

.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;
}

.panelHeight2 {
  width: 100%;
  height: 60rpx;
}

.panel2200 {
  position: relative;
  justify-content: flex-start;
  background-image: linear-gradient(180deg, #CFF4C8 0%, #DAF0C2 14%, #E4ECBE 29%, #ECE8BD 43%, #F3E4BD 57%, #F8E0BF 71%, #FBDDC3 86%, #FCDAC7 100%);
}

.qmjl_main_pic_2 {
  width: 670rpx;
  height: 360rpx;
  margin-top: 30rpx;
}

.qmjl_main_pic_3 {
  width: 116rpx;
  height: 116rpx;
  position: absolute;
  left: 348rpx;
  top: 385rpx;
  z-index: 10;
}

.qmjl_main_pic_4 {
  width: 147rpx;
  height: 159rpx;
  position: absolute;
  right: 0rpx;
  top: 342rpx;
  z-index: 10;
}


.panel22001 {
  width: 456rpx;
  height: 16rpx;
  margin-top: 120rpx;
  background: #FFFFFF;
  border-radius: 8rpx;
  position: relative;
}

.panel220011 {
  position: absolute;
  left: 0;
  height: 16rpx;
  border-radius: 8rpx 0 0 8rpx;
  background: #F38121;
}

.panel2200111 {
  
}

.panel220012 {
  width: 18rpx;
  height: 18rpx;
  background: #9B9B9B;
  border: 6rpx solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: -8rpx;
  right: 0;
}
.panel220014 {
  width: 30rpx;
  height: 30rpx;
  background: #F38121;
  border-radius: 50%;
  position: absolute;
  top: -8rpx;
  right: 0rpx;
}

.panel220013 {
  right: 222rpx;
}

.panel22002 {
  margin-top: 10rpx;
  width: 456rpx;
  justify-content: space-between;
  align-items: flex-start;
}

.text15 {
  font-size: 24rpx;
  color: #4D4D4D;
  margin-top: 10rpx;
}

.text16 {
  font-family: Roboto-Black;
  font-size: 64rpx;
  color: #4D4D4D;
  text-align: right;
}

.text17 {
  font-size: 20rpx;
  color: #4D4D4D;
  text-align: right;
  margin: 20rpx 0 0 4rpx;
}

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

.text18 {
  font-weight: 400;
  font-size: 20rpx;
  color: #4D4D4D;
  text-align: center;
  margin: 30rpx 0 60rpx 0;
}

.text19 {
  color: #5282FA;
}

.panel2201 {
  width:710rpx;
  background-color: #A0272B;
  justify-content: flex-start;
}

.qmjl_main_pic_5{
  width:710rpx;
  height:350rpx;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
}

.panel2201text1{
  font-size: 24rpx;
  color: #FFF6E9;
  width:550rpx;
  margin-top: 20rpx;
}

.panel2201text2{
  font-size: 28rpx;
  color: #F3B150;
  text-align: center;
  margin-top: 30rpx;
}

.panel2201text3{
  font-size: 24rpx;
  color: #FFF6E9;
  text-align: center;
  margin-top: 30rpx;
}
.panel2201text4{
  width:550rpx;
  font-size: 24rpx;
  color: #FFF6E9;
  margin-top: 30rpx;
}
.panel2201line{
  width:550rpx;
  height:2rpx;
  background: #FFFFFF;
  margin-top: 40rpx;
}

.panel2201text5{
  width:550rpx;
  font-size: 24rpx;
  margin-top: 30rpx;
  color: #F3B150;
}
.panel2201text6{
  width:550rpx;
  font-size: 24rpx;
  margin-top: 30rpx;
  color: #FFF6E9;
}
.panel2201text7{
  font-size: 28rpx;
  margin-top: 40rpx;
  color: #F3B150;
  text-align: center;
  margin-bottom: 60rpx;
}