193 lines
3.2 KiB
Plaintext
193 lines
3.2 KiB
Plaintext
.container {
|
|
box-sizing: border-box;
|
|
min-height: 100vh;
|
|
padding: 0rpx 28rpx 168rpx;
|
|
}
|
|
|
|
.money {
|
|
margin-top: 36rpx;
|
|
}
|
|
|
|
.list-box {
|
|
padding: 36rpx 0;
|
|
}
|
|
|
|
.list-box .item {
|
|
background-color: #fff;
|
|
border-radius: 18rpx;
|
|
box-shadow: 0 0rpx 9rpx 4rpx hsla(0,0%,80%,.75);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.list-box .item.active {
|
|
box-shadow: 0 0rpx 9rpx 4rpx rgba(255,102,0,.4);
|
|
}
|
|
|
|
.list-box .info {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
padding: 14rpx 50rpx 14rpx 18rpx;
|
|
}
|
|
|
|
.list-box .info .name {
|
|
color: #333;
|
|
font-size: 30rpx;
|
|
margin-bottom: 12rpx;
|
|
}
|
|
|
|
.list-box .info .include {
|
|
color: #666;
|
|
font-size: 22rpx;
|
|
min-height: 64rpx;
|
|
}
|
|
|
|
.list-box .info .click {
|
|
color: 999;
|
|
display: inline;
|
|
}
|
|
|
|
.list-box .info .price {
|
|
display: inline-flex;
|
|
font-size: 22rpx;
|
|
margin-top: 14rpx;
|
|
}
|
|
|
|
.info .now {
|
|
color: #f30;
|
|
margin-right: 50rpx;
|
|
}
|
|
|
|
.info .origin {
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.list-box .buy-btn {
|
|
align-items: center;
|
|
background-color: #4cadf1;
|
|
border-radius: 18rpx;
|
|
color: #fff;
|
|
display: inline-flex;
|
|
font-size: 33rpx;
|
|
justify-content: center;
|
|
width: 119rpx;
|
|
}
|
|
|
|
.list-box .item.active .buy-btn {
|
|
background: #f60;
|
|
}
|
|
|
|
.edition1-money {
|
|
color: #333;
|
|
display: flex;
|
|
font-size: 29rpx;
|
|
justify-content: space-between;
|
|
padding: 20rpx 0;
|
|
}
|
|
|
|
.edition1-money .r {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.edition1-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.edition1-list>view {
|
|
display: inline-flex;
|
|
width: calc(33.333% - 20rpx);
|
|
}
|
|
|
|
.edition1-list .edition1-item {
|
|
align-items: center;
|
|
background: #fff;
|
|
border: 5rpx solid #4cadf1;
|
|
border-radius: 18rpx;
|
|
box-sizing: border-box;
|
|
color: #0281db;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
height: 158rpx;
|
|
justify-content: center;
|
|
margin: 0 0 28rpx;
|
|
}
|
|
|
|
.edition1-list .edition1-item:nth-child(3n+2) {
|
|
margin: 0 20rpx 28rpx;
|
|
}
|
|
|
|
.edition1-list .edition1-item .now {
|
|
font-size: 42rpx;
|
|
margin-bottom: 4rpx;
|
|
}
|
|
|
|
.edition1-list .edition1-item .origin {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.edition1-list .edition1-item.edition1-select {
|
|
border-color: #f50;
|
|
color: #f50;
|
|
}
|
|
|
|
.edition1-list .edition1-item.active {
|
|
background: #4cadf1;
|
|
color: #fff;
|
|
}
|
|
|
|
.edition1-list .edition1-item.edition1-select.active {
|
|
background: #f50;
|
|
color: #fff;
|
|
}
|
|
|
|
.tobuy-btn {
|
|
align-items: center;
|
|
background: #1baa1c;
|
|
border: 2rpx solid #218721;
|
|
border-radius: 18rpx;
|
|
color: #fff;
|
|
display: flex;
|
|
font-size: 33rpx;
|
|
height: 91rpx;
|
|
justify-content: center;
|
|
margin-top: 3rpx;
|
|
}
|
|
|
|
.tobuy-btn.disabled {
|
|
opacity: .7;
|
|
}
|
|
|
|
.provision {
|
|
display: block;
|
|
margin: 40rpx 0 0;
|
|
}
|
|
|
|
.provision .text {
|
|
color: #0281db;
|
|
display: inline-block;
|
|
}
|
|
|
|
.warm-prompt {
|
|
padding: 60rpx 0;
|
|
}
|
|
|
|
.warm-prompt .title {
|
|
color: #f30;
|
|
font-size: 32rpx;
|
|
font-weight: 600;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.warm-prompt .content {
|
|
color: #666;
|
|
font-size: 26rpx;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.warm-prompt .content .view {
|
|
margin-bottom: 10rpx;
|
|
} |