shopCart.wxss 6.7 KB
page {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.container {
  width: 100%;
}
.container .cateCart {
  display: flex;
  align-items: center;
  height: 100rpx;
}
.container .cateCart .left_store {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .cateCart .left_store .left_totd {
  width: 100%;
  font-size: 28rpx;
  line-height: 100rpx;
  text-align: center;
}
.container .cateCart .item {
  font-weight: bold;
  font-size: 32rpx;
  line-height: 100rpx;
  text-align: center;
  background-color: #E8370F;
  color: #fff;
  border-radius: 0 0 6rpx 6rpx;
}
.container .cateCart .right_store {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .cateCart .right_store .right_totd {
  width: 100%;
  font-size: 28rpx;
  line-height: 100rpx;
  text-align: center;
}
.container .emmpty4S {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 32rpx 200rpx;
  box-sizing: border-box;
}
.container .emmpty4S .c_img {
  width: 196rpx;
  height: 196rpx;
  position: absolute;
  top: 400rpx;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.container .emmpty4S .c_img image {
  width: 100%;
}
.container .emmpty4S .textName {
  width: 100%;
  padding: 0 80rpx;
  text-align: center;
  line-height: 40rpx;
  font-size: 28rpx;
  color: #999999;
  position: absolute;
  top: 430rpx;
}
.container .list_cart {
  width: 100%;
  padding: 0 16rpx 80rpx;
  box-sizing: border-box;
}
.container .list_cart .editor {
  padding: 20rpx;
  box-sizing: border-box;
  color: #E8370F;
  font-size: 28rpx;
  line-height: 40rpx;
  text-align: right;
}
.container .list_cart .num_list {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1rpx solid #f5f5f5;
  padding: 30rpx 16rpx 30rpx 0;
  background-color: #fff;
}
.container .list_cart .num_list .radio_ {
  padding: 0 16rpx;
  box-sizing: border-box;
}
.container .list_cart .num_list .radio_ image {
  width: 32rpx;
  height: 32rpx;
}
.container .list_cart .num_list .list_img {
  width: 208rpx;
  height: 208rpx;
}
.container .list_cart .num_list .list_img image {
  width: 100%;
  border-radius: 8rpx;
}
.container .list_cart .num_list .list_cont {
  flex: 1;
  padding: 0 15rpx 0 30rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 208rpx;
}
.container .list_cart .num_list .list_cont .title {
  font-size: 28rpx;
  line-height: 40rpx;
}
.container .list_cart .num_list .list_cont .title_editor {
  display: flex;
  align-items: center;
}
.container .list_cart .num_list .list_cont .title_editor .left_nent {
  font-size: 28rpx;
  line-height: 40rpx;
  flex: 1;
}
.container .list_cart .num_list .list_cont .title_editor .delImg {
  width: 32rpx;
  height: 32rpx;
}
.container .list_cart .num_list .list_cont .change_money {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .list_cart .num_list .list_cont .change_money .c .icon_min {
  font-size: 24rpx;
  line-height: 40rpx;
  color: #E8370F;
  font-weight: bold;
}
.container .list_cart .num_list .list_cont .change_money .c .money {
  font-size: 28rpx;
  line-height: 40rpx;
  color: #E8370F;
  font-weight: bold;
}
.container .list_cart .num_list .list_cont .change_money .arr {
  display: flex;
  align-items: center;
}
.container .list_cart .num_list .list_cont .change_money .arr .add {
  width: 44rpx;
  height: 44rpx;
}
.container .list_cart .num_list .list_cont .change_money .arr .add image {
  width: 100%;
}
.container .list_cart .num_list .list_cont .change_money .arr .center {
  padding: 0 20rpx;
  box-sizing: border-box;
  height: 44rpx;
  text-align: center;
}
.container .raidos__total {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.container .raidos__total .downl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32rpx;
  box-sizing: border-box;
}
.container .raidos__total .downl .left_tot {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .raidos__total .downl .left_tot .img {
  height: 100rpx;
  margin-right: 10rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .raidos__total .downl .left_tot .img image {
  width: 32rpx;
  height: 32rpx;
}
.container .raidos__total .downl .left_tot .img .nochnaged {
  width: 60rpx;
  height: 60rpx;
}
.container .raidos__total .downl .left_tot .img .changed_img {
  width: 24rpx;
  height: 24rpx;
}
.container .raidos__total .downl .left_tot .img .allchange {
  margin-left: 12rpx;
  font-size: 32rpx;
  line-height: 44rpx;
}
.container .raidos__total .downl .left_tot .total {
  flex: 1;
  display: flex;
  align-items: center;
}
.container .raidos__total .downl .left_tot .total .itemItem {
  font-size: 28rpx;
  line-height: 40rpx;
  margin: 0 5rpx;
}
.container .raidos__total .downl .left_tot .total .item2 {
  color: #E8370F;
  display: flex;
  align-items: baseline;
}
.container .raidos__total .downl .left_tot .total .item2 .d_icon {
  font-size: 20rpx;
}
.container .raidos__total .downl .left_tot .total .item2 .c_money {
  font-size: 28rpx;
}
.container .raidos__total .downl .left_tot .total .item3 {
  font-size: 24rpx;
}
.container .raidos__total .downl .downbtn {
  width: 178rpx;
}
.container .raidos__total .downl .downbtn .btn {
  width: 178rpx;
  height: 80rpx;
  margin: 10rpx 0;
  line-height: 80rpx;
  padding: 0;
  font-weight: 400;
  font-size: 28rpx;
  background-color: #E8370F;
  color: #fff;
}
.container .raidos__total_del {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.container .raidos__total_del .down_lf {
  width: 100%;
  padding: 0 40rpx 0 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .raidos__total_del .down_lf .imgItem {
  flex: 1;
  display: flex;
  align-items: center;
}
.container .raidos__total_del .down_lf .imgItem .nochnaged {
  width: 32rpx;
  height: 32rpx;
}
.container .raidos__total_del .down_lf .imgItem .changed_img {
  width: 24rpx;
  height: 24rpx;
}
.container .raidos__total_del .down_lf .imgItem .allchange {
  margin-left: 20rpx;
  font-size: 32rpx;
  line-height: 44rpx;
}
.container .raidos__total_del .down_lf .downbtn {
  width: 178rpx;
}
.container .raidos__total_del .down_lf .downbtn .btn {
  width: 178rpx;
  height: 80rpx;
  margin: 10rpx 0;
  line-height: 80rpx;
  padding: 0;
  font-weight: 400;
  font-size: 28rpx;
  background-color: #E8370F;
  color: #fff;
}
.container .goods_price {
  display: flex;
  align-items: baseline;
}
.container .goods_price .money_icon {
  font-size: 22rpx;
  line-height: 44rpx;
  font-weight: bold;
  color: #FF444B;
}
.container .goods_price .price {
  font-size: 32rpx;
  line-height: 44rpx;
  font-weight: bold;
  color: #FF444B;
}