.head{ height: 100rpx; line-height: 100rpx; border-bottom: 1rpx solid #dddddd; padding: 0 20px } .goods_list .item{ height:240rpx} .r_box{width:670rpx;border-bottom: 1rpx solid #dddddd;height: 100%} .r_box_img{ width:210rpx;height: 210rpx; margin: 17rpx 0 } .join-cart { position: fixed; left: 0; bottom: 0; display: flex; width: 100%; height: 100rpx; background-color: #fff; text-align: center; z-index: 9; border-top: 4rpx solid #eee; } .buy_btn{ width: 200rpx; height: 100%; background-color:#c4182e; line-height: 100rpx; color: #fff} .f_hei{color: #333; font-size: 28rpx} .spec-model { position: fixed; bottom: 0; z-index: 20; background: white; width: 100%; /* padding: 0 30rpx; */ font-size: 32rpx; box-sizing: border-box; border-radius: 20rpx; height: 72%; } .spec-model .pding{padding: 0 30rpx;} .spec-goods { padding: 30rpx 0 20rpx; float: left; width: 100%; border-bottom:2rpx solid #eee; } .spec-img { float: left; height: 186rpx; width: 186rpx; border: 4rpx solid #eee } .spec-goods-info { float: left; padding: 0 25rpx; width: 400rpx; } .spec-goods-name { font-size: 30rpx; line-height: 35rpx; height: 35rpx; margin: 15rpx 20rpx 25rpx 0; overflow: hidden; text-overflow: ellipsis;color: #333; } .spec-goods-price { color: #d60021; font-size: 33rpx; font-weight: bold; } .spec-goods-stock { margin-top: 3rpx; font-size: 24rpx; color: #999999; margin-right: 15rpx; } .spec-name { clear: both; padding: 20rpx 0; font-size: 30rpx;color: #333; } .quhuo{font-size: 30rpx; color: #000} .b_num{ display: flex;font-size: 30rpx; color: #333; } .count { position: fixed; display: flex; height: 50rpx; border: 1rpx solid #000; font-size: 28rpx; right: 30rpx; } .count>view,.count>input { width: 60rpx; height: 50rpx; line-height: 50rpx; text-align: center; } .spec_bt{ background: fff;color: #333; margin-left: 10rpx;padding: 4rpx 15rpx 4rpx; display: inline-block; border-radius:30rpx;font-size: 24rpx;border: 1rpx solid #ccc; margin: 10rpx; height: 40rpx; line-height: 40rpx; } .spec_bt.act{background: #d60021;color: #fff;border: 1rpx solid #d60021;} .sub { border-right: 1px solid #000; } .add { border-left: 1px solid #000; } .spec-btn { color: black; background-color: white; padding: 10rpx 10rpx; font-size: 26rpx; line-height: 28rpx; float: left; border: 1rpx solid #dedede; margin: 4rpx 10rpx 4rpx 0; border-radius: 4rpx; } .spec-btn-click { color: white; background-color: #f23030; border: 1rpx solid #f23030; } .spec-cart-btns { width: 92%; line-height: 70rpx; margin: 0rpx auto; margin-top: 160rpx; border-radius: 20rpx; position: fixed; bottom: 50rpx; left: 4%; } .spec-cart-btn { width:100%; font-size: 30rpx; text-align: center; color: white; border-radius: 40rpx; } .spec-add-cart { background-color: #ffb03f; } .spec-buy { background-color: #f23030; /* margin-left: 34rpx; */ } .spec-cart-disable { background: #bbbbbb; } .spec-cart-btn-lg { width: 614rpx; } .stores-img{ width: 40rpx; height: 35rpx; margin-right: 10rpx; } .shop_name{ margin-right: 10rpx; } .address{ width: 90%; margin-top: 25rpx; margin-bottom: 5rpx; } .distance{ padding-left: 15rpx; padding-right: 15rpx; background: #eee; border-radius: 20rpx; margin-right: 5rpx; color: #999; height: 38rpx; line-height: 38rpx; } .sto_v .title,.sto_v .stitle{ border-top: 1rpx solid #dedede;border-bottom: 1rpx solid #dedede; height: 78rpx; line-height: 78rpx;} .sto_v .title .tubiao,.sto_v .stitle .tubiao{width: 32rpx; height: 32rpx; margin-top: 23rpx;} .itemlists .item{border-bottom: 1rpx solid #dedede; height: 72rpx; line-height: 72rpx;font-size: 28rpx; margin: 0 10rpx;} .store-list{ width: 95%; height: 72%; overflow-y: scroll; margin: auto; } .store-list .store_choose{ width: 100%; height: 120rpx; line-height: 125rpx; border-bottom: 1rpx solid #eee; } .store-list .store_choose .store{ width: 100%; margin: auto; line-height: 37rpx; padding-left: 20rpx; } .xc-hook{ width: 35rpx; height: 35rpx; transform: rotate(-145deg); line-height: 37rpx; text-align: center; } .xc-hooks{ width: 30rpx; height: 30rpx; border: 1rpx solid #999; } .address-frame{ width: 93%; margin-left: 7rpx; } .nearby_store{ margin-left: 17rpx; } .address_name{ margin-right: 10rpx; } .address-val{ height: 38rpx; line-height: 38rpx; } .store-bottom{ width: 85%; margin: auto; height: 70rpx; } .determine{ width: 260rpx; height: 55rpx; border-radius: 50rpx; line-height: 55rpx; } .default{ width: 260rpx; height: 55rpx; border:3rpx solid #c8c8c8; border-radius: 50rpx; line-height: 55rpx; } .store-bottom-frame{ width: 95%; margin: auto; } /* 门店分类列表 */ .sort_store_list{ height: 82%; overflow: hidden; overflow-y: scroll; width: 95%; margin: auto; } .sort_store_list .sort-store-frame{ width: 100%; height: 100rpx; line-height:100rpx; border-bottom: 1rpx solid #eee; } .sort_store_list .sort-store-frame .sort-store{ width: 94.5%; margin: auto; } .black_rights-frame{ width: 50%; } .black_rights-frame .black_rights{ border-top: 3rpx solid; border-right: 3rpx solid; transform: rotate(45deg); display: inline-block; width: 20rpx; height: 20rpx; } /* 选择门店的弹窗 */ .mongolia-layer{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; background: rgba(0,0,0,0.4); width: 100%; height: 91.9%; } .popup-frame{ position: fixed; bottom:99rpx; z-index: 20; background: white; width: 100%; border-radius: 20rpx 20rpx 0 0; height: 72%; } .popup-top{ border-bottom: 1rpx solid #eee; height: 155rpx; width: 95%; margin: auto; line-height: 155rpx; } .bg_rights{ border-top: 2rpx solid ; border-right: 2rpx solid ; transform: rotate(45deg); display:inline-block; width:15rpx;height:15rpx; border-color:#da0b31; } .modal-closes { position: absolute; right: 30rpx; top: -15rpx; height: 25rpx; } .choose_more{ margin-top: 40rpx; margin-right: 20rpx; } .choose_mores{ margin-top: 30rpx; margin-right: 15rpx; } .xc-goods-attribute{ border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom:40rpx; } .join-cart>view.no_store { width: 58%; background-color: #adadad; } .no_store{color:#d60021; font-size: 26rpx;}