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.
208 lines
3.5 KiB
208 lines
3.5 KiB
.game3Index {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.game3Index p.bgm img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.game3Index .imgList li{
|
|
width: 1.21rem;
|
|
height: 1.2rem;
|
|
background: url(../img/game1/kuang.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.game3Index .imgList li img{
|
|
position: absolute;
|
|
z-index: 9999;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
|
|
}
|
|
.game3Index .imgList li:nth-child(1){
|
|
left: 1%;
|
|
}
|
|
.game3Index .imgList li:nth-child(2){
|
|
left: 11%;
|
|
}
|
|
.game3Index .imgList li:nth-child(3){
|
|
left: 21%;
|
|
}
|
|
|
|
.game3Index .clickIcon li{
|
|
width: .5rem;
|
|
height: 1rem;
|
|
position: absolute;
|
|
/*left: 0;
|
|
top: 0;*/
|
|
}
|
|
.game3Index .clickIcon li.click1{
|
|
top: 43%;
|
|
left: 66%;
|
|
}
|
|
.game3Index .clickIcon img{
|
|
width: .74rem;
|
|
display: none;
|
|
}
|
|
.game3Index .clickIcon li.click2{
|
|
bottom: 3%;
|
|
left: 82%;
|
|
}
|
|
.game3Index .clickIcon li.click3{
|
|
top: 45%;
|
|
left: 56%;
|
|
}
|
|
.game3Index .clickIcon li.click3 img{
|
|
width: .65rem;
|
|
}
|
|
/*书*/
|
|
.game3Index .maskBgm{
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: url(../img/game3/successBgm.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 99;
|
|
}
|
|
.game3Index .maskBgm:after {
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: inherit;
|
|
filter: blur(10px);
|
|
z-index: 2;
|
|
}
|
|
.game3Index .book_box{
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 999;
|
|
|
|
}
|
|
.game3Index div.line{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
background: rgba(61, 117, 122,.5);
|
|
width: 100%;
|
|
height: 1.66rem;
|
|
z-index:-1 ;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.game3Index div.line div{
|
|
margin: 0 auto;
|
|
width: 11rem;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.game3Index div.line p{
|
|
box-sizing: border-box;
|
|
font-size: .44rem;
|
|
font-weight: 400;
|
|
color: #C9C6BA;
|
|
}
|
|
.game3Index div.closeIcon{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-right: 1.2rem;
|
|
margin-top: .55rem;
|
|
|
|
}
|
|
.game3Index div.closeIcon img{
|
|
width: .546rem;
|
|
height: .546rem;
|
|
}
|
|
.game3Index .bookCont{
|
|
width: 9.93rem;
|
|
height: 5.89rem;
|
|
background: url(../img/bookBgm.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto;
|
|
z-index: 999;
|
|
display: flex;
|
|
|
|
}
|
|
.game3Index .leftImg {
|
|
width: 3.58rem;
|
|
margin-left: .9rem;
|
|
}
|
|
.game3Index .leftImg .titleTip{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: .42rem;
|
|
}
|
|
.game3Index .leftImg .titleTip p{
|
|
color: #1F444B;
|
|
font-size: .22rem;
|
|
}
|
|
.game3Index .leftImg .img{
|
|
width: 1.18rem;
|
|
height: .91rem;
|
|
}
|
|
.game3Index .leftImg .imgList{
|
|
width: 3.58rem;
|
|
height: 4.14rem;
|
|
margin-top: .1rem;
|
|
}
|
|
.game3Index .leftImg img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.game3Index .rightCont{
|
|
width: 3.8rem;
|
|
margin-left: 1.05rem;
|
|
position: relative;
|
|
}
|
|
.game3Index .rightCont .titleTip{
|
|
display: flex;
|
|
margin-top: .7rem;
|
|
justify-content: space-between;
|
|
}
|
|
.game3Index .rightCont .titleTip h2,
|
|
.game3Index .rightCont .titleTip h5{
|
|
color: #1F444B;
|
|
font-size: .3rem;
|
|
}
|
|
.game3Index .rightCont .titleTip h5{
|
|
font-weight: normal;
|
|
font-size: .22rem;
|
|
}
|
|
.game3Index .rightCont ul{
|
|
margin-top: .12rem;
|
|
}
|
|
.game3Index .rightCont li{
|
|
font-size:.2rem ;
|
|
color: #1F444B;
|
|
line-height: .36rem;
|
|
}
|
|
.game3Index .rightCont .pageNum{
|
|
position: absolute;
|
|
bottom:5%;
|
|
left: 40%;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
font-size: .2rem;
|
|
color: #1F444B;
|
|
}
|
|
|
|
|