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.
simple-yewu/frontend/web/assets/css/popUps.css

93 lines
1.7 KiB

5 years ago
.model_wrap{
width: 100%;
height: 100vh;
background-color: #000;
5 years ago
opacity: 0.5;
5 years ago
position: fixed;
top: 0;
display:none;
5 years ago
z-index:2001;
5 years ago
}
5 years ago
.unchoose{
display: none;
}
.model-bg{
5 years ago
width: 560px;
position: absolute;
5 years ago
top: 30%;
left: 60%;
5 years ago
color:#fff;
5 years ago
margin-left: -600px;
z-index:2002 ;
5 years ago
}
5 years ago
.content{
font-size:20px;
5 years ago
}
5 years ago
.jump{
5 years ago
cursor: pointer;
5 years ago
position:absolute;
5 years ago
width:80px;
5 years ago
font-size:16px;
5 years ago
color:coral;
5 years ago
padding: 10px 20px;
5 years ago
border-radius: 40px;
top:22%;
5 years ago
left:53%;
5 years ago
z-index: 2002;
5 years ago
text-align: center;
5 years ago
border: 2px solid coral;
transition: background-color .3s
}
.jump:hover{
background-color: coral;
color:#fff;
5 years ago
}
.Previous{
5 years ago
cursor: pointer;
5 years ago
width:100px;
text-align: center;
5 years ago
font-size:16px;
5 years ago
color:#1ecd97;
5 years ago
padding: 10px 20px;
5 years ago
border-radius: 40px;
5 years ago
margin-top: 20px;
5 years ago
border: 2px solid #1ecd97;
transition: background-color .3s
}
.Previous:hover{
background-color: #1ecd97;
color:#fff;
5 years ago
}
.nextPage{
5 years ago
cursor: pointer;
5 years ago
width: 100px;
5 years ago
font-size:16px;
5 years ago
color:#1ecd97;
5 years ago
padding: 10px 20px;
5 years ago
border-radius: 40px;
5 years ago
text-align: center;
5 years ago
margin-top:-46px;
5 years ago
margin-left:150px;
5 years ago
border: 2px solid #1ecd97;
transition: background-color .3s
5 years ago
}
.nextPage:hover{
background-color: #1ecd97;
color:#fff;
5 years ago
}
.point1{
width: 525px;
height:174px;
background:url("../img/prompt.png") no-repeat center/cover;
position:absolute;
5 years ago
left:-548px;
top:-110px;
5 years ago
}
.point2{
width: 529px;
height:170px;
5 years ago
background:url("../img/prompt3.png") no-repeat center/cover;
5 years ago
position:absolute;
left:-548px;
top:-110px;
5 years ago
}