.container { box-sizing: inherit; } /* 底部购物车 *************************************************************/ .footer-block { width: 90vw; height: 30px; position: fixed; left:20px; bottom: 150rpx; bottom: calc(150rpx + constant(safe-area-inset-bottom)); bottom: calc(150rpx + env(safe-area-inset-bottom)); z-index: 199; overflow: inherit; border-radius: 10px; } .footer-block-act { width: 100vw; height: 100rpx; // height: calc(100rpx + constant(safe-area-inset-bottom)); // height: calc(100rpx + env(safe-area-inset-bottom)); position: fixed; left: 0; // bottom: 0; bottom: 0rpx; bottom: constant(safe-area-inset-bottom); bottom: env(safe-area-inset-bottom); z-index: 199; overflow: inherit; } .content-gice { height:100%; background-color: #fff5ea; box-sizing: inherit; } .content-gice cover-view { background: none; } .car-block { width: 100rpx; height: 100rpx; padding-left: 30rpx; padding-right: 20rpx; flex: none; position: relative; background: none; font-size: 12px; } .car-block .icon-2 { flex: none; width: 20px; height: 20px; display: block; } .car-block .car-num { height: 15px; min-width: 15px; background-color: #ff6565; border-radius: 50%; font-size: 12px; font-weight: 500; color: #fff; line-height: 40rpx; position: absolute; right: 10rpx; top: 25rpx; display:flex; justify-content: center; align-items: center; } .money-block { padding: 0 20rpx; color: #333; font-weight: 500; align-items: baseline; background: none; font-size:12px; } .money-block .sign { font-size: 9px; } .money-block .money { font-size: 14px; } .no-goods { color: #333; font-weight: 500; font-size: 12px; padding: 0 20rpx; background: none; } .sub-btn { // flex: none; width: 250rpx; height: 100rpx; margin-left: auto; text-align: center; // line-height: 100rpx; border-left: 1rpx solid #fff; font-size:14px; font-weight: 500; color: #fff; background: #a4907e; z-index: 999; } .sub-btn-font { font-size: 26rpx; width: 100%; height: 100%; } .sub-btn-settlement { font-size: 30rpx; width: 100%; height: 100%; } .footer-mask { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 110; } .container .car-goods-block1 { bottom: calc(150rpx + constant(safe-area-inset-bottom)); bottom: calc(150rpx + env(safe-area-inset-bottom)); } .car-goods-block { width: 100vw; max-height: 500rpx; background: #fff; position: fixed; left: 0; bottom: 120px; bottom: calc(120px + constant(safe-area-inset-bottom)); bottom: calc(120px + env(safe-area-inset-bottom)); z-index: 110; box-sizing: border-box; } .car-goods-block .top { box-sizing: border-box; height: 80rpx; border-bottom: 1rpx solid #efefef; padding: 0 30rpx; } .car-goods-block .top .title { font-size: 32rpx; font-weight: bold; } .car-goods-block .top .clear-btn { font-size: 26rpx; color: #bbb; } .car-goods-block .top .icon-3 { display: block; width: 40rpx; height: 40rpx; } .car-goods-block .car-goods-list { max-height: 420rpx; box-sizing: border-box; } .car-goods-block .car-goods-list .list { padding: 0 30rpx; } .car-goods-block .car-goods-list .item { padding: 20rpx 0; border-bottom: 1rpx solid #efefef; } .car-goods-block .car-goods-list .item .img { display: block; flex: none; width: 140rpx; height: 140rpx; border-radius: 15rpx; } .car-goods-block .car-goods-list .item .goods-info { padding: 0 20rpx; flex: auto; } .car-goods-block .car-goods-list .item .goods-info .name { font-size: 32rpx; color: #555; word-break: break-all; } .car-goods-block .car-goods-list .item .goods-info .unit { font-size: 26rpx; color: #666; margin: 10rpx 0; word-break: break-all; } .car-goods-block .car-goods-list .item .goods-info .price { font-size: 30rpx; font-weight: 500; color: #ff6565; } .car-goods-block .car-goods-list .item .goods-num-block { flex: none; margin-top: auto; margin-bottom: 15rpx; } .car-goods-block .car-goods-list .item .goods-num-block .num-btn { flex: none; width: 42rpx; height: 42rpx; // border: 1rpx solid $theme-color; border-radius: 50%; position: relative; font-size: 42rpx; } // .car-goods-block .car-goods-list .item .goods-num-block .num-btn::before { // display: block; // content: ""; // width: 28rpx; // height: 6rpx; // border-radius: 3rpx; // background-color: $theme-color; // position: absolute; // left: 50%; // top: 50%; // margin: -3rpx 0 0 -14rpx; // } // .car-goods-block .car-goods-list .item .goods-num-block .num-btn-2 { // background: $theme-color; // } // .car-goods-block .car-goods-list .item .goods-num-block .num-btn-2::before, // .car-goods-block .car-goods-list .item .goods-num-block .num-btn-2::after { // display: block; // content: ""; // width: 28rpx; // height: 6rpx; // border-radius: 3rpx; // background-color: #fff; // position: absolute; // left: 50%; // top: 50%; // margin: -3rpx 0 0 -14rpx; // } .car-goods-block .car-goods-list .item .goods-num-block .num-btn-2::after { transform: rotate(90deg); } .car-goods-block .car-goods-list .item .goods-num-block .num { flex: none; min-width: 60rpx; text-align: center; font-size: 26rpx; font-weight: 500; color: #555; } .content-gice-is_business { background-color: #ccc; color: #fff; text-align: center; width: 100%; height: 100%; } .many_rebate { color: red; text-align: right; } .textDecoration { text-decoration: line-through; color: #999999; font-size: 20rpx; } .radio { font-size: 28rpx; padding: 15rpx 0 10rpx 0; } .radio__inner { -webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; border: 1px solid #DCDFE6; border-radius: 2px; box-sizing: border-box; width: 16px; height: 16px; border-radius: 16px; background-color: #fff; z-index: 1; -webkit-transition: border-color .3s; transition: border-color .3s; margin-right: 6rpx; } .radio__inner-icon { width: 8px; height: 8px; border-radius: 10px; opacity: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .is-default-checked { opacity: 1; -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .checklist-text { font-size: 28rpx; margin-left: 5px; -webkit-transition: color 0.2s; transition: color 0.2s; color: #000; } .act_border { border: 1rpx solid #007aff; } .radio_tip { font-size: 24rpx; color: #999; margin-left: 4rpx; }