dialog记录

.gyzq{
&.dialog{
background: rgba(83,83,83,0.50);
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
z-index:100;
.dialog2 {
width: 275px;
height: 260px;
border-radius:4px;
background: #FFFFFF;
text-align: center;
position: relative;
display: block;
z-index: 1000;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
.dialogTitle {
width: 100%;
height: 60px;
font-family: PingFangSC-Regular;
font-size: 15px;
color: #535353;
letter-spacing: 0;
line-height: 60px;
}
.dialogContent {
width: 100%;
height: 100%;
text-align: left;
margin-left: 61px;
position:relative;
font-family:PingFangSC-Regular;;
font-size: 14px;
left: 0;
top: 48%;
transform:translate(0,-50%);
li {
list-style: none;
line-height: 28px;
}
.name {
font-family: PingFangSC-Regular;
color: #939393;
line-height: 14px;
}
.value {
margin-left: 20px;
color: #535353;
line-height: 14px;
}
}
.dialogBottom {
width: 100%;
position: absolute;
bottom: 0px;
button {
font-size: 15px;
height: 46px;
background-color: #fff;
border: none;
letter-spacing: 0;
border-top: 1px solid #ECECEC;
width: 50%;
}
.cancelButton {
color: #939393;
}
.ok {
color: #F34A55;
border-left: 1px solid #ECECEC;
}
}
}
}
}