|
|
@ -24,6 +24,7 @@ |
|
|
|
font-size:20px; |
|
|
|
font-size:20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.jump{ |
|
|
|
.jump{ |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
position:absolute; |
|
|
|
position:absolute; |
|
|
|
width:80px; |
|
|
|
width:80px; |
|
|
|
background-color: coral; |
|
|
|
background-color: coral; |
|
|
@ -31,12 +32,13 @@ |
|
|
|
color:#fff; |
|
|
|
color:#fff; |
|
|
|
padding: 10px 20px; |
|
|
|
padding: 10px 20px; |
|
|
|
border-radius: 6px; |
|
|
|
border-radius: 6px; |
|
|
|
top:200px; |
|
|
|
top:30%; |
|
|
|
left:65%; |
|
|
|
left:65%; |
|
|
|
z-index: 2002; |
|
|
|
z-index: 2002; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
.Previous{ |
|
|
|
.Previous{ |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
width:100px; |
|
|
|
width:100px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
background-color: #1ecd97; |
|
|
|
background-color: #1ecd97; |
|
|
@ -47,10 +49,10 @@ |
|
|
|
margin-top: 20px; |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.nextPage{ |
|
|
|
.nextPage{ |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
width: 100px; |
|
|
|
width: 100px; |
|
|
|
background-color: #1ecd97; |
|
|
|
|
|
|
|
font-size:16px; |
|
|
|
font-size:16px; |
|
|
|
color:#fff; |
|
|
|
color:#1ecd97; |
|
|
|
padding: 10px 20px; |
|
|
|
padding: 10px 20px; |
|
|
|
border-radius: 40px; |
|
|
|
border-radius: 40px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
@ -59,3 +61,7 @@ |
|
|
|
border: 2px solid #1ecd97; |
|
|
|
border: 2px solid #1ecd97; |
|
|
|
transition: background-color .3s |
|
|
|
transition: background-color .3s |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.nextPage:hover{ |
|
|
|
|
|
|
|
background-color: #1ecd97; |
|
|
|
|
|
|
|
color:#fff; |
|
|
|
|
|
|
|
} |