/* 中间等距两边贴边 */ .flex-space-between{ display: flex; justify-content:space-between; } .flex{display: flex} /* 垂直居中 */ .flex-vertical{ display:flex; align-items:center; } /* 圆 */ .circle{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /* 7.26 */ .white{ color: #fff; } .red-b{ background: #d60021; } .fs20{ font-size: 20rpx; } .xc-ash{ color: #b9b9b9; } /* 水平垂直 */ .flex-center{ display:flex; justify-content:center; align-items:center; } /* 垂直居中 中间等距两边贴边 7.13*/ .flex-vertical-between{ display:flex; align-items:center; justify-content:space-between; } .xc-ash{ color: #b9b9b9; } .fs30{ font-size:30rpx; } .xc-black3{ color: #333; } .fs28{ font-size: 28rpx; } .fs32{ font-size:32rpx; } .fs26{ font-size: 26rpx; } .red-co{ color: #d60021; } /* 门店分类列表 */ .sort_store_list { max-height: 700rpx; 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; z-index: 20; background: white; width: 100%; border-radius: 20rpx 20rpx 0 0; height: auto; bottom: 0; } .popup-top { border-bottom: 1rpx solid #eee; height: 155rpx; width: 95%; margin: auto; line-height: 155rpx; } .fs32{ font-size: 32rpx; } .nearby_store { margin-left: 17rpx; } .modal-closes { position: absolute; right: 30rpx; top: -15rpx; height: 25rpx; } .choose_mores { margin-top: 30rpx; margin-right: 15rpx; } .choose_more { margin-top: 40rpx; margin-right: 20rpx; } .bg_rights { border-top: 2rpx solid; border-right: 2rpx solid; transform: rotate(45deg); display: inline-block; width: 15rpx; height: 15rpx; border-color: #da0b31; } .searchbar { height: 95rpx; border-bottom: 2rpx solid rgb(238, 238, 238); } .storeListpadd { padding: 0rpx 31rpx; } .search { width: 125rpx; height: 45rpx; line-height: 45rpx; background-color: rgb(219, 27, 52); border-radius: 30rpx; color: rgb(255, 255, 255); } .inputstore { width: 510rpx; height: 43rpx; line-height: 43rpx; border-radius: 30rpx; border: 2rpx solid rgb(238, 238, 238); padding-left: 30rpx; } .store-list { width: 95%; min-height: 300rpx; overflow-y: scroll; margin: auto; max-height: 610rpx; } .store-list .store_choose { width: 100%; height: 120rpx; line-height: 125rpx; border-bottom: 1rpx solid #eee; padding: 10rpx 0; } .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; } .address-frame { width: 93%; margin-left: 7rpx; } .address_name { margin-right: 10rpx; width: 360rpx; } .fs24{ font-size: 24rpx !important; } .xc-ash-9f{ color: #9fa1a0; } .t-c { text-align: center; } .distance { padding-left: 20rpx; padding-right: 20rpx; background: #eee; border-radius: 20rpx; /* margin-right: 5rpx; */ color: #999; height: 38rpx; line-height: 38rpx; position: relative; top: 5rpx; } .address-val { height: 38rpx; line-height: 38rpx; } .butttem5 { margin-bottom: 5rpx; } .store-bottom-frame { width: 95%; margin: auto; } .store-bottom { width: 85%; margin: auto; height: 90rpx; } .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; } .xc-hooks { width: 30rpx; height: 30rpx; border: 1rpx solid #999; }