|
- .commodityBox{
- background-color: #fff;
- width: 96%;
- border-radius: 12rpx;
- overflow: hidden;
- margin: 10rpx auto;
- }
- .commodityImgBox{
- width: 160rpx;
- height: 160rpx;
- overflow: hidden;
- float: left;
- margin: 20rpx;
- border-radius: 8rpx;
- }
- .commodityImg{
- width: 100%;
- height: 100%;
- }
-
- .contentBox{
- width: 500rpx;
- float: left;
- height: 100rpx;
-
- margin-top: 20rpx;
- }
- .topBox{
- overflow: hidden;
- }
-
- .title{
- height: 90rpx;
- font-size: 32rpx;
- width: 400rpx;
- float: left;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2; /* 这里是超出几行省略 */
- overflow: hidden;
- }
- .unit{
- float: right;
- font-size: 30rpx;
- }
- .subhead{
- margin-top: 4rpx;
- color: #a6a6a6;
- font-size: 24rpx;
- }
- .app-border-topX{
- width: 100%;
- height: 140rpx;
- background-color: #fff;
- overflow: hidden;
- position: fixed;
- left: 0;
- bottom: 0;
- }
- .actually{
- margin-left: 10%;
- font-size: 28rpx;
- color: #a6a6a6;
- line-height: 140rpx;
- float: left;
- }
- .payZ{
- margin-left: 6rpx;
- font-size: 24rpx;
- color: #d5af67;
- line-height: 144rpx;
- float: left;
- }
- .price{
- font-size: 30rpx;
- color: #d5af67;
- line-height: 140rpx;
- float: left;
- }
- .buyX{
- float: right;
- background: linear-gradient(270deg, #DDAB5A, #B8832D);
-
- /* width: 80rpx; */
- color: #fff;
- font-size: 30rpx;
-
- border-radius: 60rpx;
- margin: 30rpx 40rpx;
- padding: 20rpx 40rpx;
- }
- .go{
- height: 120rpx;
- width: 96%;
- border-radius: 6px;
- overflow: hidden;
- margin: 5px auto;
- background-color: #fff;
- }
- .goTitle{
- float: left;
- line-height: 120rpx;
- font-size: 30rpx;
- /* color: #a6a6a6; */
- margin-left: 20rpx;
- }
- .goImg{
- float: right;
- width: 20rpx;
- height: 40rpx;
- margin: 40rpx 20rpx;
- }
|