123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 |
- /**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: 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: 128rpx;
- margin-left: 32rpx;
- margin-top: 24rpx;
- height: 32rpx;
- font-style: normal;
- font-weight: bold;
- font-size: 32rpx;
- line-height: 32rpx;
- text-align: center;
- }
- .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: 96rpx;
- height: 24rpx;
- font-style: normal;
- font-weight: normal;
- font-size: 24rpx;
- line-height: 24rpx;
- text-align: center;
- 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;
- }
- .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;
- }
|