.container { padding-bottom: 165rpx; transform: translate(); } .user-container { font-size: 30rpx; } input { width: 450rpx; } .head { height: 220rpx; border-bottom: 6rpx solid rgb(245, 245, 245); border-top: 2rpx solid rgb(245, 245, 245); background-size: 100%; } .angle { transform: rotate(225deg); font-size: 24rpx; margin-top: 2rpx; color: rgb(153, 153, 153); } .Headportrait { width: 145rpx; height: 145rpx; border-radius: 50%; margin-left: 40rpx; } .vip { margin-top: 30rpx; color: rgb(255, 255, 255); } .AncrownMax { background-color: rgb(57, 57, 57); height: 36rpx; border-radius: 20rpx; margin-right: 20rpx; line-height: 36rpx; padding-right: 14rpx; padding-left: 10rpx; } .Nickname { max-width: 170rpx; } .Ancrown { width: 30rpx; height: 30rpx; margin-right: 5rpx; } .plusMax { background-color: rgb(212, 58, 30); height: 36rpx; border-radius: 20rpx; line-height: 36rpx; padding-left: 10rpx; padding-right: 14rpx; } .fuls { width: 25rpx; height: 25rpx; margin-right: 5rpx; } .Bbottom { border-bottom: 6rpx solid rgb(245, 245, 245); } .Mleft { margin-left: 8rpx; } .Birth { width: 500rpx; } .Gendercheck { width: 90rpx; height: 35rpx; border: 2rpx solid rgb(212, 2, 31); color: rgb(212, 2, 31); border-radius: 20rpx; margin-left: 15rpx; } .Gender { width: 90rpx; height: 35rpx; border: 2rpx solid rgb(153, 153, 153); color: rgb(153, 153, 153); border-radius: 20rpx; margin-left: 15rpx; } .GenderImage { width: 25rpx; height: 25rpx; margin-right: 10rpx; } .confirm { width: 100%; position: fixed; left: 0rpx; bottom: 0rpx; height: 130rpx; background-color: rgb(255, 255, 255); z-index: 9; border-top: 1rpx solid #ddd; } .confirmtext { width: 495rpx; height: 65rpx; color: rgb(255, 255, 255); background-color: rgb(214, 1, 33); border-radius: 35rpx; } .cmleft { margin-left: 45rpx; } .hion { width: 300rpx; text-align: right; margin-top: 3rpx; margin-right: 5rpx; } .eye { width: 50rpx; height: 50rpx; } .user-head { height: 95rpx; background-color: white; margin: 0rpx 20rpx; border-bottom: 2rpx solid rgb(245, 245, 245); padding: 0rpx 20rpx; padding-top: 20rpx; } .user_headimg { height: 140rpx; width: 140rpx; border-radius: 70rpx; } .user-name { height: 95rpx; margin-top: 2rpx; background-color: white; margin: 0rpx 20rpx; border-bottom: 2rpx solid rgb(245, 245, 245); padding: 0rpx 20rpx; } .user-name.mt { margin-top: 20rpx; } .address { max-width: 300rpx; } .Receiving_goods { width: 330rpx; } .user-change { width: 100%; height: 100rpx; margin-top: 20rpx; background-color: white; } .one-line { white-space: nowrap; word-break: keep-all; overflow: hidden; } /*---弹出层---*/ .modal-box { position: fixed; width: 100%; height: 100%; top: 0px; background: rgba(0, 0, 0, 0.4); overflow: hidden; } .modal-body { position: fixed; top: 80rpx; left: 0; z-index: 100; background: #fff; margin-left: 73rpx; width: 600rpx; height: 860rpx; border-radius: 8px; text-align: center; } .modal-content { width: 480rpx; margin: 0 auto; margin-top: 60rpx; overflow: hidden; } .modal-content .hd_img { width: 170rpx; height: 170rpx; border-radius: 5px; } .ctent_txt { margin-left: 30rpx; text-align: left; } .txt1 { font-size: 34rpx; font-weight: bold; } .txt2 { font-size: 30rpx; color: #999; margin-top: 20rpx; } .arrow-right { width: 35rpx; height: 35rpx; margin-left: 10rpx; position: relative; top: 5rpx; } .code { margin-bottom: 10rpx; } .user-txt-right { color: rgb(153, 153, 153); font-size: 28rpx; } .user-txt { font-size: 32rpx; } .m_ta { margin-top: 50rpx; } .g_img { width: 480rpx; height: 480rpx; } .s_sao { font-size: 27rpx; margin-top: 25rpx; } .order-ico1 { width: 80rpx; height: 46rpx; margin-left: 40rpx; margin-right: 20rpx; color: rgba(0, 0, 0, 0.4); } .f_btn { font-size: 24rpx; padding: 0 12rpx; margin-right: 26rpx; margin-top: -10rpx; } .order-ico3 { width: 54rpx; height: 40rpx; margin-left: 40rpx; margin-right: 20rpx; } .wh1001 { width: 62rpx; height: 100%; } .wh1002 { width: 76rpx; height: 100%; } .order-ico.cla { width: 32rpx; } .order-ico.cla2 { width: 42rpx; margin-left: 34rpx; } .order-ico.cla3 { width: 40rpx; margin-left: 36rpx; } /* 日期控件 */ .pi { width: 200rpx; height: auto; margin-left: 10rpx; } .vipmax { margin-left: 20rpx; } /* 门店地址 */ .xc-address_frame { border-top: 1rpx solid #eee; width: 100%; height: auto; } .on_height { height: 90rpx; } .sn_height { height: 170rpx; } .xc-address_frame .address_frame { width: 92%; padding-left: 10rpx; margin: auto; } .stores-img { width: 40rpx; height: 35rpx; margin-right: 10rpx; } .shop_name { margin-right: 10rpx; } .address { width: 87%; margin-top: 5rpx; 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; } /* 选择门店的弹窗 */ .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: -1rpx; 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: 20rpx; height: 50rpx; line-height: 50rpx; } .choose_more { margin-top: 40rpx; padding-right: 20rpx; } .choose_mores { margin-top: 30rpx; margin-right: 15rpx; } .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: 33rpx; height: 33rpx; 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: 320rpx; 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; } .xc-val-money { height: 80rpx; } .xc-distance-bottom { margin-bottom: 40rpx; } .xc-distance-top { margin-top: 10rpx; } .xc-width { width: 100%; } .right-arrow { width: 15rpx; height: 15rpx; border-top: 2rpx solid #d70026; border-right: 2rpx solid #d70026; transform: rotate(45deg); display: inline-block; margin-bottom: 3rpx; } .xc-goods-attribute { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 40rpx; } .xc-val-fream { width: 105rpx; } .is_stock { width: 58%; height: 70rpx; border-radius: 55rpx; } .select_store_height { height: 50rpx; } .butttem5 { margin-bottom: 5rpx; } .s_btn { margin-top: 25rpx; } .padding { padding: 0rpx 20rpx; } .interest { padding: 0rpx 20rpx; padding-top: 30rpx; padding-bottom: 30rpx; } .lables { display: inline-block; padding-top: 25rpx; } .lable { display: inline-block; height: 44rpx; line-height: 44rpx; margin-right: 15rpx; color: rgb(255, 255, 255); border: 2rpx solid rgb(255, 138, 160); background-color: rgb(255, 138, 160); padding: 0rpx 25rpx; border-radius: 30rpx; margin-bottom: 21rpx; max-width: 195rpx; } .add_lable { height: 44rpx; line-height: 44rpx; color: rgb(189, 189, 189); border: 2rpx solid rgb(189, 189, 189); border-radius: 30rpx; padding: 0rpx 25rpx; } .plus { font-weight: bold; margin-right: 8rpx; } .lable_wh { height: 46rpx; line-height: 46rpx; } .contact { background-color: #FE6867; color: white; border-radius: 8rpx; padding-left: 10rpx; padding-right: 10rpx; margin-right: 20rpx; }