/**app.wxss**/
|
@import "./icon/iconfont.wxss";
|
@import "./common/css/common.wxss";
|
page{background: #f7f7f7}
|
.container {
|
/* height: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: space-between;
|
padding: 200rpx 0;
|
box-sizing: border-box; */
|
}
|
.price{color: #e74b74}.threeblack{color: #333333}.iprice{color: #FE2448}
|
.price-f{color: #e74b74;font-size: 34rpx;font-weight:bold;}
|
.grey{font-size: 26rpx;color: #999}
|
.name{font-size: 30rpx;color: #333;}
|
.section{padding-bottom: 50rpx}
|
.radius{border-radius: 10rpx}
|
.goods-container {
|
display: flex;
|
flex-wrap: wrap;
|
width: 97%;
|
padding-left: 19rpx;
|
margin: 30rpx 0;
|
}
|
|
.goods-item {
|
width: 45%;
|
background: #fff;
|
border-radius: 20rpx;
|
margin: 0 5rpx 10rpx 5rpx;
|
text-align: center;
|
padding: 20rpx 10rpx;
|
}
|
|
.goods-item image {
|
height: 221rpx;
|
}
|
|
.goods-title {
|
font-size: 28rpx;
|
text-align: left;
|
padding: 2rpx 0;
|
margin-right: 24rpx;
|
color: #333;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
|
}
|
.goods-container .volume{
|
text-align: left;
|
margin-left: 39rpx
|
}
|
.goods-container .price {
|
color: #fe0b0b;
|
text-align: left;
|
font-size: 34rpx;
|
margin-top: 16rpx;
|
font-weight: bold;
|
}
|
.coupons-container{
|
margin-left: 32rpx;
|
margin-top: 25rpx;
|
}
|
.coupons{
|
background-image: url("http://file.micromall.xczhyf.cn/wxxcx/image/17.png");
|
background-size:100% 100%;
|
width: 676rpx;
|
height:190rpx;
|
margin-top: 10rpx;
|
display: flex;
|
}
|
.coupons .coupons-explain{
|
font-size: 24rpx;
|
color: #fff;
|
width: 24rpx;
|
padding-top: 52rpx;
|
padding-left:20rpx;
|
float:left;
|
}
|
.clr{clear: both}
|
.counpons-list .money{
|
width:20%;
|
float:left;
|
margin-left: 40rpx;
|
margin-right: 40rpx;
|
margin-top: 36rpx;
|
}
|
.counpons-list .money::after{
|
content: "";
|
width:1rpx;
|
height:160rpx;
|
background: #eee;
|
display: block;position: absolute;left: 243rpx;top: 9%
|
}
|
.counpons-list .money-num{
|
color: #e74b74;
|
padding-left: 10rpx;
|
}
|
.counpons-list .money-info{
|
color: #898A8D;
|
font-size: 24rpx;
|
white-space: nowrap
|
}
|
.counpons-list .content{
|
padding-top: 32rpx;
|
width: 41%;
|
}
|
.counpons-list .content-title{
|
font-size: 34rpx;
|
color: #333;overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;width: 79%;
|
}
|
.counpons-list .content-info{
|
color: #949494;
|
font-size: 26rpx;
|
margin-top: 14rpx;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;width: 79%;
|
}
|
.counpons-list .content-time{
|
color: #BDBDBD;
|
font-size: 22rpx;
|
margin-top: 24rpx;
|
width: 79%;
|
white-space: nowrap;
|
}
|
.draw{
|
font-size: 22rpx;
|
background-color: #FF5806;
|
color: #fff;
|
text-align: center;
|
margin-top: 72rpx;
|
margin-right: 30rpx;
|
width:110rpx;
|
height:38rpx;
|
line-height: 38rpx
|
}
|
.right{
|
float:right;
|
}
|
|
/*选择 */
|
.choice {
|
width: 686rpx;
|
margin: auto;
|
color: #999;
|
display: flex;
|
align-items: center;
|
padding-top: 28rpx;
|
}
|
|
.choice .title {
|
width: 96%;
|
font-size: 26rpx;
|
display: block;
|
}
|
/* 弹窗 */
|
.popup-container{width: 100%;height: 100%;position: fixed;bottom: 0;z-index: 99}
|
/* 收货人 */
|
.orders-address-name{font-size: 30rpx}
|
/* 置顶 */
|
.toTap{
|
width: 59rpx;
|
height: 59rpx;
|
line-height: 59rpx;
|
text-align: center;
|
background: #00C085;
|
border-radius: 50%;
|
position: fixed;
|
z-index: 999;
|
right: 26rpx;
|
bottom: 90rpx;
|
|
}
|
.toTap .iconfont{
|
color: #fff
|
}
|
|
/* 搜索框 */
|
.header {
|
width: 100%;
|
margin: auto;
|
top: 0;
|
left: 0;
|
height: 70rpx;
|
background: #f7f7f7;
|
}
|
|
.header-box {
|
width: 100%;
|
top: 0;
|
z-index: 99;
|
height: 70rpx;
|
background: #f7f7f7;
|
padding-bottom: 10rpx;
|
}
|
|
.box {
|
width: 95%;
|
display: flex;
|
align-items: center;
|
font-size: 26rpx;
|
color: #b2b2b2;
|
height: 70rpx;
|
background: #fff;
|
/* border: 1px solid #e6e6ea; */
|
border-radius: 10rpx;
|
margin: 10rpx auto;
|
}
|
.marked {
|
padding-left: 10rpx;
|
}
|
/* 划线价 */
|
.goods-group{
|
display: flex;
|
align-items: center;
|
}
|
.original_iprice{
|
text-decoration:line-through;
|
margin-left: 10rpx
|
}
|
/*小购物车*/
|
.litel_car{
|
color: #00C085;
|
margin-left:10px;
|
}
|
|
|
.scale {
|
transform: scale(1.5);
|
}
|
|
.dot{
|
width: 20rpx;
|
height: 20rpx;
|
border-radius: 10rpx;
|
background: red;
|
position: fixed;
|
top: 530px;
|
left: 210px;
|
z-index: 1000000000000000;
|
}
|
|
.coupon-lable{
|
background: #fff0e1;
|
border: 1px solid #d9b289;
|
border-radius: 3px;
|
line-height: 25rpx;
|
padding: 0rpx 10rpx;
|
font-size: 20rpx;
|
text-align: center;
|
color:#d9b289;
|
|
}
|
|
.hidden{
|
visibility: hidden;
|
}
|
|
|
|
/*==========弹出购物车================*/
|
|
|
.norms-box {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.norms-content .title {
|
white-space: nowrap;
|
}
|
|
.norms-content .title {
|
font-size: 30rpx;
|
color: #333;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.norms-content .price {
|
font-size: 32rpx;
|
font-weight: bold;
|
margin-top: 20rpx;
|
}
|
|
.norms-content {
|
margin-top: 30rpx;
|
width: 60%;
|
}
|
|
.norms-detail {
|
padding: 40rpx 0 60rpx 0;
|
}
|
|
.norms-box {
|
padding: 10rpx 0;
|
}
|
|
.norms-item-list {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.norms-select {
|
margin-bottom: 20rpx;
|
}
|
|
.norms-number {
|
display: flex;
|
padding: 20rpx 0 50rpx 0;
|
}
|
|
.cart-count-box {
|
width: 92%;
|
text-align: right;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
/* align-items: flex-end */
|
}
|
|
.icon-jia {
|
color: #666;
|
}
|
|
.cart-count-down {
|
color: #b3b3b3;
|
}
|
.cart-count-box text {
|
display: inline-block;
|
text-align: center;
|
width: 46rpx;
|
height: 45rpx;
|
line-height: 45rpx;
|
}
|
.cart-count-down {
|
margin-right: 12rpx;
|
}
|
.cart-count-add {
|
margin-left: 12rpx;
|
}
|
.close {
|
font-size: 40rpx;
|
color: #9b9b9b;
|
}
|
.norms-footer {
|
width: 100%;
|
height: 106rpx;
|
font-size: 30rpx;
|
display: flex;
|
line-height: 106rpx;
|
color: #fff;
|
}
|
|
.norms-footer>view {
|
flex: 1;
|
text-align: center;
|
}
|
|
.norms-join {
|
background: #00C085;
|
}
|
|
.norms-pay {
|
background: #ff5806;
|
}
|
|
.nodata{
|
color: #999;
|
font-size: 30rpx;
|
text-align: center;
|
}
|
