.container { border-top: 7rpx solid rgb(245, 245, 245); } .main { width: 100%; height: 305rpx; } .angle { transform: rotate(-45deg); margin-right: 15rpx; margin-bottom: 10rpx; font-size: 26rpx; color: rgb(142, 142, 142); } .StaffName{ max-width: 350rpx; } .angler { transform: rotate(227deg); margin-bottom: 0rpx; } .users { background-color: rgb(255, 255, 255); } .user { width: 40rpx; height: 40rpx; margin-left: 15rpx; } .Fram { padding: 0rpx 60rpx; margin-top: 60rpx; background-color: rgb(255, 255, 255); } .subSuccess { position: fixed; z-index: 3; top: 420rpx; left: 110rpx; width: 540rpx; height: 315rpx; background-color: rgb(155, 155, 155); text-align: center; border-radius: 20rpx; color: rgb(255, 255, 255); font-weight: bold; } .Success { width: 110rpx; height: 110rpx; margin-top: 70rpx; margin-bottom: 30rpx; } .appment, .sub_appment { width: 270rpx; height: 60rpx; line-height: 55rpx; border-radius: 40rpx; } button { height: 100%; background-color: rgb(214, 1, 33); } .appment { background-color: rgb(238, 238, 238); } .sub_appment { background-color: rgb(214, 1, 33); color: rgb(255, 255, 255); } .head { width: 122rpx; margin-right: 40rpx; height: 50rpx; line-height: 50rpx; } .textarea { width: 420rpx; background-color: rgb(238, 238, 238); border-radius: 6rpx; height: 130rpx; padding-left: 40rpx; padding-right: 15rpx; padding-top: 15rpx; padding-bottom: 15rpx; } .mabot { margin-bottom: 35rpx; } .select { width: 420rpx; height: 55rpx; line-height: 55rpx; background-color: rgb(238, 238, 238); border-radius: 6rpx; padding-left: 40rpx; padding-right: 15rpx; } .Cosmetology { padding-left: 40rpx; padding-right: 15rpx; width: 365rpx; background-color: rgb(238, 238, 238); height: 50rpx; line-height: 50rpx; border-radius: 6rpx; } .beauticians { width: 407rpx; z-index: 3; top: 45rpx; left: -1rpx; padding: 0rpx 5rpx; border: 2rpx solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); padding-bottom: 5rpx; height: 279rpx; overflow-x: scroll; overflow-y: scroll; } .beautician { height: 70rpx; border-bottom: 2rpx solid rgb(238, 238, 238); padding-left: 25rpx; } .beaclone { border-bottom: 0rpx; } .notes { margin-top: 15rpx; margin-bottom: 60rpx; margin-right: 8rpx; } .color { color: rgb(172, 172, 172); } .submitMax { margin-top: 50rpx; padding: 0rpx 15rpx; } .Remarks { margin-top: 15rpx; } /* 蒙尘 */ .disgraceful { position: fixed; z-index: 4; width: 100%; height: 100%; top: 0rpx; left: 0rpx; background-color: rgba(0, 0, 0, 0.4); } .storeList { z-index: 5; left: 0rpx; border-top-left-radius: 25rpx; border-top-right-radius: 25rpx; background-color: rgb(255, 255, 255); width: 100%; padding: 45rpx 0rpx; } .storeListpadd { padding: 0rpx 31rpx; } .choice { margin-bottom: 5rpx; } .inputstore { width: 510rpx; height: 43rpx; line-height: 43rpx; border-radius: 30rpx; border: 2rpx solid rgb(238, 238, 238); padding-left: 30rpx; } .searchbar { height: 95rpx; border-bottom: 2rpx solid rgb(238, 238, 238); } .search { width: 125rpx; height: 45rpx; line-height: 45rpx; background-color: rgb(219, 27, 52); border-radius: 30rpx; color: rgb(255, 255, 255); } .stores { height: 500rpx; overflow-y: scroll; } .store { margin: 0rpx 16rpx; padding-right: 15rpx; border-bottom: 2rpx solid rgb(238, 238, 238); padding: 20rpx 0rpx; } .icon { padding: 0rpx 15rpx; } .circular { width: 37rpx; height: 37rpx; border-radius: 50%; border: 2rpx solid rgb(52, 52, 52); margin: 0rpx 15rpx; } .store_name_dis { width: 90%; } .name_dis { margin-bottom: 5rpx; } .store_name { max-width: 420rpx; } .store_dis { height: 30rpx; line-height: 30rpx; padding: 5rpx 15rpx; background-color: rgb(227, 227, 227); border-radius: 25rpx; margin-right: 20rpx; color: rgb(159, 159, 159); max-width: 200rpx; } .store_address { color: rgb(159, 159, 159); } .determine { background-color: rgb(196, 24, 26); width: 500rpx; border-radius: 35rpx; height: 60rpx; color: rgb(255, 255, 255); margin: 20rpx 0rpx; } .value { max-width: 300rpx; } .notstore { height: 80rpx; color: rgb(159, 159, 159); }