12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- page{width:100%;height:100%;background-color:#F5F5F4;}
- .equip{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 120rpx;}
- .list{width:49%;background-color:#fff;margin-bottom:10rpx;padding-bottom:10rpx;}
- .header{width:100%;height:370rpx;display:block;}
- .name{width:100%;color:#231815;font-size:26rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:14rpx 0;padding:0 18rpx;box-sizing:border-box;}
- .pri{width:100%;display:flex;align-items:flex-end;/*justify-content:space-between;*/padding:0 18rpx;box-sizing:border-box;position:relative;}
- .news{color:#D81F2A;font-size:28rpx;}
- .news text{font-size:27rpx;}
- .old{color:#9FA0A0;text-decoration:line-through;font-size:22rpx;margin-left:20rpx;}
- .num{color:#9FA0A0;font-size:24rpx;position:absolute;right:20rpx;top:6rpx;}
- /* 头部搜索框 */
- .fixed-box{
- position: fixed;
- top: 0;
- left: 0;
- z-index: 999;
- width: 100%;
- background: #f1f1f1;
- }
- .topCol{width:100%; background: #fff; display:flex; align-items:center;justify-content:space-around;padding:20rpx 30rpx;box-sizing:border-box;z-index:999;}
- .topCol .city{width:20%;font-size:30rpx;color:#fff;text-align:left;position:relative;}
- .topCol .city text{width:14rpx;height:14rpx;border-left:4rpx solid #fff;border-bottom:4rpx solid #fff;display:inline-block;transform:rotate(-45deg);margin-left:8rpx;position:absolute;top:8rpx;}
- .topCol .city.navigator-hover{background: none;}
- .topCol .city .bit{width:30rpx;height:30rpx;}
- .topCol .searchBox{width:calc(100% - 60rpx);height:60rpx;border-radius:30rpx;background-color:#F1F1F1;display:inline-flex;align-items:center;padding: 0 20rpx;}
- .topCol .searchBox .input{
- margin-left: 10rpx;
- color: #999;
- }
- /* .goods-label{
- margin-top: 120rpx;
- } */
- .article{
- /* padding-top: 200rpx; */
- padding: 200rpx 20rpx 0;
- height: calc(100% - 200rpx);
- }
- .goods-label{
- padding: 0 20rpx;
- background: #fff;
- border-radius: 10rpx;
- }
- .goods-label .goods-label-box{
- display: flex;
- flex-direction: row;
- align-items: center;
- padding: 20rpx 0;
- overflow-y: hidden;
- overflow-x: scroll;
- }
- .goods-label .label-el{
- padding: 0 6rpx;
- /* border: 1px solid #ee3a43; */
- margin-right: 20rpx;
- /* border-radius: 10rpx; */
- color: #ee3a43;
- line-height: 1.6;
- white-space: nowrap;
- }
- .goods-label .tag-active{
- /* color: #fff;
- background: #ee3a43; */
- border-bottom: 2px solid #ee3a43;
- }
- .waterfall-page-wrapper {
- box-sizing: border-box;
- /* margin: 0 auto; */
- width: 100%;
- height: 100%;
- /* overflow-x: hidden;
- overflow-y: scroll; */
- }
|