/* pages/recordPages/sfzyYyjl/sfzyYyjl.wxss */ .containers { width: 100%; height: 100vh; } .tips { padding: 0 32rpx; width: 100%; height: 140rpx; font-family: "苹方R"; font-size: 60rpx; color: #FFFFFF; display: flex; align-items: center; background: #CCCCCC; } .tipsWarning { background: #FF9200; } .tipsSuccess { background: #02C3CA; } .tipsError { background: #ff5500; } .infosBox { padding: 30rpx 50rpx; margin: 120rpx 32rpx 0 32rpx; width: calc(100% - 64rpx); background: #ffffff; border: 0.5px solid #dfdfdf; border-radius: 20rpx; box-shadow: 0px 2rpx 8rpx 0px rgba(0, 0, 0, 0.08); box-sizing: border-box; } .infosBox1 { margin: 40rpx 32rpx 0 32rpx; } .infosBox .item { padding: 15rpx 0; display: flex; align-items: flex-start; justify-content: space-between; } .infosBox .item .label { width: 170rpx; font-family: "苹方R"; font-size: 28rpx; color: #8E8E8E; } .infosBox .item .value { width: 0; flex: 1; font-family: "苹方R"; font-size: 28rpx; color: #333333; text-align: left; } .phone { color: #4686F6; } .button { margin: 60rpx 32rpx; width: calc(100% - 64rpx); height: 80rpx; font-family: "苹方R"; font-size: 36rpx; color: #ffffff; border-radius: 40rpx; background: #4686F6; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .button1 { color: #4686F6; background: none; border: 1px solid #4686f6; } .button2 { margin-top: 150rpx; background: #FF9200; } .button3 { font-family: "苹方M"; font-size: 46rpx; } .nobutton { position: relative; background: #D5D5D5; } .nobutton::before { position: absolute; top: -50rpx; left: 0; content: "请在预约时间段内点击"; width: 100%; text-align: center; font-family: "苹方R"; font-size: 24rpx; color: #5BAFED; } .active { opacity: 0.6; }