Yizhan-app/common/style/coupongLists.scss

219 lines
3.5 KiB
SCSS

[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;
}