html, body { height: 100%; width: 100%; background: #f5f5f5; } [v-cloak] { display: none; } #myapp { height: 100%; } .pic { /* height: 3.866667*74upx; */ display: flex; justify-content: space-between; padding-left: 0.266667*74upx; padding-right: 0.666667*74upx; padding-bottom: 0.666667*74upx; } .opposite { width: 2.4*74upx; height: 2.4*74upx; border: 0.013333*74upx solid #cccccc; display: flex; justify-content: center; align-items: center; } .opposite img { width: 0.8*74upx; height: 0.8*74upx; display: block; } .promise { width: 2*74upx; height: 2.333333*74upx; position: relative; } .promise img:nth-child(1) { width: 100%; height: 100%; display: block; } .promise img:nth-child(2) { display: block; /* width: .293333*74upx; height: .293333*74upx; */ position: absolute; top: -0.146667*74upx; right: -0.146667*74upx; } .interviewee { background-color: #ffffff; box-sizing: border-box; margin: 0.266667*74upx; border-radius: 0.133333*74upx; } .interviewee P { height: 1.2*74upx; color: #333333; border-bottom: 0.013333*74upx solid #eeeeee; position: relative; padding-left: 0.266667*74upx; } .interviewee p input { width: 70%; height: 98%; border: none; margin-bottom: 0 !important; padding: 0 !important; margin-left: 0.427*74upx; font-size: 0.373*74upx; } .interviewee p span { font-size: 0.373*74upx; color: #333333; } .interviewee p img { width: 0.24*74upx; height: 0.467*74upx; position: absolute; right: 0.266667*74upx; top: 0.36*74upx; } .header { display: flex; justify-content: flex-start; align-items: center; } .mask { width: 100%; height: 100%; position: fixed; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); } .dept { height: 1.2*74upx; line-height: 1.2*74upx; margin-left: 0.527*74upx; } .interviewee p input::-webkit-input-placeholder { color: #999; } .interviewee p input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } .interviewee p input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } .interviewee p input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; } .interviewee .footer { margin: 0.426667*74upx 0 0.586667*74upx 0; font-size: 0.373333*74upx; color: #333333; padding-left: 0.266667*74upx; } .deptBg { width: 100%; height: 84%; position: fixed; bottom: 0; left: 0; background-color: #fff; overflow-y: scroll; padding-left: 0.4*74upx; box-sizing: border-box; } .deptBg span { width: 100%; height: 1.067*74upx; border-bottom: 0.013333*74upx solid #ccc; font-size: 0.373*74upx; color: #333333; line-height: 1.067*74upx; display: block; } .deptBg span:last-child { border: none; } #type2 { width: 100%; position: fixed; bottom: 0; }