/* pages/number/number.wxss */ page{ padding: 0; background: #F1F4F6; } .top{ display: flex; padding: 40rpx; background: -webkit-linear-gradient(bottom, #F1F4F6, #73BFFF); } .top>image{ width: 30%; margin-right: 30rpx; } .name{ color: #fff; font-size: 36rpx; height: 120rpx; } .code{ color: #fff; font-size: 30rpx; } .tab{ margin-top: 50rpx; display: flex; /* justify-content: space-between; */ padding: 0 20rpx; } .tab text{ color: #666; font-size: 36rpx; margin-right: 40rpx; } .tab .active{ color: #3780CD; border-bottom: 2px solid #3780CD; padding-bottom: 20rpx; } .today{ width: 90%; margin: 20rpx auto; background: #fff; border-radius: 20rpx; padding: 0 20rpx; display: flex; justify-content: space-between; box-shadow: 0 0 15px rgba(0, 0, 0, .2) } .today view{ font-size: 30rpx; color: #333; font-weight: bold; line-height: 100rpx; } .today text{ font-size: 24rpx; color: #666; line-height: 100rpx; } .tab1{ text-align: center; border-bottom: 1px solid #DBDBDB; } .tab1 view{ display: inline-block; margin: 0 40rpx; line-height: 100rpx; } .tab1 .active{ color: #3780CD; border-bottom: 2px solid #3780CD; } .content{ padding: 20rpx; } .content view{ line-height: 56rpx; color: #666; } .container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; box-sizing: border-box; background: #fff; margin-bottom: 16rpx; } ec-canvas { width: 100%; height: 400rpx; } swiper{ height: 70vh; overflow: auto; } .today1{ width: 100%; margin: 20rpx auto; background: #fff; border-radius: 20rpx; padding:30rpx 20rpx 20rpx; display: flex; justify-content: space-between; box-shadow: 0 0 15px rgba(0, 0, 0, .2); text-align: center; } .today1 view text{ display: block; } .title{ margin: 50rpx 0 0; font-size: 36rpx; font-weight: bold; } .nums{ display: flex; justify-content: space-between; text-align: center; margin: 40rpx 0; } .nums>view{ padding: 20rpx; width: 31%; border-radius: 8rpx; } .nums .active{ background: #C5E1FF; } .nums view view{ font-size: 50rpx; font-weight: bold; margin: 10rpx 0; } .nums view text{ font-size: 28rpx; color: #4795FF; } .today image{ width: 20rpx; height: 20rpx; } .today1 image{ width: 20rpx; height: 20rpx; }