.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; } .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: 30rpx; height: 30rpx; margin-left: 10rpx; } .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; }