You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
zhishifufei_php/public/wap/first/zsff/components/apply-dialog/index.css

102 lines
2.0 KiB

.apply-dialog {
display: none;
opacity: 0;
}
.apply-dialog.show {
display: block;
opacity: 1;
}
.apply-dialog .dialog {
position: fixed;
top: 50%;
right: .75rem;
left: .75rem;
z-index: 56;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 90%;
padding: .55rem .6rem;
border-radius: .16rem;
background-color: #FFFFFF;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.apply-dialog .dialog img {
width: 2.5rem;
height: 1.8rem;
-o-object-fit: contain;
object-fit: contain;
vertical-align: middle;
}
.apply-dialog .dialog .title {
margin-top: .5rem;
font-weight: 600;
font-size: .32rem;
line-height: .45rem;
color: #2C8EFF;
}
.apply-dialog .dialog .title.fail {
color: #FC6A0A;
}
.apply-dialog .dialog .title.success {
color: #E93323;
}
.apply-dialog .dialog .message {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: .12rem;
overflow-x: hidden;
overflow-y: auto;
font-size: .26rem;
line-height: .37rem;
color: #999999;
}
.apply-dialog .dialog .btn-group {
margin-top: .6rem;
}
.apply-dialog .dialog .btn {
width: 100%;
height: .86rem;
border-radius: .43rem;
background-color: #2C8EFF;
font-size: .32rem;
color: #FFFFFF;
}
.apply-dialog .dialog .close-btn {
position: absolute;
top: .15rem;
right: .15rem;
line-height: 1;
}
.apply-dialog .dialog .close-btn .iconfont {
font-size: .43rem;
color: #CCCCCC;
}