page { background-color: rgb(245, 245, 245); font-family: crosoft yahei; } .padding { padding: 0rpx 30rpx; } .alend { align-items: flex-end; } .goods-price { font-size: 18rpx; } .baseline { display: flex; align-items: baseline; } .picture { width: 100%; } .container { display: flex; height: 100%; align-items: center; justify-content: center; background-color: rgb(255, 255, 255); margin-bottom: 160rpx; } radio { transform: scale(0.8); } .login-in { width: 100%; box-sizing: border-box; background-color: rgb(255, 255, 255); } .order-item { display: flex; height: 246rpx; border-top: 3rpx solid rgb(245, 245, 245); align-items: center; padding-right: 30rpx; } .goods-ico { display: flex; align-items: center; padding: 0rpx 30rpx; } .order-raido { height: 100%; padding-left: 30rpx; padding-right: 25rpx; } .goods-img { width: 180rpx; height: 180rpx; font-size: 0; overflow: hidden; border: 2rpx solid rgb(236, 236, 236); } .goods-cont { width: 420rpx; height: 165rpx; font-size: 28rpx; margin-left: 35rpx; padding-top: 7rpx; padding-bottom: 5rpx; } .goods-name { line-height: 32rpx; color: #333; height: 125rpx; } .goods-attribute { max-height: 52rpx; line-height: 26rpx; font-size: 24rpx; color: #999; } .btn-del { position: absolute; right: 0; top: 8rpx; width: 34rpx; height: 34rpx; } .count { display: flex; bottom: 5rpx; /* border: 2rpx solid rgb(236, 236, 236); */ margin-bottom: 3rpx; } .count>view, .count>input { width: 45rpx; height: 40rpx; line-height: 40rpx; text-align: center; display: flex; font-size: 18rpx; justify-content: center; min-height: 35rpx; align-items: center; } .count>.goodadd { width: 67rpx; font-size: 24rpx; } .count>.add { font-size: 32rpx; } .sub, .add, .count>input { /* border-right: 1px solid #000; */ background-color: #f8f8f8; border-radius: 8rpx; } .sub.active { /* background-color: #ddd; */ color: #ccc; } .count>input { margin: 0 10rpx; line-height: normal; } .add { /* background-color: #f8f8f8; */ /* border-left: 1px solid #000; */ } .pay-for { width: 100%; height: 110rpx; position: fixed; left: 0; bottom: 100rpx; font-size: 28rpx; color: #666; background-color: rgb(255, 255, 255); z-index: 1999; border-top: 1rpx solid rgb(236, 236, 236); border-bottom: 1rpx solid rgb(236, 236, 236); } .pay-for .pay-btn { width: 220rpx; height: 100rpx; line-height: 100rpx; background-color: rgb(219, 27, 52); color: #fff; border-radius: 0; font-size: 31rpx; } .pay-for .consumer { margin-right: 23rpx; color: rgb(0, 0, 0); letter-spacing: 1rpx; } .pay-for .consumer .total { color: rgb(0, 0, 0); } .pay-for .consumer .tips { color: rgb(153, 153, 153); } .pay-for .checkbox { float: left; padding-left: 40rpx; line-height: 100rpx; display: flex; align-items: center; } .pay-for .ico-check { display: flex; align-items: center; margin-right: 20rpx; } .shmd_m { height: 80rpx; line-height: 80rpx; display: flex; } .shmd_m image { height: 50rpx; width: 55rpx; margin-left: -10rpx; } .shmd_m .goods-ico icon { margin-top: 26rpx; } .shmd { margin-left: 5rpx; } .store { border-bottom: 7rpx solid rgb(245, 245, 245); } .login-in .Storenum { height: 80rpx; color: rgb(51, 51, 51); } .login-in .goods_num { margin-left: 13rpx; } .allradio { width: 600rpx; height: 100%; } .allradio .all { color: rgb(0, 0, 0); } .specifications { padding: 3rpx 8rpx; margin-top: 8rpx; font-size: 22rpx; max-width: 356rpx; width: auto; height: 30rpx; line-height: 29rpx; background-color: rgb(236, 236, 236); border-radius: 8rpx; white-space: nowrap; color: rgb(63, 63, 63); display: inline-block; } .ellipsis-2 { max-height: 64rpx; } .abs { top: 15rpx; left: -39rpx; width: 154rpx; height: 40rpx; background-color: rgb(16, 202, 220); transform: rotate(320deg); color: rgb(255, 255, 255); line-height: 40rpx; } /* 购物车为空 */ .empty_order image { width: 129rpx; height: 129rpx; margin-top: 120rpx; } .empty_order .xc-ash { margin-top: 25rpx; font-weight: 600px; } .empty_order navigator { margin-top: 20rpx; border-radius: 40rpx; } .empty_order navigator view { width: 247rpx; height: 56rpx; background-color: rgb(255, 72, 72); border-radius: 40rpx; } .icon_no_sele{ display: inline-block; width: 39rpx; height: 39rpx; border: 1rpx solid #ddd; border-radius: 50%} .icon_no_sele2{width: 39rpx; height: 39rpx; border: 1rpx solid #ddd; border-radius: 50%; margin-top: 20rpx; margin-left: 30rpx; margin-right: 25rpx} .mlr{ margin-left: 25rpx; margin-right: 20rpx} /* 热门好物 */ .title .China { width: 100%; margin-top: 10rpx; margin-bottom: 10rpx; line-height: 0rpx; } .title .China .line view { width: 2rpx; } .title .China .line { height: 40rpx; color: rgb(51, 51, 51); } .title .China .line view { border-left: 3rpx solid #000; margin-left: 5rpx; } .title .China .line .one { height: 23rpx; } .title .China .line .two { height: 15rpx; } .title .China .line .three { height: 18rpx; } .title .China .Recommend { margin: 0rpx 20rpx; font-size: 28rpx; line-height: 39rpx; font-weight: bold; } .title .english .silk { width: 214rpx; height: 2rpx; background-color: #000; } .title .english .esh { margin: 0rpx 15rpx; } page { overflow-x: hidden; padding-bottom: 100rpx; } .quan_color{ background-color: #ff5306; height: 40rpx;color: #fff; padding: 0 10rpx; border-radius: 10rpx; margin-left: 10rpx} .red_c{color:#ff5306} .title_show{ margin: 10rpx 0 10px 0;padding: 0 20rpx} .swiper image { height: auto; width: 100%; margin: 0; padding: 0; vertical-align: top; } .sub.active { /* background-color: #ddd; */ color: #ccc; } .abs2{ position: absolute; z-index: 1000; width: 100%;height: 30rpx; background-color: rgba(9,9,9,0.5); text-align: center; line-height: 30rpx; left: 0;bottom: 0;color: #fff; font-size: 20rpx; }