123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- @import "../../../static/filter.scss";
- .search-right {
- padding: 0 10rpx !important;
- }
- page {
- width: 100vw;
- overflow: hidden;
- }
- .groud {
- width: 100%;
- padding: 30rpx;
- border-bottom: 1px solid #DDDDDD;
- .label {
- height: 40rpx;
- font-size: 28rpx;
- font-family: PingFang SC-Regular, PingFang SC;
- color: #333333;
- }
- .content {
- display: flex;
- flex-wrap: wrap;
- width: 100%;
- .but {
- width: 188rpx;
- height: 72rpx;
- background: #F5F5F5;
- border-radius: 8rpx;
- font-size: 28rpx;
- font-family: PingFang SC-Regular, PingFang SC;
- color: #333333;
- box-sizing: border-box;
- margin-right: 20rpx;
- margin-top: 20rpx;
- padding: 0;
- }
- .active {
- border: 1px solid #3874F6;
- color: #3874F6;
- font-weight: bold;
- background-color: #F5F5F5;
- }
- }
- .time {
- .partition {
- margin-right: 20rpx;
- display: flex;
- align-items: center;
- }
- .tbox {
- width: 220rpx;
- height: 72rpx;
- text-align: center;
- line-height: 72rpx;
- background: #F5F5F5;
- border-radius: 8rpx;
- font-size: 28rpx;
- font-family: PingFang SC-Regular, PingFang SC;
- color: #333333;
- box-sizing: border-box;
- margin-right: 20rpx;
- margin-top: 20rpx;
- }
- }
- }
- .brand-box {
- margin-left: 30rpx;
- padding-bottom: 20rpx;
- .brand-tab-class {
- height: 52rpx;
- line-height: 52rpx;
- font-size: 24rpx;
- color: #666666;
- }
- .brand-active-class {
- border-radius: 26rpx;
- background-color: #FAFAFA;
- font-weight: bold;
- }
- }
- .title {
- font-size: 28rpx;
- width: 100%;
- text-align: center;
- line-height: 100rpx;
- font-weight: bold;
- }
- .brand-box1 {
- margin-left: 30rpx;
- padding-bottom: 20rpx;
- .brand-tab-class1 {
- height: 60rpx;
- line-height: 60rpx;
- font-size: 30rpx;
- padding: 0 30rpx !important;
- color: #4e4e4e;
- }
- .brand-active-class1 {
- border-radius: 60rpx;
- background-color: #FAFAFA;
- font-weight: bold;
- }
- }
- .but-box {
- display: flex;
- justify-content: center;
- .but{
- width: 290rpx;
- background-color: #1989FA;
- color: #fff;
- font-weight: bold;
- margin-top: 50rpx;
- }
- }
|