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.
233 lines
3.9 KiB
233 lines
3.9 KiB
@font-face {
|
|
font-family: icon;
|
|
src: url("font/icon.ttf"), url("font/icon.eot");
|
|
}
|
|
|
|
.snowList {
|
|
/*display: none;*/
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.snow {
|
|
font-family: icon;
|
|
color: #fff;
|
|
position: absolute;
|
|
top: -100px;
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.game4Index {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.game4Index p.bgm img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.game4Index .imgList li{
|
|
width: 1.21rem;
|
|
height: 1.2rem;
|
|
background: url(../img/game1/kuang.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
|
|
}
|
|
.game4Index .imgList li img{
|
|
position: absolute;
|
|
z-index: 9999;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
|
|
}
|
|
.game4Index .imgList li:nth-child(1){
|
|
right: 21%;
|
|
}
|
|
.game4Index .imgList li:nth-child(2){
|
|
right: 11%;
|
|
}
|
|
.game4Index .imgList li:nth-child(3){
|
|
|
|
right: 1%;
|
|
}
|
|
|
|
.game4Index .clickIcon li{
|
|
width: 1rem;
|
|
height: 1rem;
|
|
position: absolute;
|
|
|
|
/*background: #333;
|
|
opacity: .5;*/
|
|
}
|
|
.game4Index .clickIcon li.click1{
|
|
bottom: 3%;
|
|
right: 67%;
|
|
width: .5rem;
|
|
height: 1rem;
|
|
}
|
|
.game4Index .clickIcon li.click2{
|
|
top: 67%;
|
|
right: 52%;
|
|
width: 1rem;
|
|
height: 1.5rem;
|
|
}
|
|
.game4Index .clickIcon li.click3{
|
|
top: 53%;
|
|
right: 30%;
|
|
width: .5rem;
|
|
height: 1.5rem;
|
|
}
|
|
.game4Index .clickIcon li.click3 img{
|
|
width: .75rem;
|
|
}
|
|
.game4Index .clickIcon img{
|
|
width: .94rem;
|
|
display: none;
|
|
}
|
|
/*书*/
|
|
.game4Index .maskBgm{
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: url(../img/game2/successBgm.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 99;
|
|
}
|
|
.game4Index .maskBgm:after {
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: inherit;
|
|
filter: blur(10px);
|
|
z-index: 2;
|
|
}
|
|
.game4Index .book_box{
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 999;
|
|
|
|
}
|
|
.game4Index 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;
|
|
}
|
|
.game4Index div.line p{
|
|
box-sizing: border-box;
|
|
padding: 0 1.15rem;
|
|
font-size: .44rem;
|
|
font-weight: 400;
|
|
color: #C9C6BA;
|
|
opacity: 0.41;
|
|
}
|
|
.game4Index div.closeIcon{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-right: 1.2rem;
|
|
margin-top: .55rem;
|
|
|
|
}
|
|
.game4Index div.closeIcon img{
|
|
width: .546rem;
|
|
height: .546rem;
|
|
}
|
|
.game4Index .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;
|
|
|
|
}
|
|
.game4Index .leftImg {
|
|
width: 3.58rem;
|
|
margin-left: .9rem;
|
|
}
|
|
.game4Index .leftImg .titleTip{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: .42rem;
|
|
}
|
|
.game4Index .leftImg .titleTip p{
|
|
color: #1F444B;
|
|
font-size: .22rem;
|
|
}
|
|
.game4Index .leftImg .img{
|
|
width: 1.18rem;
|
|
height: .91rem;
|
|
}
|
|
.game4Index .leftImg .imgList{
|
|
width: 3.58rem;
|
|
height: 4.14rem;
|
|
margin-top: .1rem;
|
|
}
|
|
.game4Index .leftImg img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.game4Index .rightCont{
|
|
width: 3.8rem;
|
|
margin-left: 1.05rem;
|
|
position: relative;
|
|
}
|
|
.game4Index .rightCont .titleTip{
|
|
display: flex;
|
|
margin-top: .7rem;
|
|
justify-content: space-between;
|
|
}
|
|
.game4Index .rightCont .titleTip h2,
|
|
.game4Index .rightCont .titleTip h5{
|
|
color: #1F444B;
|
|
font-size: .3rem;
|
|
}
|
|
.game4Index .rightCont .titleTip h5{
|
|
font-weight: normal;
|
|
font-size: .22rem;
|
|
}
|
|
.game4Index .rightCont ul{
|
|
margin-top: 0.22rem;
|
|
margin-left: -.32rem;
|
|
}
|
|
.game4Index .rightCont li{
|
|
font-size:.2rem ;
|
|
color: #1F444B;
|
|
line-height: .36rem;
|
|
}
|
|
.game4Index .rightCont .pageNum{
|
|
position: absolute;
|
|
bottom:5%;
|
|
left: 40%;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
font-size: .2rem;
|
|
color: #1F444B;
|
|
}
|
|
|
|
|