page { height: 100%; background: #f4f4f4; } .address-box { width: 100%; height: 166.55rpx; background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr3eKACUKUAAAAt6hBk9U355.png) 0 0 repeat-x; background-size: 62.5rpx 10.5rpx; margin-bottom: 1rpx; padding-top: 10.5rpx; } .address-item { display: flex; height: 155.55rpx; background: #fff; align-items: center; padding: 41.6rpx 0 41.6rpx 31.25rpx; } .address-item.address-empty { line-height: 75rpx; text-align: center; } .address-box .l { margin-right: 30rpx; height: 100%; } .address-box .l .name { font-size: 30rpx; color: #333; } .address-box .l .default { margin-left: 6.25rpx; display: block; width: 62rpx; height: 33rpx; border-radius: 5rpx; border: 1px solid #b4282d; font-size: 20.5rpx; text-align: center; line-height: 29rpx; color: #b4282d; } .address-box .m { flex: 1; height: 72.25rpx; color: #999; display: flex; flex-direction: column; justify-content: center; } .address-box .mobile { margin-bottom: 6.25rpx; font-size: 30rpx; color: #333; } .address-box .address { font-size: 25rpx; color: #666; } .address-box .r { width: 77rpx; height: 77rpx; display: flex; justify-content: center; align-items: center; } .address-box .r image { width: 52.078rpx; height: 52.078rpx; } .red-txt { color: #b4282d; } .goods-items { /* margin-top: 20rpx; */ width: 100%; height: auto; overflow: hidden; background: #fff; padding-left: 31.25rpx; /* margin-bottom: 120rpx; */ } .goods-items .item { /* height: 192rpx; */ padding-right: 31.25rpx; display: flex; align-items: center; /* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */ } .goods-items .item.no-border { border-bottom: none; } .goods-items .item:last-child { border-bottom: none; } .goods-items .img { height: 145.83rpx; width: 145.83rpx; background-color: #f4f4f4; margin-right: 20rpx; } .goods-items .img image { height: 145.83rpx; width: 145.83rpx; } .goods-items .info { flex: 1; height: 145.83rpx; padding-top: 5rpx; } .goods-items .t { height: 33rpx; line-height: 33rpx; margin-bottom: 10rpx; font-size: 24rpx; color: #333; } .goods-items .t .name { float: left; width: 400rpx; font-size: 24rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .goods-items .t .number { display: block; float: right; text-align: right; } .goods-items .m { height: 29rpx; overflow: hidden; line-height: 29rpx; margin-bottom: 25rpx; font-size: 24rpx; color: #666; } .goods-items .b { height: 41rpx; overflow: hidden; line-height: 41rpx; font-size: 24rpx; color: #333; } .order-total { position: fixed; left: 0; bottom: 0; height: 100rpx; width: 100%; display: flex; z-index: 99; } .order-total .l { flex: 1; height: 100rpx; line-height: 100rpx; color: #b4282d; background: #fff; font-size:35rpx; padding-left: 31.25rpx; border-top: 1rpx solid rgba(0, 0, 0, 0.2); border-bottom: 1rpx solid rgba(0, 0, 0, 0.2); } .order-total .r { width: 233rpx; height: 100rpx; background: #b4282d; border: 1px solid #b4282d; line-height: 100rpx; text-align: center; color: #fff; font-size: 30rpx; border-radius: 0; } .input-box { position: relative; float: left; flex: 1; height: 50rpx; line-height: 50rpx; padding: 0 10rpx; background: white; color: rgb(104, 103, 103); width: 480rpx; text-align: left; border: 1px solid #dddbdb; font-size: 25rpx; } .id-card-txt{ font-size:22rpx; margin-left: 20rpx; color: #a5a3a3; } .biz-type{ font-size:26rpx; padding-right: 10rpx; color: white; background-color: red; font-weight: bold; } .list-cell-checked { padding: 10px 15px; position: relative; display: flex; align-items: center; } .list-cell-checked:first-of-type::before { display: none; } .list-cell-checked::before { content: " "; position: absolute; top: 0; right: 0; height: 1px; border-top: 1px solid #d9d9d9; color: #d9d9d9; transform-origin: 0 0; transform: scaleY(0.5); left: 15px; } .list-cell-checked-hd { display: flex; align-items: center; } .list-cell-checked-hd .list-label { font-size: 24rpx; } .list-cell-checked-bd { flex: 1; font-size: 24rpx; } .list-cell-checked-bd .name { font-size: 24rpx; } .list-cell-checked-bd .list-label { font-size: 24rpx; width: 100%; } .list-cell-checked-bd .list-label-desc { font-size: 24rpx; color: #9b9b9b; padding-top: 5px; } .list-cell-checked-ft { padding-right: 13px; position: relative; text-align: right; color: #999; font-size: 24rpx; } .list-cell-checked-ft .txt { font-size: 24rpx; } .list-cell-checked-ft.router::after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #c8c8cd; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; font-size: 24rpx; } .goods-items-all { margin-top: 10rpx; width: 730rpx; height: auto; overflow: hidden; background: #fff; margin-bottom: 10rpx; margin-left:10rpx; } .goods-items-all .item-view { width: 100%; height: auto; overflow: hidden; padding-left: 46.25rpx; } .goods-items-all-end { margin-top: 10rpx; width: 730rpx; height: auto; overflow: hidden; background: #fff; /* padding-left: 31.25rpx; */ padding-bottom: 200rpx; margin-left:10rpx; } .goods-items-all-end .item-view { width: 100%; height: auto; overflow: hidden; padding-left: 46.25rpx; } .textra{ position: relative; float: left; flex: 1; height: 50rpx; line-height: 50rpx; padding: 0 10rpx; background: white; color: rgb(104, 103, 103); width: 480rpx; text-align: left; /* border: 1px solid #dddbdb; */ font-size: 25rpx; } .attr-pop { width: 100%; height: auto; padding: 31.25rpx; background: #fff; position: fixed; bottom: 9rpx; z-index: 600; } .attr-close { float: right; width: 40rpx; height: 40rpx; line-height: 40rpx; border-radius: 50%; font-size: 40rpx; text-align: center; overflow: hidden; } .attr-pop .img-info { width: 687.5rpx; height: 177rpx; overflow: hidden; margin-bottom: 41.5rpx; } .attr-pop .img { float: left; height: 30rpx; width: 30rpx; background: #f4f4f4; margin-right: 31.25rpx; } .attr-pop .info { /* float: left; */ height: 177rpx; display: flex; align-items: flex-start; } .attr-pop .p { font-size: 33rpx; color: #333; height: 33rpx; line-height: 33rpx; margin-bottom: 10rpx; } .attr-pop .a { font-size: 29rpx; color: #333; height: 40rpx; line-height: 40rpx; width: 260px; display: block; word-break: break-all; word-wrap: break-word; } .coupon-box { background-color: #fff; display: flex; border-radius: 5px; flex-direction: row; position: relative; } .coupon-box .coupon-used { position: absolute; top: 50%; right: 10px; margin-top: -7.5vmin; height: 15vmin; width: 15vmin; background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr2s2AIzXWAAAPHxXo1UI166.png) no-repeat center; background-size: contain; } .coupon-box-g { background: linear-gradient(to right, #f0f0f0, #fff); } .coupon-box1 { border: 1px solid #fbb025; border-left: none; } .coupon-box2 { border: 1px solid #ccc; border-left: none; } .coupon-bg { width: 30%; background-position: left; background-size: cover; color: #fff; font-size: 2.4rem; display: flex; justify-content: center; flex-direction: column; align-items: center; } .coupon-bg > view{ font-size: inherit; color: #fff; } .coupon-currency { font-size: 0.9rem; padding-right: 5px; } .coupon-bg .coupon-type { font-size: 0.8rem; color: #fff; } .coupon-bg1 { background-image: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr2v6AcFmPAAAXWs0DSHQ136.png); } .coupon-bg2 { background-image: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr2x6AEzgOAAAPIKZoCH4265.png); } .coupon-info { width: 50%; margin-left: 20px; } .coupon-title { font-size: 0.9rem; margin-top:12rpx; width:100%; height:30rpx; line-height:30rpx; } .coupon-info .coupon-desc { font-size: 0.9rem; color: #9b9b9b; list-style: outside; padding: 2px 0 2px 0; } .coupon-info .coupon-desc-shop { font-size: 0.9rem; color: #9b9b9b; list-style: outside; padding-bottom:12rpx; } .coupon-info-use{ width: 20%; background: #fbb025; text-align:center; } .coupon-info-use2{ width: 20%; background: #ccc; text-align:center; } .coupon-desc-use{ font-size: 30rpx; color: white; margin-top:50rpx; } .attr-title{ /* float: left; */ height: 40rpx; line-height: 40rpx; font-size: 35rpx; text-align: center; overflow: hidden; } .ticket-img-info { width: 687.5rpx; height: 450rpx; /* overflow: scroll; */ margin-bottom: 41.5rpx; padding-top:20rpx; } .img{ width: 30rpx; height: 30rpx; } .bottom-btn { position: fixed; left: 0; bottom: 0; z-index: 999; width: 750rpx; height: 100rpx; display: flex; background: #fff; } .bottom-btn .r { border: 1px solid #b4282d; background: #b4282d; float: left; height: 100rpx; line-height: 96rpx; flex: 1; text-align: center; color: #fff; }