/* pages/number/number.wxss */ page{ padding: 0 0 40rpx; background: #F1F4F6; } .top{ display: flex; padding: 40rpx; background: -webkit-linear-gradient(bottom, #F1F4F6, #73BFFF); } .top .fm{ width: 30%; margin-right: 30rpx; } .top .ewm{ position: absolute; width: 60rpx; height: 60rpx; right: 20rpx; top: 20rpx; } .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: center; */ text-align: center; margin: 40rpx 0; } .nums>view{ padding: 20rpx; width: 31%; border-radius: 8rpx; margin-right: 40rpx; } .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; } .list{ /* box-shadow: 0px 2rpx 9rpx 0px rgba(0, 0, 0, 0.2); */ /* border-radius: 20rpx; */ display: flex; /* padding: 20rpx; */ /* box-shadow: 0 0 15rpx 0px rgba(0, 0, 0, 0.2); */ /* margin: 0 20rpx 40rpx; */ border-bottom: 1px solid #F0F0F0; padding: 28rpx 0; } .list image{ width: 25%; height: 210rpx; } .list>view{ width: 75%; padding-left: 20rpx; vertical-align: middle; } .list ._title{ margin-bottom: 20rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .list text{ color: #999; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-size: 26rpx; } .ly{ margin-bottom: 20rpx; } .ly text{ display: block; color: #666; font-size: 22rpx; } .ly view{ float: right; text-align: right; } .ly view text{ font-size: 18rpx; } .bg{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,.5); } ._ewm{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 99999; } ._ewm>.ww{ background: #fff; border-radius: 18rpx; padding: 100rpx; display: block; position: absolute; width: 90%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 80vh; z-index: 99; } .t image{ width: 100rpx; height: 100rpx; border-radius: 8rpx; } .t>view{ display: inline-block; vertical-align: top; margin-left: 20rpx; width: 73%; } .m{ display: block; width: 100%; margin: 50rpx auto; } .b text{ display: block; text-align: center; color: #999; }