12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- .container{
- padding-top: 100rpx;
- padding-left: 168rpx;
- }
- .search-box{
- width: 100%;
- position: fixed;
- top: 0;
- left: 0;
- height: 100rpx;
- background: #fb752c;
- z-index: 999;
- }
- .search-box .search{
- width: 90%;
- height: 70rpx;
- background: #fff;
- border-radius: 20rpx;
- margin: 15rpx auto;
- }
- .search-box .search image{
- width: 50rpx;
- height: 50rpx;
- float: left;
- margin-top: 10rpx;
- margin-left: 10rpx;
- }
- .search-box .search text{
- float: left;
- font-size: 30rpx;
- color: #999;
- margin-left: 10rpx;
- line-height: 70rpx;
- }
- .classify-box{
- position: fixed;
- left:0;
- top: 100rpx;
- background: #eee;
- height: 100%;
- }
- .classify-box .classify-block{
- font-size: 30rpx;
- padding: 25rpx;
- border-bottom: 1rpx solid #ccc;
- }
- .content-box{
- width: 100%;
- }
- .content-box .goods{
- border-bottom: 1px solid #ccc;
- padding: 20rpx;
- position: relative;
- }
- .content-box .goods::after{
- content: "";
- display: block;
- clear: both;
- }
- .content-box .goods .goods-img{
- width: 150rpx;
- height: 150rpx;
- background: #fb752c;
- float: left;
- margin-right: 25rpx;
- margin-top: 15rpx;
- }
- .content-box .goods .goods-details{
- width: 220rpx;
- float: left;
- padding-right: 20rpx;
- border-right: 1px solid #ccc;
- }
- .content-box .goods .goods-details text{
- font-size: 24rpx;
- display: block;
- }
- .content-box .goods .goods-details .goods-info{
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- .content-box .goods .goods-btn{
- background: #fb752c;
- color: #fff;
- font-size: 24rpx;
- padding: 10rpx 30rpx;
- border-radius: 30rpx;
- position: absolute;
- right: 0;
- top: 50%;
- margin-top: -25rpx;
- margin-right: 15rpx;
- }
|