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: 686rpx; height: 290rpx; display: inline-block; border-radius: 32rpx; } .pmimgdiv { width: 686rpx; height: 290rpx; line-height: 360rpx; border-radius: 30rpx 30rpx 0px 0px; } .pmtextdiv { width: 686rpx; height: 128rpx; display: flex; background-color: #ffffff; border-radius: 0px 0px 30rpx 30rpx; } .pmdescription { width: 328rpx; margin-left: 32rpx; margin-top: 24rpx; height: 32rpx; font-style: normal; font-weight: bold; font-size: 32rpx; line-height: 32rpx; text-align: left; } .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 { margin-top: 16rpx; margin-left: 32rpx; width: 396rpx; height: 24rpx; font-style: normal; font-weight: normal; font-size: 24rpx; line-height: 24rpx; text-align: left; color: #999999; } .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: 32rpx; margin-right: 32rpx; margin-top: 32rpx; width: 686rpx; height: 418rpx; box-shadow: 0px 14rpx 44rpx 2rpx rgba(161, 161, 161, 0.5); border-radius: 32rpx; } .pmBoxEnd { margin-left: 32rpx; margin-right: 32rpx; margin-top: 32rpx; width: 686rpx; height: 418rpx; border-radius: 32rpx; } .pmtext_left { width: 50%; } .pmtext_right { width: 50%; } .button_right { width: 160rpx; height: 60rpx; margin-left: 151rpx; margin-top: 36rpx; background: #0880FF; box-shadow: 0px 16rpx 32rpx rgba(8, 128, 255, 0.36); border-radius: 24rpx; font-style: normal; font-weight: bold; font-size: 28rpx; line-height: 60rpx; text-align: center; color: #FFFFFF; } .button_overdue { width: 160rpx; height: 60rpx; margin-left: 151rpx; margin-top: 36rpx; background: #CCCCD8; box-shadow: 0px 16rpx 32rpx rgba(8, 128, 255, 0.36); border-radius: 24rpx; font-style: normal; font-weight: bold; font-size: 28rpx; line-height: 60rpx; text-align: center; color: #9999A5; }