/**index.wxss**/ page { /* background-color: #f1f0f0f0; */ background-color: #f4f4f4; } page { height: 100%; position: relative; overflow: hidden; box-sizing: border-box; } .margintopp { margin-top: 30rpx; } .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; } .imagepic { width: 100%; height: 100%; display: inline-block; border-radius: 30rpx 30rpx 0px 0px; } .pmimgdiv { width: 100%; height: 274rpx; line-height: 360rpx; border-radius: 30rpx 30rpx 0px 0px; } .pmtextdiv { width: 100%; display: flex; flex-direction: column; height: 128rpx; background-color: #ffffff; border-radius: 0px 0px 30rpx 30rpx; } .pmdescription { margin-left: 36rpx; padding-top: 18rpx; height: 44rpx; line-height: 44rpx; float: left; } .fontdescription { color: #000000; font-weight: Bold; font-size: 32rpx; } .fontdate { flex: 7; color: #8C8C8C; font-size: 26rpx; font-weight: Regular; } .pmdgo { margin-top: -16rpx; flex: 3; text-align: right; } .fontdate2 { color: #B1B1B1; padding-left: 3%; font-size: 26rpx; } .pmddate { display: flex; flex-direction: row; padding-top: 16rpx; /* height: 80rpx; */ margin-left: 36rpx; margin-right: 36rpx; float: left; } .pmddate2 { width: 92%; padding-top: 10rpx; height: 80rpx; margin-left: 6%; display: flex; } .pmgo { width: 10%; float: right; height: 133rpx; } .arrow { width: 14rpx; height: 26rpx; } .expirel { flex: 38; text-align: left; } .expirer { flex: 282; text-align: left; } .expire { width: 76rpx; height: 34rpx; margin-right: 18rpx; background-color: #D9D9D9; background: rgba(185, 187, 190, 1); border: 2rpx solid rgba(217, 217, 217, 1); border-radius: 18rpx; color: #F2F2F2; font-size: 18rpx; font-weight: 500; text-align: center; line-height: 34rpx; } .pmBox { margin-left: 4%; margin-right: 4%; margin-bottom: 40rpx; width: 92%; height: 402rpx; box-shadow: 0px 14rpx 44rpx 2rpx rgba(161, 161, 161, 0.5); border-radius: 30rpx; }