|
- .LsitBox{
- width: 94%;
- margin: 2rpx auto;
- overflow: hidden;
- background-color: #f4f5f9;;
- }
- .title{
- text-align: center;
- position: fixed;
- top:0;
- left: 0;
- width: 100%;
- background-color: #fff;
- z-index: 10000;
- font-size: 36rpx;
- font-weight: 500;
- }
- .wBox{
- margin: 20rpx auto;
- }
- .itemBox{
- overflow: hidden;
- background-color: #fff;
- border-radius: 16rpx;
- }
-
- .imgBox{
- width: 160rpx;
- height: 160rpx;
- border-radius: 8px;
- overflow: hidden;
- float: left;
- margin: 20rpx 0 20rpx 20rpx;
- position: relative;
- }
- .num{
- width: 40rpx;
- height: 40rpx;
- text-align: center;
- background-color: rgba(0, 0, 0, 0.5);
- line-height: 40rpx;
- text-align: center;
- color: #fff;
- position: absolute;
- top: 0;
- left: 0;
- font-size: 24rpx;
- }
- .explain{
- position: absolute;
- bottom: 0rpx;
- left: 0;
- z-index: 1000;
- width: 100%;
- height: 40rpx;
- text-align: center;
- color: #d5af67;
- background-color: rgba(0, 0, 0, 0.5);
- font-size: 20rpx;
- line-height: 40rpx;
- }
- .explainImg{
- width: 30rpx;
- height: 30rpx;
- float: left;
- margin: 5rpx 5rpx 5rpx 10rpx;
- }
- .explainTitle{
- float: left;
- }
- .img{
- width: 100%;
- height: 100%;
- }
- .dataBox{
- width: 460rpx;
- /* height: 220rpx; */
- float: left;
- margin-left: 20rpx;
- position: relative;
- }
- .titleName{
- color: #402e1e;
- font-family: "PingFangSC-Regular";
- font-weight: 700;
- width: 100%;
- font-size: 26rpx;
- display: -webkit-box;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- overflow: hidden;
- text-overflow: ellipsis;
- margin: 16rpx 0 0 0;
- /* height: 80rpx; */
- }
- .subTitleC{
- color: #402e1e;
- font-size: 20rpx;
- /* margin: 6rpx 0 0 0; */
- display: -webkit-box;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .subTitle{
- color: #a6a6a6;
- font-size: 20rpx;
- /* margin: 6rpx 0 0 0; */
- display: -webkit-box;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .priceBox{
- overflow: hidden;
- margin-top: 4rpx;
- /* margin-bottom: 10rpx; */
- }
- .rmb{
- color: #d5af67;
- font-size: 22rpx;
- line-height: 40rpx;
- float: left;
- }
- .pri01{
- font-size: 26rpx;
- color: #d5af67;
- letter-spacing: 0;
- line-height: 40rpx;
- float: left;
- margin-left: 10rpx;
- }
- .throgh{
- text-decoration: line-through;
- margin-left: 10rpx;
- color: #999 !important;
- line-height: 38rpx;
- font-size: 22rpx;
- float: left;
- }
- .progressBox{
- height: 26rpx;
- width: 240rpx;
- overflow: hidden;
- border-radius: 20rpx;
- background-color: #d8d8d8;
- margin-top: 4rpx;
- position: relative;
- }
- .schedule{
- float: left;
- height: 26rpx;
- border-radius: 20rpx;
- text-align: center;
- color: #fff;
- background-color: #d5af67;
- }
- .scheduleText{
- line-height: 26rpx;
- position: absolute;
- top: 0;
- left: 20rpx;
- font-size: 20rpx;
- color: #fff;
- }
- .discount{
- position: absolute;
- bottom: 60rpx;
- right: 12rpx;
- color: #d5af67;
- font-size: 24rpx;
- }
- .discount1{
- float: left;
- font-size: 18rpx;
- border: #d5af67 1px solid;
- color: #d5af67;
- border-radius: 20rpx;
- padding: 2rpx 10rpx;
- margin-left: 10rpx;
- margin-top: 4rpx;
- }
- .goPay{
- position: absolute;
- bottom: 6rpx;
- right: 0rpx;
- background-color: #d5af67;
- color: #fff;
- font-size: 24rpx;
- text-align: center;
- line-height: 28rpx;
- padding: 12rpx 16rpx;
- border-radius: 40rpx;
- }
- .noPay{
- position: absolute;
- bottom: 6rpx;
- right: 0rpx;
- background-color: #a6a6a6;
- color: #fff;
- font-size: 24rpx;
- text-align: center;
- line-height: 28rpx;
- padding: 12rpx 16rpx;
- border-radius: 40rpx;
- }
- .noDet{
- text-align: center;
- line-height: 40rpx;
- font-size: 24rpx;
- color: #a6a6a6;
- }
- .upDataBox{
- width: 100%;
- position: fixed;
- bottom: 0;
- left: 0;
- background-color: #fff;
- height: 120rpx;
- overflow: hidden;
- }
- .goderImgBox{
- float: left;
- margin-top: 10rpx;
- margin-left: 60rpx;
- width: 80rpx;
- overflow: hidden;
- }
- .goOrder{
- width: 60rpx;
- height: 60rpx;
- margin-left: 8rpx;
- display: block;
- }
- .goOrderText{
- text-align: center;
- font-size: 20rpx;
- color: #d5af67;
- }
- .upData{
- width: 70%;
- margin: 10rpx auto 0 40rpx;
-
- text-align: center;
- height: 80rpx;
- line-height: 80rpx;
- border: 2rpx #d5af67 solid;
- border-radius: 50rpx;
- color: #d5af67;
- font-size: 32rpx;
- float: left;
- }
|