mili_mini/pages/packages/packagedetail/packagedetail.wxss

/**index.wxss**/
page {
    background-color: #FFFFFF;
}
.load {
  width: 100%;
  height: 2400rpx;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
  text-align: center;
  line-height: 1300rpx;
}
.loadimg {
  width: 200rpx;
  height: 200rpx;
}
.packagehead {
  width: 100%;
  height: 566rpx;
}
.package {
  margin-top: 56rpx;
  display: flex;
  width: 86.5%;
  margin-left: 5%;
  margin-right: 8.5%;
  align-items:flex-end;
}
.packagename {
  flex: 131;
  text-align: left;
  color: #000000;
  font-size: 60rpx;
  font-weight: 500;
}
.packagedays {
  color: #878787;
  font-size: 32rpx;
  font-weight: Regular;
  flex: 70;
  text-align: left;
  margin-bottom: 8rpx;
}
.packageprice{
  color: red;
  font-size: 56rpx;
  font-weight: 500;
  flex: 120;
  text-align: right;
}
.packagedesc {
  margin-top: 32rpx;
  width: 86.5%;
  margin-left: 5%;
  margin-right: 8.5%;
  color: #484848;
  font-size: 32rpx;
  font-weight: Regular;
  text-align:justify;
}
.packagetips {
  width: 85%;
  margin-left: 5%;
  margin-right: 10%;
  margin-top: 42rpx;
  color: #8E8E8E;
  font-size: 32rpx;
  font-weight: Regular;
}
.line1 {
  width: 85%;
  margin-left: 5%;
  margin-right: 10%;
  margin-top: 52rpx;
  background-color: #D8D8D8;
  height: 2rpx;
  margin-bottom: 20rpx;
}
.line11 {
  width: 85%;
  margin-left: 5%;
  margin-right: 10%;
  margin-top: 16rpx;
  background-color: #D8D8D8;
  height: 2rpx;
  margin-bottom: 20rpx;
}
.line111 {
  width: 85%;
  margin-left: 5%;
  margin-right: 10%;
  margin-top: 16rpx;
  margin-bottom: 20rpx;
  background-color: #D8D8D8;
  height: 2rpx;
}

.ysshow {
  margin-top: 46rpx;
  width: 85%;
  margin-left: 5%;
  margin-right: 10%;
  color: #000000;
  font-size: 36rpx;
  font-weight: 400;
}
.line2 {
  margin-top: 32rpx;
  background-color: #4AC3B2;
  margin-left: 5%;
  width: 14%;
  margin-right: 81%;
  height: 8rpx;
}
.line3 {
  width: 88%;
  margin-left: 5%;
  margin-right: 7%;
  background-color: #f8f8f8;
  height: 1rpx;
  margin-top: 4rpx;
}
.yuesaoonday {
 
  margin-left: 7%;
  margin-right: 8%;
  width: 85%;
  display: flex;
}
.yuesaoleft {
  flex: 144;
  text-align: center;
  flex-direction: column;
}
.yuesaoright {
  flex: 144;
  text-align: center;
  flex-direction: column;
}
.yuesaocenter {
  flex:29;
}
.yuesaoimgl1 {
  margin-top: 52rpx;
  height: 170rpx;
  width: 186rpx;
  text-align: center;
}
.yuesaoimgl2 {
  margin-top: 54rpx;
  height: 170rpx;
  width: 186rpx;
}
.yuesaoimgl3 {
  margin-top: 84rpx;
  height: 170rpx;
  width: 186rpx;
}
.yuesaoimgr1 {
  margin-top: 192rpx;
  height: 170rpx;
  width: 186rpx;
}
.yuesaoimgr2 {
  margin-top: 74rpx;
  height: 170rpx;
  width: 186rpx;
}
.yuesaoimgr3 {
  margin-top: 80rpx;
  height: 170rpx;
  width: 186rpx;
}
.yuesaotime {
  width: 100%;
  margin-top: 18rpx;
  color: #000000;
  font-size: 32rpx;
  font-weight: 500;
  text-align: center;
}
.yuesaotask {
  margin-top: 10rpx;
  width: 100%;
  color: #797979;
  font-size: 24rpx;
  font-weight: Regular;
  text-align: justify;
}
.packagestitle {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 50rpx;
  display: flex;
  align-items:baseline;
}
.packagesgroup {
  flex:136;
  text-align: left; 
  margin-right: 10rpx;
  color: #000000;
  font-size: 28rpx;
  font-weight: Regular
}
.packagebox{
  flex:144;
  display: flex;
  justify-content:space-between;
}
.name {
  color: #000000;
  font-size: 26rpx;
  font-weight: Regular;
  flex: 1;
  text-align: right;
}
.itemtop {
  margin-top: 22rpx;
}
.pitems{
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  height: 50rpx;
  align-items: center;
}
.itemcontent {
  flex:100;
  text-align: left; 
  margin-right: 20rpx;
  color: #323232;
  font-size: 22rpx;
  font-weight: Regular
}
.check {
  margin-top: 16rpx;
  flex: 18;
  text-align: center;
}
.nonecheck {
  flex: 18;
  text-align: center;
}
.imgcheck {
  width: 30rpx;
  height: 30rpx;
}
.ysbzicon {
  margin-top: 52rpx;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  display: flex;
}
.icon1 {
  flex: 121;
}
.icon2 {
  flex: 122;
}
.icon3 {
  flex: 58;
}
.imgicon {
  margin-left: 20rpx;
  width:90rpx;
  height: 88rpx;
}
.iconcontent {
  margin-top: 16rpx;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  display: flex;
}
.icontext {
  font-size: 28rpx;
  color: #636363;
  font-weight: Heavy;
}
.pay {
  height:170rpx;
  width: 100%;
  position: fixed;
  left:0;
  bottom:0rpx;
  background:#ffffff;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.buttonextract {
    margin-top: 30rpx;
    margin-bottom: 58rpx;
    margin-left: 70rpx;
    margin-right: 68rpx;
    width: 612rpx;
    height: 82rpx;
    background:linear-gradient(90deg,rgba(0,199,198,0.97) 0%,rgba(0,210,210,1) 100%);
    box-shadow:0px 14rpx 44rpx 2rpx rgba(0,199,198,0.2);
    border-radius:42rpx;
    text-align: center;
    font-size: 36rpx;
    font-weight: 500;
    color:#FFFFFF;
    line-height: 82rpx;
  }
.dayly1 {
  margin-top: 60rpx;
   width:200rpx;
  height: 150rpx;
}
.dayly2 {
  margin-top: 70rpx;
  width:200rpx;
  height: 150rpx;
}
.dayly3 {
  margin-top: 84rpx;
   width:200rpx;
  height: 150rpx;
}
.dayly4 {
  margin-top: 114rpx;
   width:200rpx;
  height: 150rpx;
}
.dayly5 {
  margin-top: 200rpx;
   width:200rpx;
  height: 150rpx;
}
.dayly6 {
  margin-top: 140rpx;
  width:200rpx;
  height: 150rpx;
}
.dayly7 {
  margin-top: 82rpx;
   width:200rpx;
  height: 150rpx;
}
.dayly8 {
  margin-top: 148rpx;
   width:200rpx;
  height: 150rpx;
}
.fear {
   width: 85%;
  margin-left: 5%;
  margin-right: 10%;
  margin-top: 80rpx;
  color: #797979;
  font-size: 24rpx;
  font-weight: Regular;
  text-align: justify;
}
.fx-zx{
  position: fixed;
  width: 141rpx;
  height: 96rpx;
  right: -6rpx;
  bottom: 170rpx;
  z-index: 2;
  background-size: 100%;
}
.fx-zx button {
width: 94rpx;
height: 94rpx;
border:none;
padding:0;
}
.fx-zx image{
width: 94rpx;
height: 94rpx;
}
.dayly01 {
  width: 474rpx;
  height: 96rpx;
  margin-bottom: 40rpx;
}
.dayly02 {
  width: 100%;
  height: 3822rpx;
}
.yuesuo_fwbz {
  width: 100%;
	margin-bottom: 200rpx;
}
.yuesuofwbz {
  width: 100%;
  height: 532rpx;
}
.fumx {
  margin-top:40rpx;
  width: 474rpx;
  height: 96rpx;
  margin-bottom: 40rpx;
}
.fwnr_title {
  width: 100%;
}
.fwnr01 {
  width: 100%;
  height: 716rpx;
}
.fwnr02 {
  width: 100%;
  height: 717rpx;
}
.fwnr03 {
  width: 100%;
  height: 724rpx;
}