[v-cloak] { display: none; } html, body { height: 100%; width: 100%; background: #f5f5f5; } .msg { padding: 0.266667*74upx 0.266667*74upx 0 0.266667*74upx; } .interviewee { margin-bottom: 0.266667*74upx; background: #ffffff; border-radius: 0.133333*74upx; } .interviewee .headers span { color: #333333 !important; } .interviewee p { /* height: 1.2*74upx; */ line-height: 1.2*74upx; color: #333333; font-size: 0.373333*74upx; border-bottom: 0.013333*74upx solid #eeeeee; display: flex; box-sizing: border-box; padding: 0 0.266667*74upx; position: relative; align-items: center; } .interviewee p img { width: 0.24*74upx; height: 0.467*74upx; position: absolute; right: 0.266667*74upx; top: 0.36*74upx; } .interviewee p span:nth-child(2) { margin-left: 0.533333*74upx; font-size: 0.373333*74upx !important; border: 0; outline: none; font-weight: 400; width: 70%; height: 100%; word-break: break-all; } .interviewee .last .reasontext { line-height: 1.5; } .interviewee .last { border: none; } .interviewee p input { margin-left: 0.533333*74upx; width: 70%; color: #333333; font-size: 0.373333*74upx; border: 0; outline: none; padding-left: 0; height: 98%; margin-bottom: 0 !important; } .interviewee p input::-webkit-input-placeholder { color: #999999; font-size: 0.373333*74upx; font-weight: 400; background-color: #fff; } #type2 .ing { background: #ffffff; height: 1.2*74upx; line-height: 1.2*74upx; border-radius: 0.133333*74upx; } #type2 .ing i { width: 0.266667*74upx; height: 0.266667*74upx; border: 0.013333*74upx solid #cccccc; display: inline-block; margin-left: 0.4*74upx; margin-right: 0.24*74upx; border-radius: 50%; } #type2 .ing span { color: #333333; font-size: 0.373333*74upx; } #type21 .ing { background: #ffffff; height: 1.2*74upx; line-height: 1.2*74upx; border-radius: 0.133333*74upx; } #type21 .ing i { width: 0.266667*74upx; height: 0.266667*74upx; border: 0.013333*74upx solid #cccccc; display: inline-block; margin-left: 0.4*74upx; margin-right: 0.24*74upx; border-radius: 50%; } #type21 .ing span { color: #333333; font-size: 0.373333*74upx; } /* 已同意 */ #type1 .ing { background: #ffffff; height: 1.2*74upx; line-height: 1.2*74upx; } #type1 .ing, #type2 .ing, #type3 .ing { border-radius: 0.133333*74upx; } #type1 .ing i { width: 0.266667*74upx; height: 0.266667*74upx; border: 0.013333*74upx solid #00c277; display: inline-block; margin-left: 0.4*74upx; margin-right: 0.24*74upx; border-radius: 50%; } #type1 .ing span { color: #00c277; font-size: 0.373333*74upx; } /* 3 */ #type3 .ing { background: #ffffff; height: 1.2*74upx; line-height: 1.2*74upx; } #type3 .ing i { width: 0.266667*74upx; height: 0.266667*74upx; border: 0.013333*74upx solid #f24141; display: inline-block; margin-left: 0.4*74upx; margin-right: 0.24*74upx; border-radius: 50%; } #type3 .ing span { color: #f24141; font-size: 0.373333*74upx; } #un-img { width: 100%; height: 100%; } /* 4 审批是否同意 */ #type4 { width: 100%; height: 1.226667*74upx; position: fixed; left: 0; bottom: 0; display: flex; justify-content: space-between; } #type4 .refuse { width: 50%; height: 1.226667*74upx; line-height: 1.226667*74upx; text-align: center; background: #ffffff; color: #ff6868; font-size: 0.48*74upx; } #type4 .agree { width: 50%; height: 1.226667*74upx; line-height: 1.226667*74upx; text-align: center; background: #00c277; color: #ffffff; font-size: 0.48*74upx; } .positive { margin-left: 0.266667*74upx; margin-right: 0.666667*74upx; }