93 lines
1.5 KiB
CSS
93 lines
1.5 KiB
CSS
|
|
*{
|
||
|
|
margin:0;
|
||
|
|
padding:0
|
||
|
|
}
|
||
|
|
.popup,.popup div{
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.popup{
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
background: rgba(0,0,0,.7);
|
||
|
|
position:fixed;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
z-index:1000;
|
||
|
|
display:flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
animation:3s;
|
||
|
|
overflow-x:hidden;
|
||
|
|
overflow-y: scroll;
|
||
|
|
padding:20px 0;
|
||
|
|
}
|
||
|
|
.popupMin{
|
||
|
|
width:70%;
|
||
|
|
margin-left:15%;
|
||
|
|
height:auto !important;
|
||
|
|
box-sizing: border-box;
|
||
|
|
position:relative;
|
||
|
|
display:flex;
|
||
|
|
flex-direction: column;
|
||
|
|
/* max-height:1200px; */
|
||
|
|
margin-bottom:56px;
|
||
|
|
}
|
||
|
|
.popCont{
|
||
|
|
width:100%;
|
||
|
|
height:auto;
|
||
|
|
box-sizing: border-box;
|
||
|
|
position:relative;
|
||
|
|
display:flex;
|
||
|
|
z-index:1000;
|
||
|
|
background: #f43c24;
|
||
|
|
/* background:url(../images/back.png)repeat;
|
||
|
|
background-size:100% auto; */
|
||
|
|
}
|
||
|
|
.top{
|
||
|
|
width:100%;
|
||
|
|
height:auto;
|
||
|
|
object-fit: contain;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
.bottom{
|
||
|
|
width:100%;
|
||
|
|
height:auto;
|
||
|
|
object-fit: contain;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
.cont{
|
||
|
|
width:100%;
|
||
|
|
min-height:300px;
|
||
|
|
display:flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
margin-top:-200px;
|
||
|
|
}
|
||
|
|
.left{
|
||
|
|
width:7.9%;
|
||
|
|
/* min-width:24px; */
|
||
|
|
position:relative;
|
||
|
|
top:0;
|
||
|
|
left:0px;
|
||
|
|
z-index: 1000;
|
||
|
|
background:url(../images/popupList02.png)repeat;
|
||
|
|
background-size:100% auto;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
.right{
|
||
|
|
width:7.5%;
|
||
|
|
position:relative;
|
||
|
|
top:0;
|
||
|
|
z-index: 1000;
|
||
|
|
background:url(../images/popupList03.png)repeat;
|
||
|
|
background-size:100% auto;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
.popDelect{
|
||
|
|
width:36px;
|
||
|
|
height:auto;
|
||
|
|
object-fit: contain;
|
||
|
|
margin-top:-36px;
|
||
|
|
margin-left:calc(50% - 13px);
|
||
|
|
/* margin-bottom:20px; */
|
||
|
|
}
|