123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- .tab{
- font-size: 28rpx;
- display: flex;
- align-items: center;
- justify-content: space-around;
- background: #fff;
- padding: 10rpx 10rpx 0;
- }
- .tab text{
- display: inline-block;
- line-height: 2;
- padding: 0 10rpx;
- }
- .tab .active-tab{
- border-bottom: 4rpx solid #ee3a43;
- }
- .modular-pad{
- padding: 10rpx 20rpx 20rpx;
- }
- .modular .no-more{
- display: flex;
- flex-direction: row;
- align-items: center;
- color: #999;
- margin-top: 20rpx;
- }
- .modular .no-more::before,.modular .no-more::after{
- content: '';
- display: inline-block;
- height: 2rpx;
- flex: 1;
- background: #999;
- }
- .modular .no-more text{
- padding:0 20rpx;
- }
- .picker{
- text-align: center;
- color: #ee3a43;
- }
- .show-date{
- display: flex;
- align-items: center;
- margin: 20rpx 0;
- }
- .show-date text{
- font-size: 36rpx;
- font-weight: 700;
- }
- .show-date::after{
- content: '';
- display: inline-block;
- width: 10rpx;
- height: 10rpx;
- border-right: 1px solid #333;
- border-bottom: 1px solid #333;
- transform: rotate(45deg);
- margin-left: 10rpx;
- }
- .detail-list{
- }
- .detail-list .list-item{
- border-bottom: 1px solid #ccc;
- display: flex;
- flex-direction: row;
- align-items: center;
- padding: 20rpx 0;
- color: #333;
- }
- .detail-list .list-item .item-left{
- flex: 1;
- }
- .detail-list .list-item .item-right{
- text-align: right;
- font-size: 26rpx;
- }
- .detail-list .list-item .item-right .quota{
- }
- .detail-list .list-item .item-right .produce-time{
- color: #999;
- font-size: 22rpx;
- }
|